A Redesign

August 15, 2017

If you’re a frequent reader of my blog, you’ve probably already noticed there have been some changes in the structure and layout of my website. While it may look similar to the previous version, the site is actually completely rebuilt from the ground up. Rather than going into the technical details of the redesign, I thought I’d share my process and reasoning behind the choices I’ve made. Let’s see if you can spot the common thread behind each decision!

Why a redesign?

During the last year, some of my posts have received substantial traffic so, in theory, there was nothing wrong with the layout. However, as I’ve been starting to share short excerpts of posts that I’ve found inspiring, I noticed that the previous design didn’t work exceptionally well with that format. The new design systems offers greater flexibility without making the site feel bloated.

Design

From a design perspective, I wanted to keep the ultra-simple look that I had previously, but take it even one step further and focus solely on the reading experience. I wanted to keep using Neutral which is a fantastic, clean, and modern typeface hosted through Fontstand. I’ve paired Neutral with a more retro mono typeface called Input Sans Condensed from DJR.

As someone who preaches about accessibility, I wanted to make sure that my site is WCAG AA+ approved, so that even visually impaired people can experience my content.

Technology

Perhaps the biggest shift has been in terms of the technologies I used. While I used to run my site on Wordpress, like so many others, I’ve started to experience it’s limitations. The fact that Wordpress runs from a database and makes queries to that database is something that consumes bandwidth making it slower for you, the user. Considering the humble size of my website, I’m almost obsessed with making it as fast as possible. After a quick survey with people far more capable of choosing the correct solution than me, I’m now happy to say that my site uses Jekyll. Jekyll compiles pages into a static website making it far faster and less vulnerable to compromise than anything using a database.

As I’m terrified of using the terminal to upload and edit websites, I’ve found a solution that I’m so far extremely content with. I’m having the entire site uploaded to Github, a repository for code that offers great version controlling capabilities. A brilliant service called Buddy, then gets notified of a new push to Github and recompiles the website (e.g making all links work, checks for errors etc). Once the build is complete, it uploads the ‘new’ iteration to DigitalOcean. (Edit: It now also purges the cache over at Cloudflare before sending me a private Slack message notifying me that it’s all good.) Bam! Zero terminal required and a fast, backed up, secure website for a non-technical person like myself.

I should admit that none of the above would have been possible without the help of Alexander Hansson. Thank you!

Newsletter

If you’re arriving here from my newsletter, you’ve already experienced the biggest (visual) change! If not, this is a good opportunity to sign up and get my newsletter next week. After trying out Drip for almost a year, I've decided to move back to Mailchimp. While Drip offers some great automation tools and segmenting options, it was more complicated than what I actually need. Mailchimp’s simplicity and usability won me over.

If you’re looking to get started with Mailchimp, I highly recommend Paul Jarvis’ Chimpessentials. It’s a great online course that covers just about everything that you need to know to start your own newsletter, even if you have literally zero experience.

Shop

The final technical shift has been from the e-commerce solution behind my book sales. I started with Gumroad and then moved to Woocommerce as I thought it made more sense running Wordpress. While WooCommerce might seem like a affordable alternative (it’s free!), adding the extensions I needed quickly affected the final price. I’m now using Shopify - a shopping experience I personally know and have used hundreds of times on other websites. It’s an all around great solution that really simplifies the sales process.

So, did you spot the common thread?

Every decision that I made in this redesign/rebuild is based on improving YOUR experience. While the visuals may not have changed, I’m confident that your experience will be slightly better.

You see, factors like load speed can really impact the user experience. As users, we don’t really care about speed or even notice it until it’s too slow, right? Most people will never go to a website and be amazed at just how fast it loads. Crafting great experiences is sometimes just staying out of the way (e.g. Dropbox, Backblaze etc) and allowing the user to do what they’ve set out to do without interruptions. No email popups to distract you here!

It’s honest, authentic, and accessible.

I love sharing my experiences working in design and what’ve I’ve learned along the way. Join a community of thousands of designers, developers, and product professionals by signing up to my newsletter!

Not quite ready to sign up? I totally understand! Why not start by reading some of my past issues?

Great! Just “one more thing”...

You need to confirm your email to confirm your subscription.

  1. March, 2024

  2. February, 2024

  3. January, 2024

  4. December, 2023

  5. November, 2023

  6. October, 2023

  7. September, 2023

  8. August, 2023

  9. July, 2023

  10. June, 2023

  11. May, 2023

  12. April, 2023

  13. March, 2023

  14. January, 2023

  15. December, 2022

  16. November, 2022

  17. September, 2022

  18. August, 2022

  19. July, 2022

  20. June, 2022

  21. May, 2022

  22. April, 2022

  23. January, 2022

  24. December, 2021

  25. November, 2021

  26. October, 2021

  27. September, 2021

  28. August, 2021

  29. July, 2021

  30. June, 2021

  31. May, 2021

  32. April, 2021

  33. March, 2021

  34. January, 2021

  35. November, 2020

  36. October, 2020

  37. September, 2020

  38. August, 2020

  39. June, 2020

  40. May, 2020

  41. April, 2020

  42. March, 2020

  43. February, 2020

  44. January, 2020

  45. December, 2019

  46. November, 2019

  47. October, 2019

  48. September, 2019

  49. August, 2019

  50. July, 2019

  51. June, 2019

  52. May, 2019

  53. April, 2019

  54. March, 2019

  55. February, 2019

  56. January, 2019

  57. December, 2018

  58. November, 2018

  59. October, 2018

  60. September, 2018

  61. August, 2018

  62. July, 2018

  63. June, 2018

  64. May, 2018

  65. April, 2018

  66. March, 2018

  67. February, 2018

  68. January, 2018

  69. December, 2017

  70. November, 2017

  71. October, 2017

  72. September, 2017

  73. August, 2017

  74. July, 2017

  75. June, 2017

  76. May, 2017

  77. April, 2017

  78. March, 2017

  79. February, 2017

  80. January, 2017

  81. December, 2016

  82. November, 2016

  83. October, 2016

  84. September, 2016

  85. August, 2016

  86. July, 2016

  87. June, 2016

  88. May, 2016

  89. April, 2016

  90. March, 2016

  91. February, 2016

  92. January, 2016

  93. December, 2015

  94. November, 2015

  95. October, 2015

  96. September, 2015

  97. August, 2015

  98. July, 2015

  99. June, 2015

  100. May, 2015

  101. April, 2015

  102. November, 2014

  103. April, 2013