Case study / Interface
PH: Photography Atlas
A cinematic photography site rebuilt as a real archive with fullscreen navigation, map moments, story frames, and a clear domain identity.
- 5
- sections in the first release
- 3
- verified responsive states
- 1
- dedicated domain language
Context / Role / Constraint
What the case needed to solve.
The photography domain needed its own room inside the By Elibekyan ecosystem: more cinematic than the root site, more visual than the blog, and still structured enough to scale into an archive.
Interface direction, content structure, component implementation, responsive QA.
The site had to feel immersive without copying the shared ecosystem shell, and it had to surface albums, map, stories, and contact paths in the first session.
Case process
From constraint to artifact.
The process is written as a working rail so the decisions can be audited, not only admired.
- 01
Separate the room
Moved photography away from the shared shell and gave it a full-bleed visual grammar.
Domain-specific header, hero, and footer - 02
Make navigation visible
Kept key paths in the header while adding a fullscreen menu for deeper orientation.
Persistent nav and menu state - 03
Turn images into structure
Grouped albums, map points, story frames, and about content into scannable sections.
Album gallery and story strip - 04
Capture proof
Recorded desktop, mobile, and menu screenshots to make the case study evidence-led.
Regression screenshots
Selected screens / assets
Evidence from the work.
Desktop launch frame
The first viewport makes the PH identity, visual atmosphere, album path, and scroll prompt visible at once.
Mobile proof
The mobile capture checks that hero typography, navigation, and visual crop stay legible.
Archive direction
The case moved from a generic site placeholder toward a photography-first archive with clear routes.
Photography was represented as a domain idea without enough visual proof or section hierarchy.
The domain opens with a real visual system, album structure, story moments, map, and contact route.
Result / Learning
What changed.
The PH app now has a full-screen hero, album gallery, place map, story strip, about panel, and menu state with desktop and mobile screenshots captured for regression checks.
Related cases