ROLE

Lead UX Designer at MINDBODY

As the first UX designer hired at MindBody, it was my job to lead the redesign of a 10-year-old, outdated sytem with many UX issues.

MINDBODY Inc. is the market leader in health and wellness business management software. MINDBODY went public in June 2015.

I led the design strategy and execution
on various parts of these MINDBODY products

MINDBODY

The business web app, which processed over $5.1 billion in payments in 2015

Class Check-in Kiosk

The popular time-saving iPad app

MINDBODY App

The award-winning consumer iOS and Android app named Apple’s “Best New Apps” for 2016

MINDBODY Business App

The award-winning business-facing iOS & Android apps

In 2015, the above products served a combined total of

51,000 BUSINESSES IN
OVER 130 COUNTRIES /
28+ MILLION CONSUMERS

Generating Over

$100+ M

Revenue for 2015

45%

year over year increase

SELECTED WORK SUMMARY

MINDBODY App Redesign

The go-to app for yoga, massage, group fitness, barre and more.
This app helps people find, book, review, and recommend the health and wellness activities in their neighborhood and around the world.

My Role

On this redsign project I was the lead UX designer and primary contributor for: explore & browse screens, map view, location & filtering workflows, appointment booking workflow, appointment details screen and my info screens.
I provided significant UX and visual design contributions to multiple other screens and workflows including: the business details screen, class details screen, event details, and deals near me workflow.  

Mentor and manager to multiple team members. I worked closely with the Director of Product Management (Consumer) and SVP of UX.

User Experience Improvements

This redesign addressed UX search issues we discovered in usability testing, and gave users a more-streamlined, quick-booking work flow. We also elevated the prominence of intro offers. Resulting in:
74%
Increase YOY in Searches
91%
Increase YOY Bookings

Business Results

141%
Increase YOY in Purchases
50%
Of people who bought an intro offer becoming full-paying clients
MINDBODY

Business App Redesign

The Business App allows users to manage their appointment schedule, their class rosters, look up client information, and track sales.

My Role

Lead UX and visual designer and a primary contributor for entire product.

User-Experience Improvements

We gave users a new schedule view, and streamlined the process for editing appointment availability. After taking over the design leadership of this app in 2014, the app jumped from being a 2.8 star app to a 3.9 star app.

Business Results

Significant increase in Engagement (measured YOY)
Steady increase in adoption since release (among both staff and business owners)

Wireframes & Visual Design

Below, are two design flows from the MindBody Business app. The first design is an Android wireframe I created after the new Material design visual language was announced (in 2014). This wireframe shows how the app's date picker works. The second design is an iOS visual design exploration of the appointment booking work flow. I created this exploration when we were exploring ideas for our new business facing design library 

MINDBODY

Class Check-in

The rush to sign clients in before class can be overwhelming for front desk staff.  This app allows students to quickly sign themselves in.

My Role

Sole UX and visual designer for entire product

Results

Large percentage of studios adopted the iPad app in the first 3 months of release
Extremely low attrition among studios
MINDBODY

Core Web App Redesigns

The business web app that runs over 50,000 front desks for salons, yoga studios, fitness studios and wellness practices.

My Role

Led multiple redesign projects. Including: Point-of-Sale, Appointment Schedule, and First Time Use.

Results

Appointment tab redesign was a core driver for significant increase in new salon businesses sales (measured YOY).
Significant decrease in site setup time
MindBody's revenue doubled every 2 years since 2012.
MINDBODY

Design Library

Throughout my career at MindBody, I created multiple design libraries, initially based on Brad Frost’s atomic design. Eventually, I began basing the new libraries on Google’s Material Design approach. In 2015 and 2016, I collaborated with our visual designers to create our most comprehensive library to date, called Radiance.

Results

A comprehensive component-based design library that allowed us to create a cohesive design and brand across our consumer products. This library later served as the foundation for our business products design library MB 2020.
View both libraries here.
View Case Studies
Want to know more about my process? View an overview here or take a look at one of the three projects I documented as a case study.