MODULE 01 · CONFIGURATOR FOR THE END CUSTOMER
One path that will not let you slip
The customer walks through nine steps in a fixed order. At each one they see only what makes sense for their model, and the dependency rules make sure the build adds up.
STEP 2 / 9 · PAINT
One category at a time, a vertical step index with icons, a hint bubble and a progress bar. A conflict does not block moving on — it offers a fix button.
03The step-by-step path
Nine steps from model to inquiry
This is what the end customer sees. The order is fixed, but any step can be skipped and returned to later — the progress bar makes sure nothing is left blank.
- 01
MODEL AND TRIM
Model, drive variant, trim level. This decides which slots appear at all.
- 02
PAINT
A palette previewed on the model photo. Special finishes show their surcharge immediately.
- 03
WHEELS AND TYRES
Size, tread type, spare wheel. Changing the size recalculates ground clearance.
- 04
SUSPENSION
Lift, gas shock absorbers, uprated springs. The effect on clearance and payload is worked out as you go.
- 05
FRONT END
Steel bumper, winch, bull bar. This is where a dependency rule fires most often.
- 06
ROOF AND LIGHTS
Hard or soft roof, LED bar, work lamps. The roof slot has a capacity of two items.
- 07
LOAD SPACE
Container, rack, tow hitch. Every item eats into the payload.
- 08
CAB
Seats, heating, the four-seat version. A four-seat cab rules out the container.
- 09
SUMMARY
Specification sheet, masses, ground clearance, payload, net and gross, the leasing instalment, a service plan with its inspections spelled out, and sending the enquiry.
LEASING
Down payment 10–45 %, term 24–72 months. Instalment from the full configuration.
NET / GROSS
The switch recalculates every amount, the instalment included.
READY-MADE PACKAGES
Three discounted sets, applied with one click.
SERVICE PLAN
Inspections included in the price of the vehicle — dated by months and by engine hours.
MOBILE PREVIEW
The same layout down to 430 px — no separate mobile version.