UX | UI Case Study  – Chelsea Piers App

Client—Chelsea Piers App
Agency—Class work concept
Role—UX Designer

About

Chelsea Piers App helps users explore and register for sports classes, drop-in activities and view fitness class schedules. The goal was to update the outdated UI and simplify the sign-up for classes flow by allowing for a personalized feed

Problem

Users have trouble signing for classes. Noted that the app is buggy, “pointless” and uncomfortable to use. Users also commented on the outdated UI.

Process

The Design Thinking process was used for this project. It is effective in finding real problems so that we could focus on seamlessly useful solutions.

View Full Research

Solution

As Chelsea Piers has an overwhelming amount of activities and events to attend. The solution would be for each user to have their own curated feeds by personalizing their account during onboarding. In addition, will also create a seamless, intuitive way to sign up for a class/event. Lastly, update the outdated UI.

Update UI
Personalized feed via onboarding
Easy class sign up

Update UI

One of the pain points was the UI, the task was to update the visual design of the app. Chose a more open and welcoming font to replace the previously condensed typeface. Kept the same color of the existing logo and accompanying tones. Additionally, adding a shade of yellow as an accent.

Personalized feed

In order to create a personalize experienced, the user is presented with a series of questions to be able to curate events activities that the user is more into.

Onboarding
Here the user creates an account with the app by selecting activities that are of interest.

Sign-up for class

This feature allows the user to seamlessly sign up for a class based on a curated feed created based off the onboarding.

Activity view
This view allows the user to view a curated list of activities they can browse. Once a user finds activity they’re interested in, then they can select which time they want to participate.

Calendar View
This view is for users that are more interested in searching for an activity that best suit their schedule. This view lists activities in order of time.

Calendar reminder
Once the user signs up for a class, a calendar reminder will live in the first position of their feed.

Final Thoughts

I found that early prototyping helped imagine how things would move/transition and through that exercise I was able to identify other hiccups that went unnoticed in a static comp. The onboarding process was really interesting. Thinking about how to engage the user before they are even in the app itself. Giving them the option to be able to use the app to its fullest potential by personalization and guiding them easily through it step by step but also always giving them a way out or the option to skip.

Other Work

Chelsea Piers App
Verizon Redesign
Verizon Visa Card