Hyundai Dominicana: model pages and a 3-step quote tool
On Hyundai Dominicana's old site, asking for a quote meant filling out one long form. I redesigned the model pages and split the quote into 3 steps.
steps in the new quote tool
detail page per model, with gallery and specs
TL;DR
- Problem
- The quote request was one long form, and the model pages needed a redesign.
- What I did
- Reviewed where people got stuck on the old site, redesigned the model pages with galleries and specs, and split the quote into 3 steps with a price total that updates as you choose.
- Delivered
- Model detail pages and a 3-step quote tool, designed mobile-first.
The old site
We began by going through the old site step by step, the way a buyer would, and noting where people got stuck. The quote request was a single long form. The site also needed to load faster and work well on a phone.
I worked from sketches to clickable prototypes.
Model pages
Each model got its own detail page with a photo gallery, specifications and lifestyle photos. Buyers can see the car in detail before they talk to a dealer.
Quote tool
I split the quote into 3 steps. First the buyer picks a version and color, and the price total updates with each choice. Next they enter their contact details. The last screen confirms the request was sent.
Mobile first
Most local buyers browse on their phones, so I designed for phone screens first and scaled up from there. Buttons and controls are sized for touch, and we checked the designs on several devices.