Fastpitch Power+ App

How can we mobilize a virtual softball training platform for use anytime anywhere?

Fastpitch Power has been a leading authority on windmill pitching technique for fastpitch softball since 2012. After years of providing free instructional resources via their blog and popular YouTube channel, in 2020 they launched Fastpitch Power+: a subscription-based virtual training platform featuring a curated library of hundreds of targeted training videos, quick-reference documents, and a video submission option for receiving analysis and advice from an expert coach. The aim of this project was to design a mobile app as a companion to the web-based platform.

COMPANY:
Fastpitch Power, Inc.

ROLE:
Product Owner, UX & UI Designer

TEAM:
2 Content Creators
1 Engineer

YEAR:
2021

Progress:

The Challenge

While reaction to the launch of Fastpitch Power+ was overall positive, member feedback indicated that the web platform, while responsive, was frustrating to use on a phone. The video analysis method employed at the launch of the web MVP—texting and/or emailing directly with one particular Fastpitch Power coach—was also not conducive to member growth. We set out to design a cross-platform mobile experience focused on:

  • Mobile-first information architecture to make all Fastpitch Power+ content more easily accessible
  • A well-organized video library with a "save to favorites" feature
  • A native video analysis solution that includes submission, commenting, and saving of coach responses

How can we elevate the design and usability of the Fastpitch Power+ interface to meet the stellar reputation of the program's content?

Research

Research Goals

Fastpitch Power has a uniquely complex audience, where the beneficiary of the product is the student—typically, with very few exceptions, a girl between 8 and 18—but the purchaser is her parent or coach. With that in mind, we sought to answer the following questions:

1

Who is the primary Fastpitch Power+ user?

2

When and where is the typical user accessing the Fastpitch Power+ content?

3

How is the typical user utilizing the content?

4

What are the pain points of the current Fastpitch Power+ mobile experience?

User Interviews

Upon discussion with the stakeholders, we determined that we'd gain the strongest insights on our research questions by recruiting and interviewing real Fastpitch Power+ members. Interviews were held via video conference or phone call.

Interview Participants
  1. Matthew: Physical therapist, father of a 15 year old advanced pitcher
  2. Joshua: Recreational softball league organizer/coach, father of a 10 year old beginner pitcher
  3. Aubrey: High school coach, mother of 5 kids and 2 daughters (8 and 10) who pitch
  4. Larry: Veteran pitching coach
  5. Justin: Developer, father of a 12 year old intermediate pitcher
Read Full Interview Report
User Stories

To bring some clarity and organization to the insights gleaned from the user interviews, I summarized the highest priority user stories.

User Persona

I also synthesized the insights from the interviews into a typical user persona for easy visual reference.

Empathy Map

I then further visualized the insights into an empathy map to share with the other stakeholders.

Card Sort

With the intent to reorganize the video library into more intuitive categories, we conducted a card sorting activity on a selection of existing videos and opened it up to all current Fastpitch Power+ members.

HYPOTHESIS
Creating a larger number of more specific, targeted categories might make finding certain videos easier for the user.

RESULT
Agreement was very low, leading us to conclude that fewer, broader categories are easier to understand, and that any videos which can be reasonably placed in multiple categories should appear in all places they are relevant.

Feature Roadmap

After compiling all research and meeting with engineering, I developed a feature roadmap to prioritize the different aspects of the app.

UX Design Process

User Flows

User interviews confirmed that the most commonly used aspects of Fastpitch Power+ are the instructional video library and the video analysis. I first designed a user flow for browsing videos and adding a video to a favorites list for easy reference. I then imagined how a native video analysis feature might function.

Wireframes

I sketched out my concepts via low-fidelity wireframes of every screen of the app, while exploring different home screen and menu options. Prior to creating a low-fi prototype with these wireframes, I presented the various options to a focus group of other designers from my personal network. The consensus was a category-based home screen, and elimination of the hamburger menu, which we all felt was redundant.

Low-Fidelity Prototype

I prepared a low-fidelity prototype for usability testing in order to resolve the UX challenges prior to diving into the UI design. Although the app will be cross-platform, analytics revealed that an overwhelming 71.28% of Fastpitch Power users are iPhone users. To keep the project in scope, I used the iPhone 11 Pro as the basis for the single prototype.

Usability testing

Using the low-fidelity prototype, I conducted a series of usability texts on the app experience. For maximum insight, testers encompassed a wide age range, as well as those both familiar and unfamiliar with Fastpitch Power. Testing was conducted in person where possible, otherwise over video conference.

Test Participants
  1. Jill: 31, Fastpitch Power content creator
  2. Paula: 63, familiar with Fastpitch Power but not a Fastpitch Power+ user
  3. Phil: 69, Fastpitch Power content creator
  4. Kara: 34, unfamiliar with Fastpitch Power
  5. Jenny: 24, unfamiliar with Fastpitch Power
Read Full Test Plan
Test Objectives
  • Test the overall ease of finding/accessing content
  • Test the ease of browsing and saving videos
  • Test the ease of submitting a video analysis
  • Specific insights on account management and lack of hamburger menu
  • Observe points of difficulty/confusion
Test Findings

UI Design

Logo & Branding

I began the UI design process by solidifying the color palette and heuristics of Fastpitch Power+'s existing branding. The existing logo received a very slight face lift to comply with the newly created style guide.

Style Guide
View Full Style Guide & UI Kit
Onboarding
High-Fidelity Prototype

Hand-off

The final prototype received the stamp of approval from all Fastpitch Power stakeholders. We've agreed to partnership terms with a third-party developer and are planning an MVP release in Q1-2 of 2021, with a phased release of all features to follow.

Estimated launch: Spring-Summer 2021

Key Takeaways

Fastpitch Power has been a passion project of mine for almost a decade, and I was so excited to finally have an opportunity to give it some design TLC. In 2020, the phase 1 launch of the Fastpitch Power+ web platform and online clinic series resulted in 1050% profit growth for Fastpitch Power over the course of just half a year. We're projecting even steeper growth with the enhanced scalability we'll be able to achieve through the mobile app.