Case studies / Belmaison
Case study

A pergola store built from a blank page.

Belmaison sells aluminum pergolas to US homeowners, delivered and installed. We started with an audit of the market and the buyer’s questions, then wireframes for every key page, three design directions, and the Shopify build with a 3D detail explorer and a step-by-step configurator.

ClientBelmaison
IndustryHome & outdoor
PlatformShopify
MarketUSA
ScopeAudit, design, build
BelmaisonBelmaison store design

Three directions.

Same content, three ways to sell it. The client picked one, we built it.

Direction 1
01 Calm and premium. Big photo, two buttons, price from the first screen.
Direction 2
02 Editorial. Proof strip and model range up front.
Direction 3
03 Configure in the hero. Size, finish and price before the cart.

What we did.

Everything. Audit, structure, wireframes, UI design and the Shopify build, done by the two of us.

CRO auditInformation architectureWireframesUI designShopify build3D detail explorerConfiguratorFinancing blocksMobile

Mobile first.

Design directions and configurator wireframes from the Figma file, then the live store.

Conversion levers.

What changed, and why it matters to a shopper.

01

A big purchase, made simple

“A pergola without the project.” Delivered, installed, one team, so the buyer stops thinking about contractors.

02

See every detail before you buy

An interactive model: tap the dots, move the louvers, see the lights and screens.

03

A configurator in five steps

Model, size, finish, comfort, summary. The price and the monthly payment update as you go.

04

Money questions answered early

Installation included and monthly payments shown on the product, not hidden at checkout.

How we worked.

01
Price hiddenHigh
Install unclearHigh
Too many modelsMedium
Finishes hiddenLow
Audit

Audit

Competitors, the buyer’s questions and objections, and what a big-ticket outdoor purchase needs to feel safe online.

  • Competitor review
  • Buyer objections
  • Priority list
02
Wireframes

Wireframes

Home, product and configurator pages for desktop and mobile, in three rounds.

  • Home
  • Product
  • Configurator
  • Mobile
03
Figma

Design

The visual system and every page in Figma, built around big outdoor photography.

  • 3 directions
  • UI kit
  • Every page
04
Live

Build

The Shopify theme, the detail explorer and the configurator, coded and tested on real devices.

  • Shopify theme
  • 3D explorer
  • Configurator
  • QA

Let’s find what’s costing you sales.

Send your store. We’ll reply with the three biggest leaks we see. Free.

Prefer Upwork? Hire us there