Designing a portfolio that feels like me.

— The Challenge

Most portfolios look like resumes. Mine needed to feel like walking into a studio.

I wanted my portfolio to do more than organize my projects into a polished website. It needed to communicate who I am as a designer — to recruiters who may only spend a few minutes exploring my work.

The difficult part was that I didn't yet have a clearly defined personal visual identity.

I knew what kinds of design I liked, but liking something and understanding why it represents you are two different things.

This led to the central question:

How might I create a portfolio that feels distinctly like me while communicating my skills clearly to recruiters?

Goals

Create an experience that:

• Makes my work easy for recruiters to understand.
• Establishes a recognizable personal identity.
• Shows personality without distracting from usability.
• Feels memorable rather than like another portfolio template.

01 Research & Inspiration

I started looking in the wrong places.

I started by exploring portfolios, editorial design, interiors, architecture, art, objects, photography, and digital experiences.

Instead of searching for a style to copy, I collected 148 visual references based on instinct — anything that made me stop, look closer, or feel curious.

When I reviewed the collection, recurring patterns began to emerge.

The references that moved me weren't portfolios at all. They were spaces — rooms that knew what they were for.

I was repeatedly drawn to:

• Hidden Worlds & Discovery — Entrances, doors, corridors and spaces that suggest something waiting beyond the surface.
• Layers, Frames & Depth — Compositions that reveal themselves gradually rather than all at once.
• Tiny Details & Visual Curiosity — Small, unexpected elements that reward closer attention.
• Bold Color & Contrast — Moments of energy that interrupt quieter compositions.
• Playful & Surreal Moments — Unexpected combinations that create personality and surprise.
• Warm, Lived-In Spaces — Places that feel intimate, human and inviting.
• Quiet Poetry & Atmosphere — Light, texture and stillness that create moments of reflection.

A pattern was becoming clear:

I wasn't attracted to one visual style. I was attracted to the feeling of discovery.

02 Discovering My Design DNA

Before designing the identity, I needed to understand what it should represent.

Instead of immediately choosing colors and typography, I explored a more personal question: What makes my way of seeing and designing distinctive?

Through reflection exercises, visual references, conversations, and patterns in the things I naturally gravitate toward, several characteristics consistently appeared.

I realized that I:

• Notice details other people overlook.
• Enjoy simplifying complexity, but I don't want simplicity to mean emptiness.
• Am drawn to experiences that begin simply and reveal more personality as you explore them.
• Like conversations that become deeper, spaces with hidden corners, layered interfaces, unusual details, and moments of unexpected discovery.

This led to four words that describe my creative process:

OBSERVE  →  EXPLORE  →  COMPOSE  →  REFINE

They became more than a description of my process. They helped define how the portfolio itself should behave.

03 The First Direction

The first identity made sense on paper — but something felt missing.

My initial visual direction translated some of these ideas into a restrained, sophisticated identity.

It was cohesive and visually considered.

But when I looked at it as a representation of myself, it felt too controlled. I was solving for elegance and consistency, but unintentionally removing some of the energy and personality I wanted the portfolio to communicate.

04 Feedback Changed the Direction

A reality check.

I shared the first direction with friends who knew me well. Their feedback revealed a disconnect I hadn't noticed: the identity felt too quiet and muted compared with how they experienced me.

They described me as interesting, alive, and vibrant.

This made me reconsider the direction. I had created an identity around what I found aesthetically beautiful, but it only represented one side of me.

Returning to my inspiration, I noticed the energy I had overlooked — strong colors, playful details, unexpected compositions, and moments of humor.

The identity needed both sides:

• Quiet enough to observe.
• Alive enough to explore.

05 Translating Inspiration into a Visual Language

From references to design principles.

After reframing the direction, I returned to my inspiration library to understand the patterns behind what I was drawn to. I analyzed the references through composition, color, geometry, depth, rhythm, typography, and motion — turning intuitive preferences into principles I could design with.

01 — Structure & Space

Give expressive moments room to breathe.

After reframing the direction, I returned to my inspiration library to understand the patterns behind what I was drawn to. I analyzed the references through composition, color, geometry, depth, rhythm, typography, and motion — turning intuitive preferences into principles I could design with.

I was repeatedly drawn to compositions with generous negative space and concentrated moments of visual interest. This balance creates clarity without making the experience feel empty.

Whitespace · Asymmetry · Focus

02 — Color Behavior

Vibrancy works best with restraint.

Rather than making the entire identity colorful, I explored how color could behave within the system: neutral foundations create breathing room, while concentrated accents and monochromatic moments introduce energy.

Neutral foundation → Intentional color → Strong moments

03 — Geometry Guides Discovery

Structure first. Expression through scale.

Architectural forms appeared repeatedly throughout my references. Frames, openings, repeated structures, and overlapping forms suggested ways to guide attention and create a sense of progression.

04 — Typography

Structure first. Expression through scale.

I explored typography as part of the composition rather than as a separate styling layer. The references pointed toward strong scale contrast, editorial hierarchy, asymmetric layouts, and close relationships between type and imagery.

I tested over a dozen typeface combinations, sampling each against the same phrase to understand how every face shaped the personality of the page. General Sans emerged as the clear choice — geometric without feeling cold, confident without shouting.

05 — Motion Language

Movement should reveal, guide, and connect.

I analyzed motion references by purpose rather than visual effect. The strongest patterns used movement to progressively reveal content, guide exploration, preserve continuity, and provide feedback.

06 From Principles to Interface

Where the system becomes the product.

01 — Hero Explorations

Exploring the hero

The hero became my testing ground for translating personality, structure, color and discovery into an interface.

---

Pushing the language

"Color brought the energy I wanted. The organic geometry didn't."

Kept — cobalt, scale, contrast

Dropped — decorative organic forms

Refining the direction

The color stayed.
The blobs didn't.

Returning to the visual-language research pushed the interface toward more structured, architectural geometry.

The direction that clicked

The strongest ideas, together.

Expressive scale · Structured geometry · Intentional asymmetry · Quiet + alive

02 — Site Structure & Navigation

Keeping the path simple.

The structure stays deliberately shallow: three primary destinations and one persistent action keep the work easy to reach.

Home

Work Work first

Project 01 Project 02 Project 03 No nested menus

About

Contact

Structure → Interface

Work About Contact

Say hello →

Contact within reach

03 — Homepage Composition

Giving the work room to lead.

The homepage moves from the hero into selected work without interruption. A clear sequence — introduction, then work, then exploration — lets the projects lead while the supporting elements create context around them.

01 — Work hierarchy

02 — Page rhythm

The homepage uses a clear sequence to move visitors from the introduction into the work. Generous spacing, expressive typography, and changes in composition create rhythm while keeping the projects easy to discover.

04 — Building Personality

Details that make the difference.

Personality in a restrained system doesn't come from decoration — it comes from small, considered choices that accumulate into a tone of voice.

Personal drawings brought into the interface — a way of making the portfolio feel made by a person, not assembled from a template.

A handwritten signature used in navigation — not a logo, a person.

A small typographic detail that adds character — the counter in italic Instrument Serif, seated quietly at the end of a line.

The reveal cursor

I wanted the portfolio to reward curiosity. Moving the cursor across the hero reveals the grid and layout annotations beneath the surface — a small invitation to look closer and discover how the design was built.

Remove any one of these and the page still works. Together, they make it feel like someone specific built it.

05 Final Experience

A portfolio that I'm still editing.

The portfolio is done enough to ship and never truly finished — exactly like all the best design.