VIN Lookup
The objective was to create a new page that allows customers to enter their VIN number and view detailed information about their vehicle.
Problem Statement
Solution
Customers want a fast, simple way to access detailed information about their specific vehicle, but the current process requires creating a Mopar account, which adds unnecessary friction. This barrier can lead to frustration, delays, and reduced engagement, highlighting the need for a streamlined experience that allows users to quickly look up their vehicle details without signing up
Provide a self-service option that allows customers to quickly and easily look up their vehicle details by entering their VIN
Goals
High-Level Requirements
-
Allow users to view vehicle details without singing up for an account
-
Provide additional resources that are associated with VIN, as well as, encourage users to create an account and explore other services Mopar offers
- Create a lander page where customers enter their VIN to view more details
- Encourage users to sign in or create an account
- Add FAQ section
-Create a details page with vehicle information
Overview
Design Process
Ideation and Wireframes
During the ideation phase, we focused on creating a solution that was fast, intuitive, and user-friendly.We created low-fidelity wireframes to experiment with different layouts users could input their VIN, view details, and other features we could potentially add to the page.
These wireframes prioritized clarity ensuring users could complete their task quickly without confusion. After iterating internally, we presented our mid-fidelity wireframe options to stakeholders to gather feedback and align on the preferred layout. This helped us refine the structure, interaction flow, and information hierarchy before moving into high-fidelity visual design.
Iteration and Visual Design
Based on stakeholder feedback and insights from the wireframe review, we moved into the high-fidelity visual design phase. I iterated on layouts, typography, and component placement to ensure a clear hierarchy, intuitive user flow, and alignment with Mopar’s brand guidelines. For the details page, I explored additional features that users might find helpful beyond the basic vehicle information, aiming to highlight relevant content and enhance the overall experience. We also added a section encouraging users to sign in or create an account for a more personalized experience.
We implemented responsive design for both desktop and mobile platforms, ensuring a seamless experience across devices. Collaborating closely with the marketing team, we selected imagery and assets that complemented the design and reinforced brand consistency.
Landing Page
Details Page
Results
The VIN lookup feature made accessing vehicle information fast and efficiently, eliminating the need for users to create a Mopar account. Early feedback showed increased engagement on the self-service page, a reduction in support calls, and high user satisfaction, with customers praising the clear status updates and intuitive interface. By providing transparency and optional account personalization, the feature boosted confidence, improved the overall user experience, and strengthened trust in the Mopar platform.