Wireframe

A clear structure.
A better starting point.

A clickable portfolio wireframe, before the visual styling.

Services
UX structure & wireframing
Focus
A clearer portfolio journey

Outline explores how an independent studio could introduce its work and guide a visitor from an overview into a project story. The visual language stays deliberately simple so the structure can be reviewed on its own.

The brief

Plan the journey before the finish.

The goal was to establish a useful portfolio structure before committing to a visual direction. A visitor needs to understand the studio, discover relevant work, and find the context behind a project.

The approach

Keep the important decisions visible.

Grayscale surfaces, marked image placeholders, and simple typography make the hierarchy clear. Each screen has a distinct role: introduce, browse, or understand. Navigation and project links are clickable throughout.

What to try

Follow the path into a project.

Open the overview, move into Selected work, and choose a project. The project screen lays out space for the challenge, the approach, and the work itself. Use the viewer controls to review the structure at different widths.