Flora & Fable Floristry
Client
Flora & Fable
Brand identity, bespoke e-commerce storefront, postcode delivery engine, and self-service admin dashboard for a Glasgow floristry business.
The Journey
Phase 1
Brand Identity & Design System
We established a visual identity that captures the warmth and elegance of Flora & Fable's craft. Every colour, typeface, and design token was chosen to work seamlessly across the storefront, email communications, and printed materials.
- Logo design with light and dark variations for web and print
- Botanical colour palette and typography system
- Component design system with reusable tokens for consistent styling
- Animated interaction patterns using Framer Motion
Phase 2
Storefront & Shopping Experience
We built a storefront that makes browsing and buying flowers feel effortless. Curated seasonal collections, product pages with gift customisation options, and a guided checkout flow handle everything from bouquet selection to gift wrapping.
- Curated homepage with seasonal collections and featured products
- Product pages with variant selection, gift wrapping, and personalised message options
- Persistent cart with real-time stock validation and animated feedback
- Guided multi-step checkout with Stripe payment integration and discount codes
- Server-side price validation and idempotent order creation to prevent duplicate charges
Phase 3
Delivery & Logistics Engine
Glasgow delivery is not one-size-fits-all. We built a postcode-based delivery engine that calculates fees by zone, enforces cut-off times, and lets customers choose delivery date and time slot — all validated server-side.
- Postcode lookup with zone-based delivery fee calculation
- Delivery date picker with day-of-week availability and cut-off time enforcement
- Time slot selection with capacity limits per slot
- Atomic stock operations with row-level locking to prevent overselling
- Order confirmation emails with delivery details via Resend
Phase 4
Admin Dashboard & Content Management
The dashboard puts the team in full control of the business — no developer needed. Products, collections, orders, coupons, FAQs, and gallery images are all managed through an intuitive interface with real-time metrics and low-stock alerts.
- Product management with variants, pricing, images, and stock levels
- Order management with status tracking, filtering, and fulfilment workflows
- Coupon and discount code creation with usage limits and expiry dates
- Content management for FAQs, gallery, and homepage sections
- Real-time dashboard with revenue metrics, order volume, and low-stock alerts
- Four-tier role-based access control with row-level security across all tables
Results
0
Oversold orders
0%
Marketplace fees
0
Weeks to launch
0%
Self-service admin
The team manages products, orders, collections, and content entirely through the dashboard — zero ongoing developer support needed
Postcode-based delivery zones with time slot booking reduced delivery errors and customer service queries
Scheduled Valentine's Day collections with stock safeguards and idempotent checkout ensured a smooth, high-confidence trading period
Atomic stock operations with row-level locking eliminated overselling, even under concurrent demand
Zero marketplace fees — the business owns their entire customer relationship and revenue stream
Screenshots
Start a project
Have something in mind?
Whether it's a new website, a custom software system, or a brand refresh — let's talk about how we can help.
Start a Conversation