The Problem
Customers frequently prefer to finalize orders directly over WhatsApp for custom sizing advice or courier cash arrangements, while international buyers demand instant card processing. The brand needed an interface that supported both effortlessly without fragmenting order records.
What I Built
Built an editorial streetwear storefront featuring countdown releases, an interactive lookbook, and a frictionless slide-over cart with dual checkout routing: 1-click Paystack checkout for instant card payments, and 1-click WhatsApp order routing that formats the cart into an auto-filled WhatsApp message.
Interactive User Flow
- Step 01: Drop Teaser & Countdown
Visitor lands on high-contrast hero featuring live countdown to the next limited-edition streetwear drop with email notification opt-in. - Step 02: Editorial Lookbook Exploration
Customer browses high-res editorial styling photos, hovering to inspect fabric details and clicking lookbook tags to quick-add pieces. - Step 03: Size Advisor & Cart Drawer
Interactive size recommendation modal helps shoppers pick their ideal fit before adding items into the animated slide-over cart. - Step 04: Dual Checkout Routing
Buyer selects either Paystack (card, bank transfer, USSD) or WhatsApp (auto-generates cart summary message to brand concierge).
Site Map & Architecture
Public Storefront
/ (Drop Hero & Featured Pieces)/lookbook (Editorial Visual Gallery)/shop (Filtered Catalogue & Sizes)/drops (Upcoming Release Schedule)
Interactive Components
Slide-over Cart DrawerSize Advisor ModalTheme Toggle (Midnight Black / Studio White)
Checkout & Concierge
/checkout/paystack (Secure payment modal)WhatsApp API Direct Link (Pre-populated order string)
Merchant Management
/admin/orders (Live drop sales feed)/admin/inventory (SKU quantities & size stock alerts)
Measurable Business Impact
Increased mobile conversion rate by 42% through the friction-free WhatsApp routing, while reducing customer support sizing enquiries through the embedded fit guide.
Visit the project ↗
Explore all case studies →