More Than a Portfolio: Designing a Website as an Experience

More Than a Résumé

A portfolio is usually treated as a place to collect projects, skills, and experience. I wanted mine to be something different.

Instead of building another collection of cards and screenshots, I wanted to create a digital experience that reflects how I approach design and development. Something that feels intentional before a visitor even reaches a project.

That became the starting point for this portfolio: not simply a website that shows what I have built, but a website that shows how I think.

The Design Direction

The visual direction started with a simple idea: combine the structure of editorial design with the flexibility of the web.

Editorial layouts have a very deliberate sense of hierarchy. Typography creates rhythm, whitespace gives content room to breathe, and images are used to establish emotion before the reader even processes the words.

I wanted to bring those principles into a digital environment while still keeping the interface functional and easy to navigate.

That meant moving away from a rigid, predictable grid and experimenting with oversized typography, asymmetric compositions, large visual moments, and carefully controlled spacing.

Designing the Details

The biggest difference between a good interface and one that feels memorable is often found in the details.

For this portfolio, I spent a significant amount of time thinking about the moments between sections: hover states, transitions, movement, image treatments, scrolling behavior, and the way individual elements enter and leave the screen.

None of these interactions exist simply to add motion. Each one has a purpose. Animation can establish hierarchy, communicate a relationship between elements, or simply make an interaction feel more natural.

The same principle applies to the visual details. A subtle texture, an unusual crop, a carefully chosen type scale, or a small shift in position can completely change how a section feels.

From Design to Code

Designing the interface was only half of the process. The next challenge was translating the visual direction into a system that could actually be maintained and extended.

The portfolio is built with React and Next.js, with reusable components forming the foundation of the interface. Rather than treating each section as an isolated design, I approached the website as a collection of systems that share typography, spacing, motion, and interaction principles.

This approach also made it easier to experiment. When a visual idea changed, I could refine the underlying component instead of rebuilding the same behavior repeatedly.

Performance was another consideration. A visually rich website can easily become heavy, so every interaction, image, animation, and asset has to justify its presence. The goal is to create something immersive without making the experience feel slow.

The Final Result

The finished portfolio is the result of many small decisions rather than one defining design choice.

It combines typography, layout, imagery, interaction, animation, and code into one experience. Some details are immediately visible, while others are intentionally subtle.

More importantly, the process changed how I think about a portfolio. It doesn't have to be a static record of previous work. It can be a project in itself — a place to experiment, communicate ideas, and demonstrate the same level of thought that goes into client and product work.

This website will continue to evolve as my work evolves. New projects, new experiments, and new ideas will inevitably change it.

And that's the point.