Redesign to learn

January 20, 2020

If you're a frequent visitor of my website, you've probably noticed that there's a fresh coat of paint. And if you're truly a frequent visitor, you're probably aware that it's just 6 months since my last redesign which was a technical redesign rather than a visual one by switching from Jekyll to Gatsby. That redesigned focused on things I value, but might not be apparent at first glance - privacy, speed, accessibility, and security. This redesign, however, focuses more on the visuals. But it also got me thinking, why should we keep redesigning?

Learn by doing

Ever since attending Hyper Island back in 2000, I've been an avid fan of learning by doing. I love to read, but I've realized that I learn by doing, not by simply reading something. So redesigning my website has always been a way for me to learn new things. Even though I rely on Alexander Hansson to help me with the core development, I love fiddling with the site's CSS to get the sizes and spacing right. I love being able to try things on my own. I loved being able to take an active role in the development, which is something I rarely get to do in my 'real' work.

Learning by solving specific problems is probably the best way, because then you get to apply what you learn immediately through practice, so it won’t become only theoretical knowledge, but a useful skill that you can use in the future too.Case Study: Interview with Daniel Korpai

But even learning isn't the full picture. It's the obvious answer and it's surely part of the truth. When I read Frank Chimero's post Wants and Needs, things fell into place:

I’ve redesigned my site a lot in the last decade. A lot. Too much and too frequently, most certainly. The stated reason was to practice using new methods (trying CSS grid, taking a new typeface for a spin, and so on). But that isn’t the full story. Too often, I’d redesign because I needed to feel capable at my job, which required a design challenge that wouldn’t drive me nuts. The simplicity of redesigning my personal site became a way to hide from the crazy-making and humbling (humiliating?) complexity of systems design. The redesigns were a happy little bubble of sensibility and control, a way to practice and use technology at work without feeling trapped.Wants and Needs

Because the work I usually do is complex, large, and filled with stake holders, redesigning my own website is limited, appropriately sized, and no one to answer to but myself. It's a way to feel a sense of control in a world that seems to be moving faster each day.

Designers love to run multiple side projects and even though it's my business' primary marketing window, I still see it as a side project. It's a place where I can try things out and see what actually works.

Side projects make you the boss.

“When you feel real ownership for a project, you become more confident in your decisions,” says van Schneider. “You might change your plan and that’s okay. You are always right when it’s your project.”Why Side Projects Should be Stupid

What's new

As an admirer of great user experiences, I love reading release notes and especially those that provide insights into why something was added, changed, or removed. Notion, that I'm writing this post in, features all of their release notes in a shared doc (a Notion doc!).

My primary goal for this redesign was to make it more visual. While I still prefer a clean, minimalistic aesthetic it doesn't make sense for my website to look like Google Docs. There's a bit more color on the website now and solid blocks to clearly differentiate the elements.

  • I wanted a bit more attitude in the typography while still maintaining a great readability. So the main typeface is now Lyon, a beautiful and easy to read serif from Commercial Type. It's paired with Prachar from Indian Type Foundry. I love it's hand-written look and the boldness that comes with it being an all-caps font.
  • I also wanted to have a template design that would give me more flexibility compared to the one-column design that I had previously. With this 1/3 + 2/3 column grid, I can give elements hierarchy in a way that wasn't possible previously. It allows me to set image captions on some of the work in my portfolio and to break out testimonials much prominently.
  • Finally, my notes are separated from my blog to give each the attention they deserve.

I would love to hear what you think! Whenever I change something, I value any feedback that lets me know if I'm moving in the right direction. This redesign is no different. So give it a look over and shoot me your thoughts.

Much more content coming shortly, stay updated through my mailing list!

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