Order Form Rebuild
Gild Group · Case Study

The order form was the funnel

When a product is made to the customer’s own measurements, every sale runs through one form. We rebuilt that form, and the storefront around it.

Client: confidential Category: made-to-measure home Scope: UX / UI / CRO Platform: Shopify
+55% Conversion rate Year over year, first month after launch
+56% Add-to-cart rate Year over year, second month
−6.0pt Cart abandonment Across the build period

The brief

A custom product with no forgiving path

Each unit is built to dimensions the customer measures themselves. They take the measurements, report the clearances around the space, choose a finish, and commit. There is no standard size to fall back on and no returning a unit cut wrong.

That puts unusual weight on one screen. The order form is not a step in the funnel, it is the product experience. The form we inherited asked for everything at once, on a single screen, with no validation until submit.

What we built

Three workstreams, one release

Storefront sections first, so the pages feeding the form could qualify a shopper. Then the form itself, rebuilt as a guided flow. Then an icon system, because the hardest question in the flow is one a shopper answers with their eyes.

First Storefront sections
  • Before and after sliders
  • Value proposition and proof bands
  • Suggested pairings
  • Rebuilt collection browsing and filtering
Then The order form
  • A guided five-step configurator
  • Help and answers available at every step
  • Visual choice cards in place of jargon
  • A review step that edits back to any answer
Alongside The icon system
  • Size icons drawn at true relative scale
  • Purpose-drawn art for every option
  • One held style across the whole set
  • A printed reference sheet for the client

The flow

Five questions, asked in the order a space gets measured

The rebuilt form asks five questions in sequence, validates each before it moves on, and lets the shopper walk back to any answer without losing the rest.

1
Estimate your size
Prices shown up front, illustrated so a shopper recognizes their own situation before reading a number.
2
Enter measurements
Entered the way people actually read a tape measure.
3
Check clearances
Every side answered before the step will advance, because a blank here becomes a unit that does not fit.
4
Check special details
Answered by picking a picture rather than parsing a term.
5
Review your details
Every answer restated before payment, each editable in place. Mis-measurement is the dominant fear on a made-to-order product, so the last screen exists to resolve it.

The result

Two releases, two steps up

Conversion rate is the right measure here because it is already normalized: it moves only when the same visit behaves differently. It stepped up as the storefront sections landed, held, then took its largest single jump once the rebuilt form went live.

Site conversion rate, month by month
Prior year Build year
Mar
1.48%
1.57%
Storefront sections ship
Apr
1.27%
2.10%
May
1.48%
2.17%
Rebuilt order form goes live
Jun
1.43%
2.22%
Jul
1.42%
2.48%

The takeaway

The configurator is the product page

On a made-to-order product, the form is not paperwork standing between a shopper and the thing they want. It is where the buying decision happens, and it deserves the attention a product page gets.

Gild Group · Charleston, SC · gildgroup.com Client details withheld