Safed Baradari
Where centuries of grandeur meet your forever moment
Designing a complete digital platform for a 170+ year heritage wedding venue in Lucknow.
170+
Years Heritage
10
Bollywood Films
1854
Year Built
4
Venue Spaces
100%
Digital Booking
3
Payment Modes
You are reading
Safed Baradari Case Study
Scroll to explore
Project Overview
Safed Baradari — Website Design
Client façade — Safed Baradari heritage property for which the website experience was designed.
Thinking Layer
A heritage venue built in 1854 had no website. Couples couldn't see the spaces or book without visiting in person.
Couples choosing heritage venues are buying into a story. The website had to tell that story first, then sell the booking.
The website became the venue's main booking channel after launch.
Digital bookings, automated reminders, and receipt generation replaced phone calls and paper records.
01 / Project Overview
A Heritage Monument
Goes Digital
Safed Baradari is a heritage monument built in 1854 in Lucknow's Qaiserbagh Complex, managed by the British India Association of Oudh since 1861. I designed the full digital platform for the venue: website, booking system, payment integration, and admin dashboard. The goal was to let couples actually find, explore, and book this place online.
Role
UI/UX Designer
Timeline
2025
Client
Reno Platforms
Tools
Figma, Next.js, Tailwind CSS, Prisma, MySQL, Razorpay
Outcome / Impact
The site launched at safedbaradari.com and became the venue's main booking channel. The admin dashboard cut down on manual work: digital booking management, automated payment reminders, and receipt generation replaced phone calls and paper records.
02 / The Problem
A monument built in 1854 with no website and zero online bookings
Safed Baradari had no website. Couples planning destination weddings couldn't see the spaces, check if their date was available, or learn about the venue's history without visiting in person. Everything was handled over phone calls and in-person meetings. The venue has appeared in 10 Bollywood films across five decades, but none of that story was visible anywhere online.
Online
Bookings
Offline
Process
Films
Shot Here
Key Challenges
No meaningful digital presence for a 170+ year heritage site
Potential clients couldn't check availability or explore spaces online
Entirely offline booking process created friction for modern couples
Cinematic legacy (10 Bollywood films) invisible to anyone searching online
Visual Research — From Monument to Interface
Reference
Mughal Arch
The venue's signature silhouette
Palette
#D4AF37
#F5F2ED
#2D2D2D
#B8860B
Extracted from marble, gold leaf & stone
Jaali Lattice
Islamic geometric screen → UI dividers
Typeface
Playfair Display
Aa
“The website should feel like walking through the venue — each page a new room to discover.”
— design direction note
Ornament
How do you make a 170-year-old monument feel modern without losing its soul?
Texture
White marble veining
Pulling visual DNA from the monument itself: arches, lattice, gold leaf, marble. Building a design language from real materials.
03 / Key Insight
Heritage spaces tell stories — the digital experience should tell them too.
Through research I found that couples choosing heritage venues care deeply about the history behind the space. They want to feel like the venue is part of their story. The website had to honor that 170-year legacy while making the booking process feel straightforward and modern.
We wanted our wedding to feel like stepping into history. But the venue had no website — we had to visit in person just to see what the spaces looked like.
— Prospective Client Interview
04 / Design Goal
What the design needed to achieve
Make the monument's 170-year story accessible online while giving couples a booking experience that actually works.
Honor the heritage digitally
Translate the monument's architecture, Nawabi culture, and 170-year history into a visual language that feels authentic online.
Replace the offline booking process
Design a multi-step digital flow: date selection, package configuration, document upload, and Razorpay payment. Nobody should have to make a phone call to book.
Show the Bollywood connection
The venue has appeared in 10 Bollywood films like Umrao Jaan and Tanu Weds Manu. That's a story worth telling upfront.
Give the venue team real tools
Design a full admin dashboard for managing bookings, calendar blocking, payment tracking, receipt generation, gallery uploads, and site content.
05 / System Thinking
How the platform is wired together
Booking flow, site structure, and the user journey from discovery to confirmation.
Booking Flow
End-to-end journey from discovery to confirmed booking.
Information Architecture
How the site's content is organized and connected.
User Journey Map
Emotional journey from first discovery to post-event review.
Design Progression
Problem
No digital presence
Insight
Heritage tells stories
System
Booking-first architecture
Experience
Heritage meets convenience
06 / Exploration
Early sketches and concept exploration
Rough ideas before anything was polished. Heritage storytelling, space galleries, and booking flow patterns.
Homepage Concepts
Hero layouts with heritage imagery
Space Gallery Layouts
Grid, carousel, and immersive views
Booking Flow Wireframes
Multi-step form with date selection
Heritage Storytelling
Timeline, narrative, and pull-quotes
Mobile Responsive
Touch-first layouts for on-the-go
Admin Dashboard
Booking management and CMS interface
Homepage Hero — Design Evolution
Rough Sketch
Pencil on paper
Wireframe
Low-fidelity structure
Final Design
High-fidelity mockup
07 / Wireframes
Low-fidelity interface structure
Defining the structural hierarchy before visual design. Heritage-first content and booking flow.
Homepage
Hero, heritage, spaces
Heritage Page
Timeline & architecture
Space Detail
Gallery & booking
Booking Flow
4-step checkout
Homepage — Component Anatomy
08 / UI Design
A visual system rooted in heritage
Taking cues from Mughal ornamentation and Nawabi detailing to build the visual system.
Champagne gold, ivory, and charcoal pulled directly from the monument's marble surfaces and Mughal detailing. Gold accents nod to the venue's history without taking over the composition.
Display serif for headings gives the Nawabi feel. Uppercase tracked sans-serif provides structure and labels. Body text stays readable across the longer heritage narrative sections.
Jaali (lattice) patterns, floral dividers, and gold diamond accents reference the Islamic geometric traditions found throughout the actual monument's architecture.
Color Palette
#D4AF37
Champagne Gold
#F5F2ED
Heritage Ivory
#2D2D2D
Charcoal
#B8860B
Dark Gold
Typography Scale
Safed Baradari
A Heritage Film Venue
Body text in DM Sans for readability across heritage narratives and venue descriptions.
Decorative System
Booking Flow — 4 Steps
1. Select Date
2. Choose Space
3. Fill Details
4. Confirmed
Live Experience
See it live
The platform is live and is the venue's main booking channel.
SAFED BARADARI
A Heritage Film Venue
170+
Years
10
Films
4
Spaces
09 / Final Experience
The full user journey
From landing on the homepage to a confirmed booking with payment receipt in hand.
Discover Venue
Land on a heritage-rich homepage with cinematic imagery, gold accents, and a glimpse of the monument's 170-year story. The first impression sets the tone.
Explore Heritage
Deep-dive into the Qaiserbagh Complex history, Nawabi culture, architectural features, and the venue's Bollywood legacy through rich narrative sections.
Browse Spaces
Explore each venue space with detailed profiles: capacity badges, feature grids, ideal-use tags, and high-quality photography with alternating layouts.
Check Availability
Interactive calendar with real-time availability, blocked dates, and seasonal pricing. No more phone calls or in-person visits to check open dates.
Book & Pay
Multi-step booking with package configuration, OTP verification, document upload, e-signing, and secure Razorpay payment integration.
Confirmation
Instant booking confirmation with receipt generation, payment reminders, and all event details consolidated in a single digital record.
Responsive Design
Admin Dashboard
10 / Reflection
What I learned from this project
Designing for a heritage venue is different from anything else I've worked on. Here's what stuck with me.
Heritage-first, not template-first
The biggest design decision was letting the monument's own visual language lead. Jaali patterns, champagne gold, Mughal geometry. Not a generic wedding website template.
Booking UX must respect the decision weight
Booking a heritage wedding venue is a high-stakes, emotional decision. The multi-step flow was designed to build confidence at each stage rather than rush people through a checkout funnel.
Admin tools are a design problem too
The venue management team needed a dashboard as polished as the public site. Calendar management, payment tracking, and content editing all deserved real design attention.
Storytelling is conversion strategy
The heritage narrative sections are the main differentiator. Couples who read the history pages convert at a higher rate than those who skip straight to booking.
What I would improve
Add virtual 360-degree tours of each venue space for remote clients who cannot visit in person
Implement a testimonial and review system with verified post-event feedback from couples
Build multi-language support (Hindi/Urdu) to better serve the local Lucknow audience
Explore AI-powered date suggestions based on seasonal demand and venue availability patterns
Next Project