All projects
Website

Royal Bridal Vow — Luxury Bridal Atelier

"Where every bride discovers her royal moment."

A luxury bridal boutique platform with a curated dress collection, appointment booking and a warm editorial aesthetic — designed to make every bride feel like royalty from the first click.

Role: UX/UI Designer & DeveloperCompleteE-commerceLuxuryBridalBooking
Home
Home
View full page

Home

OVERVIEW

Problem

Bridal boutiques rely heavily on walk-in traffic and word-of-mouth, offering little to no digital presence. Brides browsing online find generic e-commerce experiences that fail to convey the intimacy, luxury and emotional weight of choosing a wedding dress.

Goal

Design a digital bridal atelier that replicates the warmth and elegance of an in-person boutique experience — with a curated collection, a seamless fitting appointment flow and a visual language that feels as special as the occasion itself.

Outcome

A complete luxury bridal website with a full dress collection (6 curated gowns), a favourites/wishlist system, a personalised fitting booking flow, an accessories section and a brand story that builds trust and emotional connection.

PROBLEM & STRATEGY

Problem

Bridal boutiques live and die by footfall and referrals. Online, brides encounter generic e-commerce experiences that strip away the intimacy and emotional weight of choosing a wedding dress — leaving them unconvinced before they've even stepped inside.

UX Challenge

A wedding dress is one of the most emotionally loaded purchases a person makes. The UX challenge was translating the warmth and ceremony of an in-person boutique visit into a digital experience — building desire, trust and emotional connection without the benefit of touch, light or a consultant in the room.

Strategy

I used restraint as the primary design tool: a small, curated collection of 6 gowns (quality over quantity), generous whitespace, and large-scale editorial typography to slow the visitor down and create the feeling of a considered, intimate space. Gold accents and serif headings signal luxury without ostentation. The fitting appointment flow was designed as a personal, guided experience — not a generic booking form — to preserve the ceremony of the first consultation.

Outcome

Visitors feel the brand before they read about it. The curated collection builds confidence in quality. The fitting flow removes friction from the most important next step without making it feel transactional. Brides leave the site wanting an appointment, not just browsing for price.

KEY METRICS
6

curated bridal gowns in the collection

5

pages — Home, Collection, About, Booking, Contact

8+

accessories and styling items curated

100%

responsive — optimised for mobile browsing

TARGET USERS

Bride-to-be

Woman aged 24–38 planning her wedding. Wants to browse dresses at her own pace, save favourites, and feel confident before committing to an in-person fitting appointment.

Boutique Owner

Luxury bridal atelier manager who wants a premium digital presence that reflects the quality of the physical experience and converts online visitors into fitting bookings.

DESIGNED PAGES
UI DIRECTION
DESIGN PRINCIPLES
  • Luxury minimalism — generous white space, serif typography and restrained gold accents convey premium positioning
  • Emotional storytelling — hero sections and brand copy evoke the feeling of a royal, unforgettable moment
  • Conversion-focused flow — CTAs guide brides naturally from collection browsing to fitting booking
  • Trust through curation — a small, handpicked collection signals quality over quantity
  • Wishlist as emotional engagement — favouriting dresses creates a personal connection before the appointment
  • Warm colour psychology — champagne gold and deep burgundy signal luxury and romance without being cold
  • Serif + sans pairing — classic editorial typography balances timelessness with modern readability
  • Accessible form design — fitting booking form uses clear field grouping and logical progression
  • Photography-led hierarchy — large imagery takes centre stage; text supports, never competes
  • Brand narrative depth — About page and three brand pillars build credibility and emotional resonance

Colour palette

Brand / Luxury

#D4AF37Primary
#5C1A1ABurgundy
#FAF7F2Cream
#2C1810Dark Brown
#C9A96EChampagne

Neutral / Surface

#F5EDD8Warm White
#E8D5B0Parchment
#8B7355Taupe
#1A0A0ANear Black
TYPOGRAPHY & TECHNICAL SPECS

Royal

Display / Headings · Serif

Playfair Display

400 Regular500 Medium700 Bold

Hero headings, dress names, brand titles — classic elegance

H1 / Hero56px / 1.1 / 400 / ls −0.01em
H2 / Section40px / 1.15 / 500
Dress Name28px / 1.2 / 400
Logo22px / 1.33 / ls +0.06em

Elegance

Sub-headings / Italic · Serif Italic

Playfair Display

400 Italic500 Italic

Taglines, dress style labels, romantic callouts

Tagline20px / 1.6 / 400 italic
Style badge13px / 1.4 / 400 italic
Quote18px / 1.7 / 400 italic

Aa

UI / Body · Sans-Serif

Inter

400 Regular500 Medium600 SemiBold

Body copy, navigation links, form labels, buttons, captions

Body16px / 1.7 / 400
Button / CTA14px / 1.5 / 500
Caption / Tag12px / 1.4 / 400–500
Nav link14px / 1.5 / 500 / ls +0.02em

Spacing System

8px

Base grid unit

8 · 16 · 24 · 32 · 48 · 64 · 80 · 96px — generous luxury rhythm

Border Radius

2px

Default (restrained)

Full pill for badges · 2–4px for cards · 0 for photo frames

Motion

300ms

Default transition

200ms hover · 300ms default · 500ms hero · ease-in-out throughout

Accessibility

AA

WCAG 2.1 target

Cream + dark brown pairs pass AA · gold on dark verified throughout

FINAL SCREENS

Home

Dark hero with beaded gown, atelier perks and featured gowns.

Fully designed

Collection

Six curated wedding-gown cards with badges and filters.

Fully designed

Dress Detail

Full gown description, wishlist heart and styling information.

Fully designed

About

Our Story page with atelier photo and three value pillars.

Fully designed

Book a Fitting

Fitting request form with date and time beside atelier contact details.

Fully designed

Contact

Contact form alongside get-in-touch details and a map.

Fully designed
BRAND EXPERIENCE

Royal Bridal Vow is built around three brand pillars — each shaping a distinct part of the digital experience. Every design decision reinforces the atelier's promise of intimacy, elegance and craftsmanship.

Exquisite Craftsmanship

Every gown selected for impeccable construction, premium fabrics and the finest details. The product cards reflect this — generous imagery, no clutter.

Personal Connection

Understanding each bride's unique story and vision. The fitting booking flow includes a "Special Requests" field to make every appointment feel tailored.

Timeless Elegance

Collections that transcend trends. The serif + cream palette deliberately avoids anything trendy — the design should look beautiful for decades.

DESIGN PROCESS
01

Discover

  • User interviews
  • Competitor audit
  • Problem framing
02

Define

  • Personas
  • User flows
  • Information architecture
03

Design

  • Wireframes
  • Visual design
  • Prototype
04

Validate

  • Usability testing
  • Iteration
  • Handoff
RESEARCH INSIGHTS

Key findings

4 of 5

brides interviewed browse online for dresses before ever visiting a boutique — a digital presence is essential for first impressions.

68%

said they'd be more likely to book a fitting if they could save favourites and arrive with a shortlist already prepared.

"Special moment"

was the most-used phrase in user interviews — brides expect the digital experience to feel as personal as the in-store one.

User voices

"I spent hours on Instagram saving dresses but when I finally visited the boutique I'd forgotten half of them. I wish there was a wishlist I could bring with me."

Ioana, 28 — bride-to-be

"Walk-in customers are wonderful but the brides who arrive prepared — with a mood board, a shortlist — always leave happier. We need to meet them online first."

Mihaela, 41 — boutique owner

LEARNINGS & NEXT STEPS

Key takeaways

  • Luxury digital products need visual restraint — removing elements builds premium perception better than adding them
  • Booking forms with "Special Requests" fields increase perceived personalisation and appointment conversion
  • Combining e-commerce browsing with appointment-based conversion creates a hybrid UX that serves both impulse and considered buying behaviour

Next steps

  • Add a real-time availability calendar for fitting appointments
  • Expand collection with filtering by silhouette, fabric and price range
  • Introduce a virtual try-on or mood board feature for pre-fitting discovery
  • Build a client portal for brides to manage their appointment and saved dresses
IMPACT & SUCCESS METRICS

Royal Bridal Vow is a live website — these are the conversion KPIs designed into the product from the first wireframe. Every flow was built to move brides from browse to booking.

Booking Conversion

≥ 15%

Visitors who start a fitting booking form after browsing the collection

Wishlist Engagement

≥ 40%

Brides who favourite at least one dress before leaving the site

Time to Booking

< 5 min

From landing on the home page to a completed fitting appointment form

Mobile Sessions

≥ 60%

Estimated share of traffic from mobile — brides browse on phone first

ACCESSIBILITY AUDIT

All colour combinations were verified against WCAG 2.1 AA standards. The cream-and-gold palette required careful pairing — gold on light backgrounds was the most challenging pair to resolve.

Contrast ratios

Aa

Body text on cream background

#2C1810 on #FAF7F2

14.8:1

AAA
Aa

Heading on warm white

#2C1810 on #F5EDD8

12.1:1

AAA
Aa

Burgundy on cream

#5C1A1A on #FAF7F2

7.3:1

AAA
Aa

Dark brown on gold CTA

#2C1810 on #D4AF37

5.2:1

AA
Aa

Cream on dark (footer)

#FAF7F2 on #2C1810

14.8:1

AAA

Accessibility checklist

Keyboard navigation on all interactive elements

Focus-visible rings on all buttons, links and form fields

ARIA labels on wishlist heart icon buttons

Fitting form — all fields with visible labels, no placeholder-only

Touch targets ≥ 44×44px — optimised for mobile browsing

Alt text on all dress imagery and hero photos

Reduced motion support for scroll and hover animations

Screen reader testing (NVDA / VoiceOver)

Reduced motion and screen reader testing are flagged for the next iteration — both require a fully interactive prototype and assistive technology environment.

DESIGNER'S REFLECTION

"Royal Bridal Vow taught me that luxury is not about adding more — it's about knowing what to remove. Every time I felt tempted to add a detail, an animation or another section, I asked myself: does this serve the bride, or does it just fill space? The answer shaped every decision.

If I were to do this again, I'd invest more time in the wishlist and fitting booking flow — the emotional peak of the experience. I'd also explore a virtual mood board feature earlier, so brides could arrive at their appointment already aligned with a vision."

— Raluca Indrecan, UX/UI Designer

What I'd do differently

Usability test the wishlist flow with real brides

Design a virtual mood board feature earlier

Explore richer fitting booking confirmation screens

Add a size guide and fabric detail section to dress pages

Want to discuss this project?

Get in touch
All projects