Mavis Tire Mobile Site

CHALLENGE

Mavis Discount Tire is one of the largest independent multi-brand tire dealers in the U.S. with 830 locations in 24 states. 60% of Mavis web traffic comes from mobile devices, and the UX and brand identity of their outdated mobile site needed an overhaul.

PROJECT DETAILS

Team: Me (designer), Emma Kallman (designer), and Ardelle Ning (designer)

Timeline: Spring 2020 (10 weeks)

Home page

Working with Mavis Tire branding, we gave information on the home page more room to breathe. I also prototyped a "Tire Finder" tool that would help less experienced users choose the right tires. 

Tire finder

User research suggested that most people wouldn't be confident browsing on their own, and would just call or make an appointment immediately. 

This tire finder tool tested well with users as a more guided online shopping experience that could automatically suggest tires based on vehicle make, model, and usage. 

Book an appointment

I split up the appointment flow into steps to create a more mobile-friendly experience. This sequential process felt more familar to testers. 

Compare tires

I prototyped this comparison tool that would allow users to select up to three tire options and view key information side-by-side. 

Filter and browse

I created a filter menu and an updated product detail page to view more information about each product