DiscoveryTop catalogue
A warm, visual-first website for a photography studio in Amman—built to make its booth environments the center of the digital experience and help visitors discover the right setting before the shoot.
Project Story
The central problem was not simply presenting a photography service. It was turning a large collection of physical booth environments into an easy, visual digital journey.
Give each booth enough visual presence to feel different, while keeping the experience simple enough for visitors to scan, compare and choose without losing the studio’s warm personality.
Build the experience around imagery first: a clear opening statement, a strong booth catalogue, restrained warm colors and straightforward navigation from discovery to contact.
Full Website Reveal
The homepage keeps the brand light and welcoming, allowing studio environments, proof and contact information to carry the experience.
The Booth Library
Instead of relying on portraits, the case study can focus on the environments themselves. The booth page already provides enough visual range to build a complete project story without using client faces.
Design Process
The design process centers on translating physical spaces into a simple browse-first website structure.
Brand tone → content structure → booth catalogue → visual hierarchy → responsive build → launch.
Identify the strongest visual cues: warm neutrals, soft peach shapes, the handwritten mark, vivid orange and the studio’s environment-first photography.
Identity · Tone · Visual cuesReduce the main journey to a few clear destinations: understand the studio, browse booths, know the team and services, then move toward contact.
Architecture · Navigation · FlowTreat each environment as a visual product card with image, name, short description and a direct action to view the booth in more detail.
Catalogue UX · Content hierarchyUse generous white space, warm surfaces and image-led sections to balance the amount of content and keep the site easy to scan.
Layout · Spacing · ContrastAdapt the long booth catalogue and homepage sections so the visual hierarchy remains clear on smaller screens without shrinking the images into unreadable thumbnails.
Mobile · Tablet · QATranslate the visual direction into a responsive WordPress implementation and refine section spacing, image behaviour and navigation for the live site.
Development · Testing · PolishSelected Experience
The project can be presented entirely through website interface, booth environments and brand elements. This keeps the portfolio case study visually complete without depending on photos of clients.
The homepage opens with a direct statement and a collage of environments, quickly communicating the studio’s scale and visual variety.
A card-based catalogue gives every environment a distinct visual moment while keeping the browsing pattern consistent.
Different colors and scene styles are controlled by a restrained page structure so the catalogue feels rich rather than chaotic.
The homepage transitions from studio introduction to environment imagery and testimonials before ending with contact information and the brand sign-off.
Signature Detail
The booth catalogue acts as more than a gallery. It helps visitors understand the available settings before arriving at the studio, turning visual browsing into a practical part of the service experience.
Experience Highlights
The physical booth spaces become the strongest visual material on the site.
Repeated card logic makes a long list of different environments easy to understand.
Orange, peach and warm neutrals connect the interface to the existing studio identity.
Visitors can move from discovery to a more informed contact or booking decision.
Outcome
The result is a warm, visual-first studio website where visitors can understand the brand, explore a large range of booth environments and move through the experience without the interface competing with the photography.