Case Study

SofaFlow

A premium AI-native furniture e-commerce platform built with Next.js 15 and headless Shopify. Features WebAR room visualization, AI shopping assistant powered by Claude, 360° product viewers, and a Koala AU-inspired mobile experience. Designed specifically for the UK market.

Visit sofaflow.co.uk &nearr;

Next.js 15ShopifyAI/ClaudeWebARThree.jsTypeScript

AI-augmented development with Claude Code

Components

Pages

WebAR Products

Lighthouse Score

Screenshots

The Problem

UK furniture shopping is dominated by outdated websites with no way to visualize products in your space. Customers can't tell if a sofa fits their Victorian terrace living room without visiting a showroom.

The Solution

An AI-powered e-commerce platform where customers can view sofas in their room using WebAR, get personalized recommendations from a Claude AI assistant, and explore products in 360° — all optimized for the UK market with Victorian-ready sizing.

Key Features

WebAR Room Visualization

View sofas in your room using augmented reality on any device

Claude AI Shopping Assistant

AI-powered product recommendations and style advice

360° Product Viewer

Interactive 3D product exploration from every angle

Sofa Finder Quiz

Guided questionnaire matching customers to their perfect sofa

Technical Skills

54 technologies

Tech Stack

Next.js 15React 19TypeScriptTailwind CSS v4Headless ShopifyStorefront APIServer ComponentsApp Routershadcn/uiVercel

AI & 3D Features

AI Shopping AssistantClaude API IntegrationVercel AI SDKWebAR View in Room360° Product ViewerThree.jsmodel-viewerHeight Comparison ToolWill It Fit Calculator

E-commerce

Shopping CartWishlist SystemProduct FilteringMega Menu NavigationSearch OverlaySofa Finder QuizComfort BadgesColour SwatchesFinance CalculatorBNPL IntegrationFabric Swatch Program

UI/UX Design

Koala AU-Inspired UXMobile-First DesignCustom Design SystemOKLCH Colour SpaceFramer MotionRive AnimationsGSAP ScrollTriggerMicro-interactionsAccessibility (WCAG)

UK-Specific Features

Victorian-Ready Sizing4-Minute Assembly120-Night Home TrialUK Postcode CheckerFast 7-Day Delivery5-Year WarrantyOld Sofa Collection

Performance

Server-Side RenderingEdge FunctionsImage OptimizationCode SplittingLazy LoadingSEO OptimizedCore Web Vitals 90+Turbopack

What I Learned

●Headless e-commerce with Shopify Storefront API
●WebAR integration with model-viewer and Three.js
●AI conversation design with Claude and Vercel AI SDK
●Performance optimization for Core Web Vitals on media-heavy pages

Interested in working together?

07956 147 730

hasaleem723@gmail.com

Say Hello