Nivel Tire & Wheel Builder on desktop and mobile.
Web

Tire & Wheel Builder

Redesign of the web-based tire and wheel packages application.

Summary

During the early beta development cycle of the new Kibo eCommerce build of the Nivel Parts website, we opened the website to a selection of top dealers to test it and gather feedback on the overall user experience so we could finalize it before opening it to all dealers. One of the most significant pain points for dealers was the new tire and wheel builder, designed and built by the third-party development team with very little input from our internal team. Our team was tasked with quickly utilizing dealer feedback, redesigning the builder, and working with the developers to implement the new design. Working with the UX architect, we promptly developed wireframes and mockups, which we reviewed with the development team to assess a timeframe for implementing the new design. I then moved to finalize the design and move it to a prototype stage, which we reviewed with our executive team, got approval, and worked with the developers to quickly implement and push into the beta environment within two weeks. We received overwhelmingly positive feedback from dealers who found the new builder to work better than the original ones from our legacy website.

Project Info

Client
Nivel
Role
UI/UX Design
Tools
Illustrator, Photoshop, XD
Tire & Wheel Builder Challenge

The Challenge

At the end of the development of the new Nivel Parts website, we opened it up to a select group of dealers for beta testing. We collected feedback from dealers on the overall user experience of the new website, and one of the most significant pain points for them was the new tire and wheel builder. Leadership tapped our team to quickly redesign and implement a new design that the third-party developers could implement within two weeks.

Lofi Mockup on laptop

The Solution

Utilizing the feedback from dealers, I collaborated with the UI Architect and project manager to develop wireframes and mockups that we reviewed with the development team to make sure the new design could be implemented within the time frame leadership had presented. I moved the mockups to prototypes and presented them to leadership, which approved the new design. We then worked with the developers to implement the latest design and finalize the new builder with their QA team before pushing it for review with our user group.

Tire & Wheel Builder on Mobile

The Results

We were able to redesign and implement the new builder before the leadership deadline. Our test group was overwhelmingly happy with it. Once the website went live, we saw an increase in usage of the data we had from our legacy application.