🚀 HMB AI Platform is now live Explore HMB AI →
All Case Studies
Luxury Retail

Maison Mosaic

Premium Design Configurator: Web & Mobile

Client

Maison Mosaic (UK)

Service

Web & Mobile Development

Duration

5 months

Year

2024

Tech Stack

Next.jsThree.jsReact NativeNode.jsStripeAWS S3Figma

Business email required. PDF sent instantly.

Maison Mosaic

3×

Faster quote-to-order conversion (28 days → 9 days)

28%

Increase in average order value post-launch

70%

Reduction in consultant time spent on manual renders

4.9★

App Store rating, iOS and Android

1

The Challenge

Maison Mosaic, a luxury mosaic tile brand based in the UK, was losing customers at the consideration stage. Customers could not visualise how a custom mosaic pattern would look in their actual space before placing a bespoke order, which starts at £2,500. The result was a long sales cycle (average 4 weeks from enquiry to order), high abandonment at the quote stage, and a disproportionate amount of time spent by their design consultants creating manual renders in Photoshop for each enquiry.

2

Our Solution

HMB built a real-time interactive configurator for web and native iOS/Android apps. Customers can design their own mosaic by choosing from 200+ tile colours, 30+ pattern templates, or creating freehand designs, and see a live 3D preview rendered in their chosen room setting. A one-click quote is generated from the design, and orders can be placed directly through the app.

Real-time mosaic pattern configurator using Three.js WebGL rendering on web

Native iOS and Android apps (React Native) with identical configurator experience

Pattern library with 30+ curated templates and a freehand grid editor

200+ tile colours with true-colour rendering and grout colour selector

Room visualiser: upload a photo of your space and see the mosaic placed in it

One-click quote generation with automatic pricing based on design size and tile selection

Stripe-integrated checkout with 50% deposit, 50% on dispatch payment flow

Trade portal for interior designers with bulk pricing and project management

3

Product Screens

Web configurator: real-time mosaic pattern builder with 3D preview

Web configurator: real-time mosaic pattern builder with 3D preview

4

Key Features Built

Real-time Three.js WebGL mosaic renderer

Freehand grid designer + curated template library

200+ tile colours with grout selector

AR-powered room visualiser

Automatic quote generation and pricing

Stripe deposit + balance payment flow

Trade portal for B2B interior designers

Order tracking and production status updates

Want Similar Results?

Let's Build Something
This Impressive for You

Every project here started with a conversation. Tell us what you want to build and we will show you how we would approach it.

Start Your Project