About Client

Fitness franchise company with over 8,300 franchisees worldwide in 32 countries.

Project

Improve the experience for customers who are searching for locations on corporate website.

Role

UX/UI Designer

Project Goals

• Improve visibility of classes and instructors

• Modernize look and feel of search and location pages

• Invite the consumer to the in-class experience

My Design Process

Understand the Current experience

First I wanted to know the path the user takes to search a location and see what they see. So I created a screen flow of the current UI to examine and audit the experience.

Research

Client provided research data to review, outlining customer base and company goals.

Doing competitive analysis of other sites and evaluating the user journey.

Mapping

Created a map of the entire website to understand the how the webpages are linked, and to see if there any potential impacts the updated designs may have on related pages.

Meeting with internal stakeholders

Getting feedback from sales and marketing leads on business goals and identified problems.

What are the Problems to solve?

Map Page

• Location search experience is outdated

• Available screen space is under utilized

• Page is not responsive to smaller screen sizes

Location Page

• Lack of details provided for location or instructors

• Membership options have little visibility

• Available screen space is under utilized

• Page is not responsive to smaller screen sizes

Design

Exploring different layouts

Came up with multiple concepts to explore content layout. In these there is focus on emphasizing several information hierarchies such as Map, location details, and search results.

Location page layouts that focus on heirarchy of location details, membership options, and schedule.

Wireframes

Responsive Design

Hi-Fidelity Mockups

Outcome

Over the course of 8 weeks, updated versions of the Location Search and Landing page were designed. Final deliverables included PSD files, screen flows, and wireframes. The client is currently implementing these designs.

Throughout the project, a lot of ideas were considered for exploration, but due to strict time restraints, a design direction had to be quickly narrowed down. Thanks to a fast feedback loops and plenty of iterations the design met the project goals and business objectives.