Autotrader Mobile Platform
Evaluate the problem and/or opportunities with the existing mobile apps and evolve the design using Design Thinking and the best UX practices.
UX DESIGN PROCESS
MAPPING THE CURRENT EXPERIENCE
Map the entire experience so the areas can be identified where we can component-ized the design and areas where we can cut the fat for a more lean experience.
REDIFINING THE FLOW
INTRODUCE YOUR BRAND
LOOK AT WHAT EVERYONE ELSE IS DOING
COMPETITIVE ANALYSIS
IDENTIFYING THE PROBLEMS
1: A dated IA with the hamburger menu which decreases the discoverability of key features.
2: A search box that resets itself after every use.
3: A "more option" which acted as a reverse hamburger menu interaction creating more confusion.
4: The app only supported lower end devices while the industry was focused on high-res devices.
Discovery Mode - Home Screen
NO STONE LEFT UNTURNED
At this point in the process the best thing to do is to produce as many variations as possible to create more possibilities.
IDENTIFYING THE OPPORTUNITIES
1: Modern Al so the user can navigate between sections fluidly without losing their place in other tabs.
2: A search box that shows the most used parameters across all platforms and also retains the value to provide continuity for users.
3: Advanced search so users can easily add more parameters.
4: Easy to use call to actions so user doesn't feel lost at any point and ability to reset so they can easily start a new search.
5: A design suited and tailored for all device sizes and resolution.
A New Design
TO MATCH THE BRAND
A new visual library was created to match the apps with the rest of the company to move away from the one-off design.
In the process of creating the new design library a lot of the old components in the system-wide library evolved to adapt the new design.
