Sweathouz

Sweathouz

Sweathouz is a wellness center that offers private Infrared Saunas, hydromassage and cold plunge amenities. The current website offers the ability to chat with the team, book appointments, and purchase packages. After speaking with past, current and future customers I learned that they had experienced a plethora of issues when interacting with the Sweathouz website on mobile and desktop. After a thorough UX audit, it came to my attention that the web responsiveness was also in need of improvements.

‍

Conducting Research

1.  Analysis of the current web responsiveness, accessibility and interface.

2.  Conduct competitive analysis of other popular Wellness centers.

3.  Create Personas

4.  Conduct Usability Testing.

Discovery Session

I decided on 3 key user flows, and conducted usability testing with 5 participants who use, have used or plan to use Sweathouz.com. Based off the Personas and key user audience I chose to conduct my usability testing on a mobile device rather than desktop. Along with a vast array of interface issues, the users also expressed frustration with the chat feature, location services and working through the schedule and checkout process.

The Case for a Redesign

After speaking with my usability testing participants, it was very clear that the Sweathouz website needed to be redesigned. Users expressed that they had booked appointments at the wrong locations, purchased packages instead of memberships by accident and given up on booking appointments in the past because of their frustrations. Two of the users expressed that they absolutely love Sweathouz and while the in-house experience is phenomenal, abetter website would make the entire experience much easier and completely stress free.

Taking a Closer Look

Before I could begin solving the issues, I needed to dig deeper into the fundamental structure and interface problems that were present on the Sweathouz website. User flows and Site maps showed me that the information on Sweathouz was not well divided. The color palette was too vast, and over-sized images encapsulated a lot of white space which made the pages look cluttered. The following images show the original Sweathouz screens.

Design Tasks

· Redesign CTAs and buttons to make them uniform and easy to understand.

· Re-evaluate and design the Sweathouz Navigation menu - make verbiage clearer and create more navigation options as well as remove others.

· Clarify benefits page - Add more detail about services offered, use color imagery but reduce clutter and make page easier to read and understand.

· Join now/ Log in – allow users to complete this step earlier to improve location and checkout process.

· Improve access to packages & memberships and clarify the difference.

Sweathouz User Flow

Before I moved on to my low fidelity sketches, I first needed to identify the general user flow for navigating the Sweathouz website. The greatest discovery I made was that although there were many pages on the website, most of them ultimately ended abruptly and it was difficult for the user to flow efficiently to another part of the website.

Exploring Design Solutions

After I identified the various user frustrations and task flow issues, I began exploring design solutions. I chose to sketch for both desktop and mobile simultaneously to be sure that I was moving in a direction which would optimize both experiences.

Bringing the Screens to Life

When it finally came time to design my hi-fidelity screens I focused on maintaining the Sweathouz Brand and identity. I consolidated the color palette, leaving myself the ability to work with a vivid color story that captured the energy of Sweathouz, and I chose a sans-serif font “Poppins” that was easy to read yet modern. I carried over some of the original UI elements and iterated on many others, but now the UX and UI of Sweathouz work harmoniously.