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.

Rola: Design & Development
Dyscyplina: UX Design · Art Direction · UI Design · Front-end
Czas trwania: 3 weeks
Rok: 2025

Wprowadzenie

Minimalistyczne portfolio fotografa, którego twórczość opiera się na surrealistycznych detalach i fragmentarycznej narracji wizualnej.

Celem było stworzenie strony, która nie konkuruje z fotografiami, lecz stanowi dla nich spokojne, cyfrowe tło. Minimalistyczny interfejs, typografia i rytm kompozycji wspierają skupiony, uważny odbiór obrazów.

Wyzwanie i podejście

Skupiony odbiór fotografii wspierany przez przemyślaną redukcję formy

Wyzwanie

Typowe portfolio często przytłacza prezentowane fotografie
Rozbudowany interfejs odciąga uwagę od prac
Kolekcje zdjęć potrzebują przestrzeni, aby odpowiednio wybrzmieć

Podejście

Ograniczenie interfejsu do najważniejszych elementów
Potraktowanie typografii jako struktury organizującej treść, a nie dekoracji
Zaprojektowanie rytmu przeglądania inspirowanego doświadczeniem galerii

Zakres projektu

Minimalistyczna strona główna
Galerie fotografii
Strona „O autorze”
Wersje responsywne (desktop i mobile)

Założenia projektowe

Projekt zaprojektowany z myślą o spokojnym, uważnym odbiorze fotografii, przy interfejsie ograniczonym do niezbędnych elementów.

Projekt powstał z myślą o bardziej skupionym sposobie odbioru fotografii.

Nawigacja, odstępy i sposób przewijania zostały zaprojektowane tak, aby budować czytelny rytm oraz świadome tempo przechodzenia między kolejnymi obrazami.

Doświadczenie nawiązuje do wizyty w galerii i publikacji drukowanych, gdzie odbiorca sam decyduje o tempie odkrywania treści.

Każda decyzja projektowa wspiera orientację i skupienie użytkownika, pozostawiając fotografiom główną rolę.

Nawigacja i menu — minimalistyczny editorialowy projekt

Kierunek projektowy

Projektowanie ciszy

Projekt opiera się na dużej ilości pustej przestrzeni, powtarzalnym rytmie oraz świadomie powściągliwej hierarchii wizualnej. Typografia pełni funkcję struktury organizującej treść, zamiast konkurować z fotografiami.

Język wizualny opiera się na świadomej redukcji, pozwalając kompozycji, odstępom i relacjom między obrazami budować doświadczenie odbioru.

Całość nawiązuje bardziej do publikacji edytorskich i archiwów wystaw niż do klasycznego portfolio online.

Zasady projektowe

Cztery filary kształtujące każdy ekran

Cisza

Pusta przestrzeń jako świadomy element kompozycji, a nie niewykorzystane miejsce

Rytm

Spójny pionowy układ, który nadaje każdej fotografii własny moment i tempo odbioru

Typografia jako struktura

Monospace’owy krój pisma pełniący funkcję siatki edytorskiej organizującej całą stronę

Oddech

Duże odstępy pozwalają interfejsowi pozostać w tle i kierują uwagę na fotografie

Design System

Niewielki system, który pozostaje w tle

Inspiracje wizualne — galerie i editorialowe referencje — Kierunek wizualny oparto na zasadach znanych z portfolio artystycznych, archiwów galerii i projektów editorialowych

Świadomie ograniczony system — bez dekoracyjnych elementów, kolorystycznych akcentów i zbędnych komponentów.
Monospace’owy krój pisma wyznacza rygorystyczną siatkę edytorską i nadaje projektowi spokojny, archiwalny charakter.
Rytm pionowy oparto na jednej jednostce odstępu, powtarzanej i skalowanej w celu zachowania spójności całego układu.

Spójne doświadczenie na każdym ekranie

Mobilna wersja przekłada zasady projektu na mniejszy ekran, zachowując rytm i hierarchię wizualną

Zachowanie charakteru projektu

Odstępy, rytm i powściągliwość typografii zostały świadomie przełożone na mniejsze ekrany. Układ zachowuje swobodę, fotografie pozostają głównym punktem uwagi, a przeglądanie nadal daje poczucie intymnego kontaktu z obrazami, zamiast ograniczonego i przeładowanego doświadczenia.

Editorial experience

Projekt oparty na równowadze między obrazem, strukturą i tempem odbioru

Efekt końcowy przypomina mniej klasyczne portfolio internetowe, a bardziej kameralną cyfrową publikację — z przemyślanym tempem, kompozycją i strukturą, która podkreśla relacje między obrazami.

Wnioski

Co wyniosłam z tego projektu

Powściągliwość jest decyzją projektową, a nie brakiem decyzji
Typografia może samodzielnie budować układ, jeśli otrzyma odpowiednią przestrzeń
Pusta przestrzeń kształtuje hierarchię równie mocno jak skala elementów
Rytm znany z publikacji edytorskich może z powodzeniem zostać przeniesiony do produktów cyfrowych

Następny projekt

MoPho App

Intuicyjne i dostępne doświadczenie wizyty w muzeum.

Zobacz case study