Wedding Studio.
A wedding studio, told like a film
A cinematic, editorial website concept for a wedding photography and filmmaking studio.
- Client
- Concept Project
- Industry
- Weddings / Photography
- Engagement
- Build
- Relationship
- An independent studio exploration — not a client commission

The brief.
An exploration of how a premium Indian wedding photography and filmmaking studio could present itself online: portfolio-led, built to turn admiration into enquiries, and expensive and restrained rather than festive-loud or template-generic.
Our response.
We built a three-page concept in Next.js 16 on a documented token system — Fraunces and Inter, ink and ivory sections with a sparing amber accent, and slow, cinematic motion. The home page introduces the studio and its coverage of every ritual, the portfolio filters stories by style and ceremony and opens them in a lightbox, and the packages page pairs tiers with an availability calendar and an enquiry form. The photographs, names and prices in the concept are illustrative.
- Art Direction
- Design System
- Web Development
- Portfolio Experience
Brick by brick.
- Course 01
Tokens First
A design-token reference for palette, type scale, spacing and radii, used consistently across every page.
- Course 02
Cinematic Editorial
Alternating dark and light sections, imagery-led layouts and slow easing — a film's opening credits meeting a magazine spread.
- Course 03
A Portfolio That Invites Browsing
Filters for candid, traditional, pre-wedding, destination, mehendi and haldi, sangeet and films, with a lightbox for every story.
- Course 04
From Admiration to Enquiry
Package tiers, an availability calendar and an enquiry form, built from shadcn/ui primitives.
What it became.
- Pages
- 3
- Home, portfolio, and packages & availability
- Portfolio Filters
- 8
- From candid and traditional to sangeet and films
- Typefaces
- 2
- Fraunces for display, Inter for reading
- Stack
- Next.js 16
- React 19, Tailwind CSS 4 and shadcn/ui
Project scope and implementation details from Edifio’s case study.
Schedule of materials.
- 01Next.js 16
- 02React 19
- 03TypeScript
- 04Tailwind CSS 4
- 05shadcn/ui




