SMTH is predominately a blog, featuring my writing about topics in and around design and digital media. The site is also intended to provide a home for any other web content that I might create. For example, photography, or perhaps social media.
Given the the subject matter and intention of the site, I wanted the design to do something a little different than a typical blog design. Creating a home page that mimicked a magazine cover I felt was an interesting challenge; this also lent itself to me being able to make light of the self-serving nature of this site, by putting myself on the "cover".
![Home page screenshot](/img/Fy6SAoPCrg-1892.jpeg)
Much like a magazine, the cover changes over time. It evolved into a vehicle for illustration work.
![Home page screenshot](/img/u9nB4yByO6-1892.jpeg)
![Home page screenshot](/img/8AtIfNzQv8-1892.jpeg)
![Home page screenshot](/img/pcy2jMmttr-1886.jpeg)
![Home page screenshot](/img/gpVwv4dcb_-1919.jpeg)
I wanted the theme continues on the post / article pages. Initially these pages resembled a double page spread, with a feature image on one side and content on the other.
![Article page screenshot](/img/MDGES-BboM-1892.jpeg)
I found there to be something a little awkward about reading from the centre to the edge of the viewport, so eventually redesigned this page to be a little more conventional. I at this time started to create illustrations that did not need to bleed off the page.
![Article page screenshot](/img/6oBFYbKk_N-2702.jpeg)
The site is built using a static site generator, which currently converts markdown files to blog post pages, and pulls externally hosted photos from an API.
![Photo page screenshot](/img/v_nKZOGtzo-1892.jpeg)
The site is a live work in progress.
Project roles
- Illustration
- Web design
- Web build