PROJECT 05 · Portfolio/Product Design · Development

Portfolio 2026

Role

UX/UI Designer
Frontend Developer

Tools & Methods

Figma · Astro · HTML · CSS · JavaScript

Timeline

2026
3 months

BACKGROUND

This is my personal portfolio! I started with gathering inspiration from all kind of source: behance, dribble, Instagram, Pinterest, Framer etc. The inspiration part and finding a somewhat feeling and also personalize the portfolio took a lot of time. I created a moodboard in figma, decided fonts, colors and all different components to have a consistent design.

I chose Astro as the main framework because the portfolio is primarily a content-driven website with relatively little dynamic data. Astro allowed me to keep the pages lightweight while still giving me the flexibility to build reusable components and create custom interactions where needed. Another important factor was the ability to combine different technologies without making the entire website dependent on JavaScript.

STRUCTURE

This portoflio's structure is simple and allows the visitors to quickly understand who I am, what I work with and how to easily contact me. I also wanted the structure to reflect the combination of design and development in my background. Instead of presenting projects only as final results, the project pages show parts of the process, including research, ideation, prototyping, development and the final product.

The codebase is separated into pages, reusable components, styling and assets. Astro pages handle the overall page structure, while components are used for recurring UI elements. CSS is organised separately to keep styling consistent across the different sections of the portfolio.