At a glance
With over four decades in global powersports electrical component distribution, Total Power Parts (TPP) re-launched with a fresh new look, a new customer service guarantee, and pioneering features for their ecommerce presence.
Audience
Trust is crucial for long-time powersports riders, who prefer purchasing from fellow enthusiasts, with core users categorized as Racer (expertise and performance), Working Man (value and durability), and Weekend Warrior (quality and knowledge).
Challenge & opportunity
The biggest design hurdles included ensuring usability for all user types, on-the-go accessibility, clear site architecture, and multiple purchase paths, with the opportunity identified to cater to riders who own multiple vehicle types and diverse user needs.
Inspiration for function and form.
Following an intense discovery, I started the elaboration process with a visual mood board. I have found this to be the best approach for brand distinction and identifying functionality, elements and interactions best suited for the users. After all, the product had to cater to a variety of demographics and riding applications.
A toolbox and parts store all in one.
This homepage doesn't mess around. The only thing more frustrating than a "parked" machine is not finding the part you need to fix it. With several forms of navigation—search, menu, part finder, vehicle-specific compartments—it allows any user the ability to more easily "get in and get out," setting the tone for the rest of the customer journey.
User-centric design.
Designing for the user instead of the device allowed for a smooth transition from desktop to mobile screens.
Find the right part, and fast.
More than a few part finders we found had their fair share of issues: desktop-only, too many form fields, hidden steps or didn't exist at all. Placing this 4-step part finder globally at the top of the page meant users could expect to see and interact with it regardless of what page they may have landed on.
One hard-working product page.
Paid media is a large part of their traffic, so understanding the multiple points of entry would go a long way in the design. Of course product content is important, but easily accessible site tools and highly visible purchase options were crucial features in building the experience of this page.
Your garage is now online.
One of the most distinct features of the site is the ability to enter and save vehicle information as well as turning off products that do not apply to the vehicle you are shopping for. Enter your vehicle, find part, go.
Rounding out the experience.
I built a custom icon set and as a collaborative effort, helped define art direction and a messaging framework used in the execution of imagery and other visual assets. Hard-working, experiential, quick and honest.
Takeaways
Through rigorous planning and design we launched a product that strongly encourages the multiple vehicle owner. It supports several ways to navigate, purchase and includes one incredibly complex (on the back-end) part finder. All for the one-stop-shop maintenance of any riders vehicle.
This certainly did not come without it's challenges. Having a greater understanding of the technology, data and information that would live on the site could have potentially resulted in more MVP functionality. While some technical obstacles forced us to scale back for initial launch, Total Power Parts has still helped many riders stay up and running, increase performance and enjoy more time with the vehicles (toys) they love.