top of page
FITNESS CLUB

WEBSITE REDESIGN

MEMBER SYSTEMS UPDATE

CIRCA: 2018

ROLE

User Experience Architect

Lead UX Designer

DESIGN STATEMENT

New branding. New backend systems. New guest experiences facility wide. I led every creative and workflow aspect of this ambitious redesign project

PLATFORM

responsive.png

DISCOVERY

PERSONAS

When I first joined the engagement, my first priority was to understand the myriad of different types of visitors to the club's website and facilities. 

 

While I wasn't given direct access to users, I worked closely with heads of each department to understand the nuances of their customers . 

​

The results of the research led to the creation of three unique personas which were a consistent reference touchstone throughout the project.

PERSONA

INFORMATION ARCHITECTURE

SITE MAP

Early in the project, I facilitated card-sorting exercises to organize and prioritize the site. Following these meetings, I put together this site map using mind-mapping software.

​

It was delivered to the executives and primary stakeholders. Throughout the initiative, this site map was frequently referred to as a production checklist.

cardSorting.png

Original card-sorting exercise informed the final site map

SITE MAP

INFORMATION ARCHITECTURE

WIREFRAMES

The creation of rough, simple wireframes, such as this, assisted in conveying content hierarchy and text weighting.

WIRFRAMES

USER EXPERIENCE

RESPONSIVE DESIGN

Using a mobile-first approach, I designed each resolution simultaneously. As each element was added, I ensured it scaled well regardless of the size of the screen.

RESPONSIVE

INTERACTION DESIGN

PROTOTYPING

During the course of this engagement, I created dozens of prototypes. Designed in Sketch and "wired-up" in Invision, these high-fidelity visualizations demonstrated a user's journey through the experience. 

​

Using these prototypes, we were able to finalize the workflow before the first line of code was written.

Screen Shot 2019-01-14 at 10.22.44 AM.pn
Prototyping

INTERACTION DESIGN

CLASS EXPLORER

I devised this method to present the client's full fitness class schedule to members and non-members alike.

​

Once filtering the catalog, members, could reserve on the spot. 

​

This type of member self-servicing was absent prior to my conception of this concept.

Class Explorer
bottom of page