Motocommerce is Motoinsight’s flagship car-buying platform, designed to seamlessly connect buyers, dealers, and OEMs while simplifying the complex car-buying journey. The Motocommerce solution is built around modular components that facilitate essential steps in vehicle shopping, such as Build + Price, Deposit, Trade-In, and Credit Application, tailored to suit different use cases.
One example is the Honda pre-order tool, which incorporates the deposit module as a marketing tool. This module helps brands generate excitement for upcoming vehicles while capturing committed buyers through pre-order deposits.
Client: Honda
Roles: UI Design
Honda Pre-Order
User Flow
A Pre-Order flow is relatively simple compared to full Motocommerce products. The main module is to allow users to select a dealership and make a deposit.
UI Kit
The step that occupies a good portion for custom solution for each OEM is to reorganize UI Kit accordingly. UI components as atoms and modules are created based on OEM websites and the brand guidelines.
High Fidelity
It is important to apply customized interaction and micro animations used in each Brand Guideline. There needs to be flexibility for a placeholder of the final assets to be received from the OEM Client. In addition, considering the best design and interaction for each device is required since it is a responsive experience.
Your Vehicle
It is the first page when a user starts their pre-order journey. It shows the vehicle information and allows a user to select the exterior and interior colours.
Preferred Dealership
Once a user finishes the colour selection, the page asks a user to select the preferred dealership by entering a city or postal code. Based on the location entered, it will display available dealerships in order of the nearest locations.
Payment Details
This step lets a user add payment information including contact information, billing address, and payment method. CAT won’t be activated until all required information is filled out.
Summary
The summary page recaps all the steps completed by a user previously and let a user go back and edit their information as needed.
Confirmation
When a user completes an order, it shows the confirmation page with a confirmation message and an order number as well as an order summary. A user will also receive a confirmation email with the same information shown on the confirmation page.
