Time to read:
Launching website 3.0!
It really feels like there’s a big resurgence of personal websites lately - I’ve seen so many people bringing back their websites, relaunching a "writing about whatever I want" blog, adding and subscribing to RSS feeds, and just generally making the internet weird and personal again - and I love it!
Inspired by this, and in traditional January fashion, I’ve just launched a complete redesign of my personal website. Introducing Website 3.0!
New nav hu dis?
Over the past 12 months or so of tinkering with my website, I’d always had the thought in the back of my mind to make my website feel a bit more SaaSy. I’m a UI designer at a SaaS company so as a way of leaning into my strengths, and also as a better way of representing my skills online, I liked the idea of introducing typically-SaaS components into my site, most notably a side nav rather than a typical header nav. It was only when I saw Robin Spielmann’s website (iamrob.in) execute this beautifully that I felt confident enough to give it a go myself
So with that, I introduced a new sticky side nav, replacing the previous headers and footers. I’m over the moon with how it’s come out, especially with the addition of placeholder nav buttons coupled with a 'Coming soon' label. I like to think that this might make someone revisit my site to see what’s new, but most importantly they serve as a reminder to myself to crack on and get those pages finished and released
Simplicity. It’s simple really
On both the design and development fronts, I’d really overcomplicated my website. My typography and colour systems were confused at best, and the structure of pages was overly messy and meant that a lot of content was hidden deep in the depths of the site.
I completely redeveloped my colour palette, reducing the number of colours I have at hand, and using my recent knowledge of design tokens to better assign those colours to avoid over-complication. I also simplified my typography system and made sure it scales more naturally across different devices (utopia.fyi made this a breeze)
I dropped a few pages, introduced some new top level pages and generally shuffled things around a bit to make navigation a bit easier and prevent so many pages from getting lost behind multiple button clicks
As I’m treating this website as a digital garden; something to potter in and tweak over time, I wanted to keep better track of the changes I make, just for my own nostalgia really. I’ve added a changelog into the side nav and reworked my blog CMS to suit both blog posts and changelog updates. I plan to write blog posts for any significant releases I make, but will use the changelog for the odd tweaks I make here and there
General improvements and bug fixes™️
We update our app regularly to bring you the best experience. Make sure you have automatic updates turned off so you’re always up to date
Jokes aside, I just fixed a load of stuff and updated a load of stuff. Too much to list here
Anyway, hope you like the update! If you’ve got any feedback or spot anything weird, message me on Mastodon
More like this.
My new website is now live! Here's a few of the things I removed and improved over version 1.0
Time to read:
A look at the changes I made to my website in February 2023
Time to read: