RepairPal

UX · UI · Visual

The new RepairPal site is focused on presenting the user with relevant information to make more informed decisions regarding auto repair. 

THE CHALLENGE

RepairPal’s mission is to take the mystery out of auto repair. Its an industry full of distrusts and not enough transparency. Consumers are in most cases left to blindly trust their mechanics, RepairPal wants to disrupt this pattern.

OUR APPROACH

We started by creating a substantial style guide. Other then the expected; palette, fonts etc we also decided to included all modular elements specified as whole objects as well as singel parts. As all parts could later be referenced to the style guide it would be real useful while implementing these new styles. 

Another major update was the simplification of the navigation structure, which was re-routed into two direct cta's on the top level. "Fix my car" and "Learn about my car" these funnels where aligned with how users prefered to drill down in the information.

The landing page

Get your repair estimate right on the landing page as well as finding a Repairpal certified shop near you.

rp_web_01rp_web_01
01_Home_Profile01_Home_Profile

Focused navigation

The navigation hierarchy was simplified and centered around the user and their car only.

navigationnavigation
ipad_hands_02ipad_hands_02

A custom set of icons were designed

iconsicons
RP_mobile_02RP_mobile_02

The style guide

An extract from a very detailed style guide.

typography-examplestypography-examples