Design
We needed hero section on our platform that would appease all 3 of our customers without having too much information.
For this we created a hero image with the 2 main CTA’s; “buy” for the decider and “Testdrive” and a campaing video to increase recognition for the doubter and discoverer, with underneath it the car selector and a section to show a video with information about each car.
This way evey type of user could find what they wre looking for.
From this Hero section every user could easily get to their specific section in the flow. We also gave the page a logical and chronological order. The deeper you would scroll the more dense the information would get with and we would repeat the CTA’s at logical spots.
Deeper within the page we also created the easy discovery module.
A place where more information could be found about a car and where Mazda could highlight their chosen topics.
This was very important for the doubter persona, since this is what they ere looking for. Close to the easy discovery module we repeated the “Testdrive” CTA.
This all accumulated in different wireframe iterations and a final design.