work samples

Goof Off & DampRid

project completed while employed at Callahan for WM Barr

PROJECT GoofOffProducts.com and DampRid.com Website Redesigns
‍
DURATION 6 months
‍
UX DESIGN SERVICES

  • persona(s)
  • baseline user testing
  • information architecture
  • wireframe prototype
  • design consultation
  • high-fidelity prototype
  • user testing
  • dev consultation

TWO PRODUCTS, TWO WEBSITE REDESIGNS, SAME TEMPLATE

WM Barr brands Goof Off and DampRid both needed a website redesign. To keep the projects streamlined and efficient, we completed both sites in similar, parallel paths, applying learnings and experiences from one site to the other. My role in these projects was lead UX designer, guiding and implementing user experience design for the duration of the process. From creating personas to wireframing, user testing, and design consultation, I defined the UX of these redesigns and collaborated with the team to encourage critical UX decisions.

personas

DampRid

Goof Off

information architecture and wireframing

Using the results of an initial baseline usability test we ran on the DampRid live site, I adjusted the old information architecture to allow for better discoverability of both sites' products. This helped guide the user to evaluate which product would work best for their needs. The wireframe I created for both brands helped establish a more direct path to products and information, and simplified an outdated hierarchy of content.

information architecture (site map)

The home page of the wireframe of damprid.com redesign.

view wireframes

information architecture (site map)

The home page of the wireframe of goofoffproducts.com redesign.

view wireframes

Finding the right product

For both brands, I recommended introducing an interactive element to allow the user to find the right product for their needs. For
DampRid, the user is led to specific product information for their needs after selecting their location, and for Goof Off, the user is given a
product recommendation after choosing the mess they need to clean up.

The user can get a recommendation after choosing "which DampRid is right for you."

design consultation and high-fidelity prototyping

Because both brands are vastly different, the design phase for each of these projects was unique. Through continual collaboration and discussions, my UX coaching helped guide the art director to implement the visual design to the wireframe structures I'd created for both brands.

user testing

The redesign of these two sites elevated not just the user experience but the look and feel, creating a perfect vehicle to showcase their outstanding effective products.  Helping the user find the product they need for just the right job as well as providing a pleasing design to navigate the sites was key to the success of this project.

summary

The redesign of these two sites elevated not just the user experience but the look and feel, creating a perfect vehicle to showcase their outstanding effective products. Helping the user find the product they need for just the right job as well as providing a pleasing design to navigate the sites was key to the success of this project.

NEED SOME UX HELP?

i’d love to discuss how to incorporate UX intoyour clients’ next website project

NEXT PROJECT

see Flint website design work
‍