I’ve been blogging at life + running for more than 8 years. During this time I’ve redesigned a few times. The last redesign was in 2012. I’m way overdue for a redesign, but it’s been on the bottom of my list of personal projects.
I love web design because it can be as permanent or as temporary as you want, so I can keep playing with design and code until I’m happy with something, but can have a working piece in the meantime. I decided that instead of putting off an extensive redesign, I would create interim designs by customizing existing WordPress themes while developing a completely custom theme for both my blog and my portfolio.
Here is what life + running looked like previously. You can view the old version by clicking on the image below.
Not only was the old design dated, it became cumbersome to navigate as my blog gained new categories. Also, this template was not responsive as I built it before responsive design was the norm. The biggest problem was that this template wouldn’t run on the latest version of PHP, which meant that I could only run old PHP for my entire chimesdesign domain.
I upgraded my previous unresponsive design to a responsive template using custom CSS, HTML, and some PHP. I created custom typography using typefaces from both TypeKit and Google Fonts. The header is typography I created using brush pens and watercolor.
This design is ideally temporary, but it has a lot of the features that I want. I also began the process of reorganizing and recategorizing articles to make them easier to find. And I’ve started using WordPress’s visibility option, which allows certain modules to be visible or invisible depending on the page or tag (e.g. I have my wedding invite Etsy shop ad showing for articles tagged “wedding”).