Return
Wodify
Web Product
Wodify (wad-if-eye) is an all-in-one client retention platform for the fitness industry. From CrossFit, Yoga, Brazilian Jui Jitsiu, and MMA, businesses use Wodify to schedule classes, manage memberships, payments, payroll, and communicate with gym patrons, all in one platform.
Move Fast and Fix Things
Wodify is a small start up with limited resources. Many features and design files had changed hands multiple times by the time I worked on them. I was tasked with creating a consistent structure across the product while implementing best practices in the design library and component creation under short timelines.
CUSTOM MEMBERSHIPS
GLOBAL NAV
CONSUMER PROFILE
Who’s membership is it anyway?
Jumping into my first project at Wodify, I was tasked with revamping the "Custom Memberships" and pricing flows. The feature allowed gym employees to modify the access and pricing of existing membership offerings.

I studied the language that was used, the context the words lived and how it all fit together.
Memberships
An umbrella term for different membership types, (ex. Class Packs, Class Plans, and Appointments.
Class Packs
Membership access is limited based on usage. (ex. Expires after 10 classes.)
Class Plans
Membership access is limited by time and usage. These can be configured to have unlimited access to classes. (ex. 12 Classes per Month, or Unlimited classes per Month)
Appointments
Distinct from “Classes”, appointments are based on services provide by the business and sold by the session. (ex. 10 1-on-1 Training Sessions, One Hour)”
Programs
Programs are groups of classes that memberships can have access to. (ex. Program “BJJ” Includes White Belt Only, No-Gi Class, Gi Class, and Open Mat.)
“Initial” Commitment
Members can commit to duration and pay in intervals. (ex. One year initial commitment, paid monthly).
“Renewal” Commitment
Once the ‘Initial Commitment’ has ended, memberships can be configured to auto-renew with different billing cycles and prices than the initial commitment. (ex. Initial commitment: 6 months paid Monthly at $40/ Renewal Commitment: One Month, paid on the first of the month at $30).
Breaking it Down
Understanding what the terms meant and how parts of the product interacted with each other allowed me to break down the flow of creating "Custom Memberships", even if the flow itself was confusing.
Pain Points and Room for Improvement
  • Users reported confusion around the order of information.
  • Users didn’t feel confident that what they entered was going to have the desired output at the end of the flow.
  • Users are clicking between steps to make sure information is accurate.
  • Information not grouped with similar information.
  • Order of steps and individual pages did not fit user's mental model.
  • Pricing Information was split between two steps
  • Users needed to scan high level information about the membership.
New Flow
Each step should have its own logical start and end point before moving to the next step.

Each input field should have a causal relationship to the next, and should guide users.
‍
With this in mind, I consolidated the information so that there are only 3 actions to take in this flow:
  • Edit Membership Access.
  • Edit Pricing and Discounts.
  • Sign the Contract.
Old Membership Page
The first page of the original flow was a set of stacked lists for each membership type. These lists were usually long and made finding specific memberships a frustrating task. Once users found the membership, the information to customize the its’ parameters was still not the immediate next step.
New Membership Page
First things first, the start date should be the first action in the flow. From there, I grouped all the information about memberships and its parameters into one step. I put the lists behind tabs and added pagination after 10 listings.
People are using the custom memberships
flow, without customizing anything just to see the new receipt components.

Users reported low confidence that their actions were going to result in the desired outcome. Even if the information was grouped together appropriately, other variables like start date, proration, taxes, and fees that affected the bottom line cost of someone’s membership and users wanted to see the math.
Real Time Updates
I implemented a new summary receipt feature that calculated costs based on the user’s inputs in real time. Being able to trust the math and see their actions reflected in real time boosted confidence in the product as a whole.
New Global Behavior
Users started using the custom membership flow instead of the "quick" add flow, solely for this feature since the steps leading up to it were simple enough to breeze through.

This component was so successful that we integrated it into the rest of the platform.
Conclusions
After the launch of the new features these new components received glowing feedback from users, increased usage by ~80%. Users were using this "longer" flow because it was simple enough to breeze through just to see the new receipt components.
Users need a shortcut to their most commonly used actions and pages.
Wodify as a software had grown to encompass a huge suite of features since it first started. What began as a simple side nav had grown to something unwieldly with a steep learning curve. We needed a faster way to navigate the entire product create new short cuts for commonly used actions.
Research
Gyms have their own habits and ways of doing things and they're not the same gym to gym. Customization was a key requirement, as well as linking out of the Wodify environment to other tools business frequently use.
I researched a feature called the "Workout Builder", which is a tool that lets trainers drag and drop workout components into a daily schedule. I found that users would create daily workouts weeks or months in advanced on a spreadsheet then copy it over into the "Workout Builder".

Many gyms keep an active online presence for advertising and keeping in touch with members who follow them. Linking out to social media is something a lot of gyms requested and paired well with the built in "mass-emails" feature.
A lot of trainers will build their
workouts in a spreadsheet, usually google, and copy them over into our workout builder.
Part of our general customer
retention advice is to communicate with the patrons and to have an active presence online.
Feature utilization and adoption
Since users had their own unique patterns, feature adoption was always a question top of mind. Some features were under-utilized simply because people didn't know about them, others just weren’t as useful to some users as they were to others.
While some features had wider use than others, some users routinely depended on features that had less adoption. This meant that while we could make default actions in the navigation, I would be more useful for people to chose their own based on a list of actively used features.
Integrating Search and Short Cuts
The original search feature was hidden away in the side bar nav and only searched people in the system. In the new navigation, I pushed for a global search that showed navigation, actions, as well as people in the results.
Action Menus
The actions we wanted to elevate were often buried in the side nav or hidden behind tabs. I didn’t want users to leave their current page or spend time finding the action they were looking for. I implement slide out “action” menus to short cut navigating to the page they lived on.
Overhaul of the Consumer Facing Experience
The company was shutting down one of its apps, “Kiosk”, and repurposing the features into a brand new area of an existing "Online Sales Experience". I was tasked with stripping out features and bringing them over to the new "Online Sales Experience".
OLD “KIOSK” MENU
NEW “ONLINES SALES” TABS
Consolidating Pages
A lot of pages didn’t need to be separated if they were organized efficiently. For instance “Other Information”, “My Profile”, and “Payment Info” could all be consolidated under a new “Account Tab”. These groups of information, I found, were all considered high level account information that users expected to see in the same place.
before
After
Bringing New Functionality
Attendance is one of the few metrics that all fitness businesses track and gym patrons are universally interested in. Highlighting attendance streaks, tracking total appointments and class attendance, “gamified” their engagement with the business and encouraged retention.

The previous "Kiosk" app only showed a list of past classes with basic filters. Users needed to see upcoming classes and reschedule or cancel them. The new cards I designed for upcoming classes showed high level information about the class and gave ability to cancel or reschedule.
before
After
Making Old Features, Useable.
The previous iteration of of the class calendar had a lot of functionality that wasn't intuitive to find. Allowing users to easily see information about classes and book those classes meant creating affordances that users understood. In this case, using new buttons from the design system and informative language that was readily available.
before
After
Combining Similar Information and Actions
Some pages only had simple tables. The context of information and quantity of rows meant that it made more sense to combine the tables together on a single page. Users rarely had more than two memberships and they only needed to see the last 5-7 invoices, with pagination to search back farther.
before
After
coming soon

Work

Medical Financing Company
Web Product
Revamped design and feature expansion for the client's public facing product. Aimed at their consumers and partnering care providers with mobile optimization.