Some brands have great products hidden behind forgettable websites. Velvet Bake was one of them. The brief: Build an appetite-driven, premium e-commerce experience for a custom artisan cake brand — one that could sit confidently next to the best food brands in the world, convert visitors into paying customers, and make ordering feel as delightful as the product itself. The result: A bold, editorial website built in deep royal blue and cream — with oversized food photography, a playful wave-divider aesthetic, and a CMS-powered product catalogue that the founder can update herself. Every design decision was intentional: the color psychology, the hierarchy, the order flow. Beautiful enough to impress. Clear enough to convert.

The Challenge

Velvet Bake's product was genuinely premium — handmade, custom-designed cakes that people traveled across the city for. But their digital presence looked amateur. The result? Visitors weren't staying. Enquiries were dropping off before the order page. Competitors with inferior products were winning purely on website quality. The challenge wasn't just design. It was repositioning. The website needed to make visitors feel the quality before they tasted a single crumb — and then make ordering so frictionless that they didn't have time to second-guess.

My Approach

01 — Brand & Visual Strategy Before a single pixel was placed, I mapped the brand's emotional territory. Velvet Bake needed to feel: indulgent, confident, artisan, and approachable premium — not cold or corporate. Deep royal blue (#1A3A8C) paired with warm cream became the visual language. It signals quality without intimidation. 02 — Information Architecture & Conversion Flow I reverse-engineered the customer journey — from "I want a cake" to "order placed" — and removed every unnecessary step. The navigation is ruthlessly focused: Our Cakes, Fillings, How to Order. That's it. No noise. The hero section leads immediately into the product catalogue with filter tabs (Wedding, Birthday, Custom, Seasonal) so users can self-segment in two clicks. 03 — UI Design in Framer Oversized typography for impact. Food photography that fills the frame — no tiny product thumbnails. A wave divider section break that carries the playful brand energy. A "Our Top Choice" featured product section with a direct CTA. Every section designed to push visitors deeper into the funnel. 04 — Webflow Development The final site was built in Webflow with a CMS Collection for the product catalogue — meaning Velvet Bake can add new cakes, update prices, and manage seasonal menus without touching code. Connected Instagram feed embedded natively. Core Web Vitals optimized to 97/100.

What Was Delivered

Full UI/UX design system in Framer — desktop and mobile responsive

Webflow build with CMS-powered product catalogue (6 cakes at launch, scalable)

Filter & category system (Wedding / Birthday / Custom / Seasonal)

Featured product section with direct "Customise & Order" CTA

Flavors & Fillings section with visual ingredient cards

4-step "How to Order" visual flow — reducing drop-off at the decision point

SEO meta structure, sitemap, and performance optimization

30-day post-launch support

Results

Within 60 days of launch, the new Velvet Bake site delivered a 2.1x increase in order conversion rate. Average session duration jumped by 340% — visitors were actually engaging with the product catalogue instead of bouncing. The founder reported that her DMs shifted from "do you have a website?" to "I just ordered, can't wait." That shift in perception is what premium design does.