WEBSITE & MOBILE REDESIGN

HTH Pool & Spa Care

Project Context

 

Led website audit and redesign of HTH Pool & Spa care websites and mobile app inclusive of information architecture, user flows and wireframes. After aligning with the client on the overall approach, worked collaboratively with design and development teams to deliver an MVP and develop the iteration schedule for additional features.

Primary Goals

 

  • Clearly articulate HTH Pool & Spa Care value proposition, brand story & key benefits

  • Increase website visits and engagement

  • Increase mobile downloads & account sign-up

  • Increase product sales

Methodology

 

Iterative process in which user and competitive research guided the overall redesign recommendation. A core-functional team was then established to launch the MVP for both web and mobile.

  • Analysis: Website Audit, Competitive Analysis & Recommendation

  • Design: Information Architecture, User Flows, Wireframes & Visual Design Handoff

  • Development: Development Handoff & Ad Hoc User Flow/Design Mitigation

Industry Analysis

 

Companies that were a direct competitor or that also sell HTH products were analyzed for web content, information architecture, design and overall effectiveness. Best practices and gaps were identified and incorporated into the HTH recommendation.

Information Architecture

 

Site maps were developed to outline the structural content for the website and mobile app ensuring that it is presented to users in the best possible way that delivers upon their goals. These site maps along with a content matrix drove efficiency in the design and development phase of the project.

Wireframes

 

Wireframes were created for web, responsive mobile and the mobile app.

Website

21 unique pages along with navigational features and content modules were drafted for the HTH Pool & Spa website and responsive mobile version.

 

Mobile App

40 screens were drafted for the HTH Pool & Spa mobile app including onboarding, account sign-up & log-in, navigational features, error alerts, and content pop-ups.

Visual Design

 

The end results is a best-in-class website and mobile app that highlights HTH’s pool care expertise, innovation for all seasons and drives brand loyalty. See the before and after below.

ORIGINAL REDESIGN

 

Mobile App