Personal project

2025

Designing a portfolio

Creating a portfolio system that balances storytelling, visual personality, and long-term scalability.

Role

Product Designer

Timeline

May 2026

Team

Me

Platform

Framer

Role

Product Designer

Timeline

May 2026

Team

Me

Platform

Framer

Overview

Creating a structure around storytelling

As my experience expanded across product design, websites, and Framer development, my previous portfolio no longer reflected the quality or range of projects I wanted to showcase. New work was difficult to add, case studies lacked consistency, and the overall experience felt more like a collection of pages than a cohesive system.

The goal was to create a portfolio that could support detailed storytelling, scale with future projects, and communicate both my design process and visual style. Rather than treating it as a simple redesign, I approached it as a product that would continue evolving over time.

Problem

Balancing personality with clarity

Many portfolio websites struggle to find the right balance between visual expression and usability. Some prioritize aesthetics but make projects difficult to understand, while others focus heavily on process and lose any sense of personality.

I wanted to create an experience that felt visually distinctive without distracting from the work itself. The portfolio needed to support long-form storytelling, showcase a variety of project types, and remain easy to navigate across different devices. At the same time, it needed a structure that would allow future projects to be published quickly without rebuilding layouts from scratch.

Design

Building a flexible content system

The design process focused on creating a system rather than a collection of individual pages. I explored different approaches to project presentation, navigation, and case study layouts before settling on a modular structure built around reusable content blocks.

Typography, spacing, and visual hierarchy were carefully refined to support both quick scanning and deeper reading. Subtle gradients, imagery, and motion were introduced selectively to create personality while keeping the projects as the primary focus.

To support future growth, I built the portfolio using reusable CMS-driven sections that could adapt to different project types while maintaining consistency throughout the experience. This approach reduced maintenance effort and made it easier to scale the portfolio over time.

Outcome

A portfolio designed to grow with the work

The final experience provides a flexible foundation for showcasing product design, websites, and future projects. It combines detailed storytelling with a scalable system that supports ongoing updates without sacrificing consistency.

More importantly, the project reinforced the value of designing systems rather than individual pages. By focusing on structure, hierarchy, and maintainability, the portfolio became more than a presentation tool—it became a framework that can continue evolving alongside my work.

Create a free website with Framer, the website builder loved by startups, designers and agencies.