Personal website and portfolio

UI/UX Design | Web Development

The Project

I wanted to build a custom portfolio where I could showcase my work in a more personalized manner compared to platforms like Dribble and Behance. Since I mostly engage with clients on social media or through referrals it did not have to do anything more than to showcase who I am and what I do.

The Goals

In order to not get lost in the details I had to start the project by setting some goals for the website:

  • It had to be simple and to the point
  • It had to reflect me and my style
  • It had to be lightweight
  • It had to be easy to maintain

The Approach

Simple and to the point

I wanted my website to immediately tell the visitors who I am and what I do, so I started to experiment with a few layouts on my trusty dot grid notebook.

Initial website sketches

After the sketching and some rough UIs made in Adobe XD I decided to stick to version 4 since I think it best fits the idea of simple and to the point. It has the simplest structure and gets the point across. The intro section telling who I am and what I do, clear projects list and contact plus social information.

Final website sketches

Why did the other versions not make the cut? Versions 1 and 2 did not allow for many projects on the main page without it getting too long and this would have required an extra page to show all projects hence more maintenance. Version 3 did not have this problem but instead, the always present sidebar had some drawbacks on small screens. it would have required hiding or some weird placing on top or under the main content of the page and I did not want that.

Reflect me and my style

The final design is simple and clean, with an aesthetic slightly tipped towards seriousness.

Website home page screenshot

Lightweight and easy to maintain

I knew I didn’t want a just a basic static site neither a robust dynamic CMS like WordPress. The solution was clear, a static site generator, but which one? This was my first ever attempt at using this kind of tool, and after experimenting with a few of the more popular ones like Hexo, Jekyll or Hugo I decided to go with the most beginner friendly of the bunch. For me it was Hugo.

Ready to work together? Just get in touch!

You can find all the places where you can do that at the bottom of the page. Thank you for your time.