Personal Website

iPhone X Mockup

"When designing my personal website, the goal was to create a minimalist, intuitive and modern user experience."

Four iPhones were each of them displays a different page of the website. They lay on an orange surface.

Design decisions

When I thought about the design of my personal website, the goal was to create an intuitive design that is easy to navigate and to understand. Most people know that they can expand the hamburger menu just the way they expand them in apps on their phones. Many apps rely on hamburger menus as navigation, although other options out there are good as well. The hamburger menu fits better on a website for my taste, so I included it on mine.

The big header on the main page creates a modern look and feel, while representing my vision of design and software development as a whole. I want to deliver user experiences with love to detail, such as using same margins or fonts throughout the website, but also smooth animations that are easy on the eyes. I am kind of a perfectionist in that space, and I can spend many hours perfecting things that are already done. When working on projects, this is important as it can save many hours fixing the UI later on.

iPhone which displays the welcome page of the website.

Navigation

When I thought about the design of my personal website, the goal was to create an intuitive design that is easy to navigate and to understand. Most people know that they can expand the hamburger menu just the way they expand them in apps on their phones. Many apps rely on hamburger menus as navigation, although other options out there are good as well. The hamburger menu fits better on a website for my taste, so I included it on mine.

The big header on the main page creates a modern look and feel, while representing my vision of design and software development as a whole. I want to deliver user experiences with love to detail, such as using same margins or fonts throughout the website, but also smooth animations that are easy on the eyes. I am kind of a perfectionist in that space, and I can spend many hours perfecting things that are already done. When working on projects, this is important as it can save many hours fixing the UI later on.

iPhone which displays the website with the menu open.

About page

The about page features a small, round photo and three characteristics to give a brief overview of myself. A small line visually distinguishes the overview from the text about myself, in which you can get a first glance about certain technologies I use as well as my setup. The text itself is not justified and has a font size of 16px for easier reading. I tested several fonts on a real device and came to the conclusion that 16px fits best.

iPhone which displays the about page of the website.

Thank you for reading!