RepairPal

I worked on the product team as the UX Designer. My role touched multiple layers of work including usability testing, branding, front-end coding, prototyping, user-friendly designs, business-focused designs and more.

  • Skills: UX, UI, Web Design, Front-end coding, prototyping
  • Tools: Sketch, GitHub, Sublime Text, Photoshop, Mechanical Turk

User Forums

I created designs for elements of the forum pages. They targeted improvements for users such as readability, legibility, page navigation and post interaction. They also elevated methods for conversion.

timers basic states

Higher level pages such as repairpal.com/problems bounced users as they contained an overwhelming number of results. I worked on designs to reduce results and to send people to more specific pages.

timers basic states

Variations on post-specific labeling and actions.
Traffic Alert!

The forums pages on RepairPal are some of the most highly trafficked. The people who land here usually came here after searching some technical details of auto repair.

timers basic states

Sending users to shops was the highest priority conversion tunnel. With it however, I also considered other important actions that would be useful to users on forum pages.

timers basic states

Forum pages were so long that pinning labels and actions to the top of the screen could provide helpful wayfinding or suggest a worthwhile action.

User Testing

Small releases were constantly getting pushed live to the site. I conducted qualitative user tests to find out how these changes were perceived.

**Qualitative Testing Questions**

Pretend you’re on your phone after work and you’re looking to find a new auto mechanic for your car. In your last experience with a mechanic you felt that there was a possibility you had been overcharged and that your vehicle wasn’t given proper attention. Your friend suggested that you visit RepairPal.com.

You landed here on their homepage. What is your initial impression? How would you find a mechanic to take your car to?

What would you do here? How would you connect with the shop?

What did you think of this experience overall?

How would you describe this experience to a friend? Do you think your friends and family would use this website?

timers basic states

I used Mechanical Turk to recruit users and then recorded our interviews.

Branding

I worked on an updated color theme and typography. These details would help support and give greater detail to the initial rebrand.

timers basic states
timers basic states

Prototyping

I created many prototypes by using GitHub to create my own branches based on the master branch of the live site. Prototypes were useful for testing out design ideas within the constraints of the development environment.

timers basic states

This is a screenshot of a prototype I made to test Montserrat as a typographic choice for the site.