Hanni Design
Hanni Design is a bespoke bridal and evening gown atelier that needed a digital presence matching the elegance and exclusivity of their craft. Every gown is one-of-a-kind, so the website had to communicate that same sense of luxury and personal attention.
The Challenge
The existing brand had no online presence beyond Instagram. Brides were reaching out via DMs with no way to browse collections, understand pricing tiers, or book consultations. The owner needed a platform that felt high-end without being intimidating, an approachable luxury that drives enquiries.
The Solution
We built a fully responsive WordPress site with Elementor, using an editorial, magazine-style layout. Soft creams, botanical illustrations, and serif typography create an atmosphere of romantic elegance. The collection gallery uses hover-reveal transitions, and a considered enquiry form makes it effortless for brides to start a conversation.
Impact
Steadily growing
Bookings & enquiries
0m 20s
Avg. time on site
0%
Mobile traffic
< 1.5s
Page load speed
Colour Palette
Romantic tones in dusty neutrals and antique gold. Sage and sand set the mood, burnished gold carries the embroidery, terracotta rose anchors the brand.
Sage Mist
#E2E4D8
Hero bg
Warm Sand
#C8BC96
Footer band
Burnished Gold
#B89A6A
Embroidery
Terracotta Rose
#8C4A38
Nav / logo
Soft Ivory
#F5F0E8
Gown / base
Full palette flow
The Six Collections
Each collection has its own personality, set by an original sketch, then expressed through gown, typography, and motion. Tap through to see the sketch and the final piece side by side.
Behind the Build
The details we obsessed over.
Animated collection headers
Each of the six collections, Flora, Alette, Ophelia, Elara, Avery, and Aurora, gets its own custom header animation. A slow reveal lets the name breathe in before the gowns appear, with motion tuned per collection to match its personality.
Interactive dress cards
Every dress card links through to its own page on the Hanni site, where the design of the gown is broken down in detail and shown through a full set of photographs.
Original sketch designs
Original sketches of each silhouette anchor the visual identity. They appear across gown cards, loading states, and enquiry screens, giving the site a single signature that feels unmistakably Hanni.
Design Direction
The colour palette draws from natural fabrics like cream, soft gold, and warm taupe, with accents of deep brown for contrast. Typography pairs Playfair Display for headings with Cormorant Garamond for body text, evoking a timeless editorial quality. Decorative botanical flourishes reference the hand-finished embroidery that defines each gown.
Collection Showcase
The six signature collections, Flora, Alette, Ophelia, Elara, Avery, and Aurora, are presented as interactive cards with dual-state hover reveals. Brides can preview each gown's silhouette and fabric before tapping through to full galleries. The layout adapts from a 3-column grid on desktop to a swipeable carousel on mobile.
“I absolutely love my website! It's unique, beautifully designed, and the animations make it feel so alive. I'm really grateful and impressed with the work.”
Johanni Meyer
Founder, Hanni Design
Technical Stack
Built for performance first. 78% of traffic comes from mobile, so every byte matters.
WordPress
Platform
Elementor
Page Builder
How We Got Here
Discovery
Two workshops with the owner to understand the bridal journey, the existing Instagram audience, and what 'luxury but approachable' meant to her in particular.
Design
Moodboards, type pairings, and a full Figma prototype reviewed against printed bridal editorials. Every frame tested before sign-off.
Build
Shipped in 4 weeks on WordPress with Elementor. Collection layouts, the enquiry form, and image optimisation dialled in through multiple review rounds.
Launch
Soft launch to existing DM enquiries first, then a full reveal across Instagram. Bookings and enquiries have been steadily growing since.