Case Study · Portfolio Website

A quiet portfolio for a photographer

A minimalist portfolio for a photographer and visual artist, designed around silence, rhythm, and typography.

Role
Design & Development
Discipline
UX Design · Art Direction · UI Design · Front-end
Duration
3 weeks
Year
2025

Overview

A minimalist portfolio for a photographer working with surreal detail and fragmented visual storytelling.
The goal was to design a website that would not compete with the photography itself, but instead function as a quiet digital exhibition space — restrained, minimal, and almost invisible.
Navigation, typography, and rhythm work together to support slow, contemplative image consumption.

Challenge & Approach

Slow, focused image consumption guided by deliberate restraint.

Challenge

  • A typical portfolio overpowers the imagery
  • Loud UI distracts from the work
  • Photo collections need room to breathe

Approach

  • Pull the interface back to the essentials
  • Treat typography as structure, not decoration
  • Design for gallery-like reading rhythm

Project scope

  • Minimalist homepage
  • Photographic collections
  • About page
  • Desktop and mobile versions

Experience Principles

Designed for slow, focused viewing, with the interface reduced to essentials

The project was designed around slow and focused image consumption.
The interface was reduced to the essentials, creating space for rhythm, pacing, and quiet transitions between images.
Navigation, spacing, and scrolling behavior were designed to support a more contemplative experience — closer to a gallery or printed publication than to a conventional portfolio website.
The goal was not to create a visually dominant portfolio, but a framework that supports focused viewing. Every design decision — from spacing to navigation — was intended to keep attention on the work rather than the interface.
Navigation and menu — minimal editorial design

Design Direction

Designing Silence

The design is based on large negative space, repetitive rhythm, and a deliberately restrained visual hierarchy. Typography functions as structure rather than decoration, helping organize content without competing with the imagery.
The interface was intentionally minimized in order to keep the viewer's attention on the photographs and the relationships between them.
The overall direction draws closer to editorial publications and exhibition archives than to a conventional portfolio website.
Homepage — desktop view

Design principles

Four anchors that shape every screen

Silence

Negative space treated as a primary design element, never filler.

Rhythm

A consistent vertical cadence that frames each image as a moment.

Typography as structure

A monospaced typeface providing the editorial grid for the entire site.

Breathing room

Generous spacing keeps the interface invisible and the photography loud.

Design System

A small system that gets out of the way

Visual inspiration — gallery and editorial references
Visual inspiration came from contemporary artist portfolios, gallery websites, and editorial design systems.
A deliberately small system — no decorative elements, no accent colors, no superfluous components.
The monospaced typeface establishes a strict editorial grid and lends the project a quiet, archival character.
Vertical rhythm is built from a single spacing unit, repeated and scaled to keep the entire layout in harmony.

Responsive but Quiet

A mobile experience that keeps its composure

Mobile preserves the atmosphere

Spacing, rhythm, and typographic restraint follow into mobile screens with intent. Breathing room is preserved, images remain the focal point, and the browsing experience stays intimate rather than cramped.

An Editorial Experience

Calm, restrained, and fully subordinate to the photography

Final outcome — selected screens
The final result reads less like a portfolio website and more like a small digital publication: paced, composed, and built to disappear behind the imagery it serves.

Learnings

What this project sharpened in my practice

  • Restraint is a design decision — not the absence of one
  • Typography can carry a layout on its own when given enough room
  • Negative space defines hierarchy as strongly as scale does
  • Editorial pacing translates beautifully into a digital product

Contact

Let's start creating together

Let's talk