Photo Portfolio
Pure image-driven navigation for a photographer portfolio
All content is public. No confidential information is disclosed. All rights belong to the respective owners.
Challenge
Classic photographer portfolios compete with their own UI: menus, filters, buttons and labels fragment the visual impact of the work itself. How much interface can be removed before navigation breaks — and how do you communicate hierarchy purely through images?
Solution
Three levels sharing one visual vocabulary: viewport-filling grid, 24-pixel rim, no UI outside the images. The chosen category becomes the back-tile in the next level (top-left). Every level change is a real morph — the chosen image physically flies to its new slot rather than just fading.
Project Insights
Project Highlights
Reduction to the image: no logo, no navigation, no footer — photography is the interface.
Three-level architecture with a shared visual vocabulary: category grid → photo grid → fullscreen centre with border.
Hover-squeeze with real layout shift on levels 1 and 2: the focused tile grows while neighbours elastically step aside.
Image-based navigation: the chosen category cover becomes the back-tile in the next level (top-left) — subtle arrow hint on hover, always visible on touch.
True morph between every level: the clicked image physically flies to its new position instead of fading. Border thumbnail morphs into centre and vice versa.
Responsive without a hamburger: every grid scales from desktop (4×3, 6×4) through tablet down to mobile (2×6, 3×8).
Services
Project Duration
Concept & development
Year
2026