Safed Baradari
Where centuries of grandeur meet your forever moment
Designing a complete digital platform for a 160+ year heritage wedding venue in Lucknow.
160+
Years Heritage
8+
Bollywood Films
1861
Est. Since
5+
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
Heritage venues had zero digital presence -- no way to explore spaces, check availability, or book online.
Heritage spaces tell stories -- the digital experience should tell them too, not just list amenities.
A heritage-first website that became the venue's primary booking channel upon launch.
Digital bookings, automated payment reminders, and receipt generation streamlined all operations.
01 / Project Overview
A Heritage Monument
Goes Digital
Safed Baradari is a 160+ year heritage monument in Lucknow's Qaiserbagh Complex, managed by the British India Association since 1861. The project involved designing and developing a complete digital platform for this premier heritage wedding venue — transforming a monument with centuries of grandeur into an accessible, bookable digital experience.
Role
UI/UX & Development
Timeline
2025
Client
Reno Platforms
Tools
Figma, Next.js, Tailwind CSS, Prisma, PostgreSQL, Razorpay
Outcome / Impact
The website launched as safedbaradari.com and immediately became the venue's primary booking channel. The admin dashboard streamlined operations with digital booking management, automated payment reminders, and receipt generation.
02 / The Problem
A monument of heritage grandeur with zero digital presence
Heritage venues like Safed Baradari had no meaningful digital presence. Potential clients couldn't explore spaces, check availability, or understand the venue's rich history online. The booking process was entirely offline, creating friction for modern couples planning destination weddings. The venue's cinematic legacy (featured in 8+ Bollywood films) and architectural significance were not communicated effectively.
Online
Bookings
Offline
Process
Films
Shot Here
Key Challenges
No meaningful digital presence for a 160+ year heritage site
Potential clients couldn't check availability or explore spaces online
Entirely offline booking process created friction for modern couples
Cinematic legacy (8+ Bollywood films) not communicated effectively
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
Cormorant Garamond
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 160-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 — to build a design language that honors heritage.
03 / Key Insight
Heritage spaces tell stories — the digital experience should tell them too.
Through research we found that couples choosing heritage venues are not just booking a location — they are choosing a narrative. The website needed to honor the monument's 160-year legacy while making the booking journey feel effortless 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
Bridge centuries-old heritage with modern digital convenience — honoring the monument while serving modern couples.
Honor Heritage Digitally
Translate the monument's architectural beauty, Nawabi culture, and 160-year history into a visual language that feels authentic online.
Streamline Booking UX
Replace the entirely offline booking process with a multi-step digital flow: date selection, package configuration, document upload, and Razorpay payment.
Communicate Cinematic Legacy
Showcase the venue's appearances in 8+ Bollywood films — from Umrao Jaan to Tanu Weds Manu — as a powerful differentiator.
Build Operational Tools
Create a complete admin dashboard for managing bookings, calendar blocking, payment tracking, receipt generation, gallery uploads, and site content.
05 / System Thinking
Mapping the architecture of heritage booking
User flows, information architecture, and journey maps that define the platform.
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 refinement — exploring 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 — focusing on 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
High-fidelity design that translates Mughal ornamentation and Nawabi elegance into a modern digital language.
Champagne gold, ivory, and charcoal drawn from the monument's marble surfaces and Mughal ornamentation. Gold accents honor the venue's royal heritage without overwhelming the composition.
A display serif for headings evokes Nawabi elegance and tradition. An accent sans-serif in uppercase tracking provides structure. Body text prioritizes readability across long heritage narratives.
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 serving as the venue's primary booking channel.
SAFED BARADARI
A Heritage Film Venue
160+
Years
50+
Films
12
Spaces
09 / Final Experience
The full user journey
From first discovery to confirmed booking — every step designed to honor heritage while delivering modern convenience.
Discover Venue
Land on a heritage-rich homepage with cinematic imagery, gold accents, and a glimpse of the monument's 160-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
Lessons learned and key takeaways
What designing Safed Baradari taught me about bridging heritage with digital experiences.
Heritage-first, not template-first
The biggest design decision was letting the monument's own visual language guide the digital aesthetic -- jaali patterns, champagne gold, Mughal geometry -- rather than applying 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, not rush users 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 were all treated as first-class design challenges.
Storytelling is conversion strategy
The heritage narrative sections aren't just content -- they're the primary differentiator. Couples who read the history pages convert at a significantly higher rate than those who skip 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