Case Study — Product Design & Development

VANTAGE
TENNIS

Turning a coach's scattered workflow into a scalable coaching platform.

Role
Solo Designer + Builder
Timeline
3–4 Months
Platform
iOS & Android
Built With
FlutterFlow, Firebase, RevenueCat
Forehand video analysis screen with coach's note
Scrollable training video library feed
Direct messaging thread with a coach

01 — OverviewWhat Vantage Tennis Is

Vantage Tennis started as a favor for my former competitive tennis coach: her best coaching moments were getting lost across Instagram DMs, email threads, and YouTube comments. I built her a single subscription platform where players get premium training content, message her directly, and submit video for personalized analysis.

I designed and built the entire product solo: research, UX/UI, FlutterFlow development, Firebase backend, subscription payments, and launch on both app stores.

02 — ProcessFrom Research to Launch

Here's how the project actually came together, six stages from early research through a live launch on both app stores.

01Discovery

Coach Interviews

I ran a series of conversations with my coach to understand her current process end to end. Three things came out of these conversations that shaped the entire product:

Key Discoveries
01

Her coaching content already had real premium-level demand, but it wasn't packaged to capture it.

02

Player questions and requests were scattered across so many different channels that things got overlooked.

03

Requesting and submitting video for analysis was scattered across tools, and consolidating it into one flow opened the door to ongoing feedback, not just one-off reviews.

Competitive Analysis

I studied Intuitive Tennis, an existing paywalled coaching app, examining its user flows and usability to see where I could differentiate, particularly around direct coach access and structured video feedback.

My Own Domain Expertise

I've competed since age nine, and brought that firsthand experience of working with a remote coach directly into the design process.

one app for ALL my tennis learning

new premium content, every week

gotta condense this workflow

Intuitive Tennis app, competitive reference
Intuitive Tennis — competitive analysis
Serving during a competitive match at Penn State
15+ years on court
02Problem Definition

My coach didn't have a product problem so much as a business problem hiding in plain sight. She had real expertise and a growing base of players who wanted access to it, but no way to deliver that expertise at scale.

Coming out of research, three goals defined what the product needed to do:

GOAL 01

Global Connection

Connect players anywhere in the world with Vantage Tennis coaches, so they can get personalized tips and guidance no matter their location.

GOAL 02

Structured Feedback

Create a structured way for players to submit video and receive personalized feedback.

GOAL 03

One Platform

Consolidate the coach's workflow, content, messaging, and analysis, into a single platform.

How might weHelp a coach deliver personalized, premium coaching to players anywhere in the world, at any hour and on any device, without losing the one-on-one connection and trust that makes in-person coaching valuable in the first place?
03Concept Exploration

Before opening Figma, I sketched every core screen by hand, working through layout options for the video feed, messaging, and the video analysis flow. Early passes explored a few different approaches: a single scrolling feed versus a categorized one, a lock-icon treatment for gated content versus hiding it outright, and where video analysis submission and status tracking should live in the navigation. Sketching it out first let me test the full navigation structure end to end before committing anything to high-fidelity design.

04Design & Build

Brand Identity

Before opening Figma, I pulled together a small brand foundation from what the coach already had: her existing logo and a five-color palette taken directly from her website and social presence.

Rather than inventing a new visual identity from scratch, the goal was for the app to feel like an obvious extension of a business her players already knew and trusted. These same five colors carried through into every screen of the app, and into this case study itself.

UX/UI Design

User Flows

Mapping the full journey, not just the screens. I traced each core flow end-to-end, catching edge cases and error states before writing a line of code. Click any diagram to open it fullscreen.

1. New User Onboarding
New user onboarding flow diagram
2. Video Analysis Submission
Video analysis submission flow diagram
3. Paywall & Premium Upgrade
Paywall and premium upgrade flow diagram

Sketches to Figma Wireframes

Every core screen started as a hand sketch before I opened Figma. Sketching first let me work through layout and navigation quickly, without getting attached to any particular visual treatment too early. This is genuinely my favorite part of building products: watching a rough sketch turn into something real. Scroll to this section and each sketch will fade into its finished Figma design.

Finished Figma design of the video feed Hand sketch of the video feed
Video Feed
Finished Figma design of messaging Hand sketch of messaging
Messages
Finished Figma design of the video player Hand sketch of the video player
Video Player
Finished Figma design of the profile screen Hand sketch of the profile screen
Profile
Finished Figma design of video analysis submission Hand sketch of video analysis submission
Video Analysis

Backend & Development

With the designs finalized, I built the entire product myself, integrating three core technologies that worked together to power the full experience for both players and coaches.

Built the Experience
FlutterFlow

Developed the application's interface, navigation, and interactive features across iOS and Android.

Powered the Data
Firebase

Managed authentication, cloud data, messaging, and application state throughout the app.

Enabled the Business Model
RevenueCat

Managed subscriptions and unlocked premium access across the Apple App Store and Google Play.

05Testing / Validation

Before releasing publicly, I tested the app thoroughly using Apple TestFlight for iOS and Google Play testing for Android. In hindsight, this is the one place I'd change my process: testing earlier would have caught issues before they were built into the foundation (more in Challenges & Reflection).

What I Validated

User Experience

Tested whether players could easily navigate the app, access training content, and understand the available features.

Core Functionality

Verified authentication, RevenueCat subscription payments, messaging, and video analysis submission all worked correctly.

Platform Readiness

Tested app performance and functionality across iOS and Android before submitting for public release.

06Launch

I implemented the subscription tiers Vantage Tennis provided and submitted the app to both the App Store and Google Play. After a more iterative submission process than expected, Vantage Tennis officially launched on both platforms!

Vantage Tennis live on the Google Play Store
03 — Key Features

App Features

Feature 01

Premium Video Content Feed

Problem: Her best content sat on YouTube for free, capturing none of its value.

Solution: A tiered feed, three free sample videos, full library for subscribers.

Why it matters: Turned her content library into an actual revenue stream while still proving quality upfront.

Feature 02

Direct Coach Messaging

Problem: Player questions were scattered across DMs, comments, and email.

Solution: An in-app messaging system for Basic and Premium subscribers.

Why it matters: One inbox for the coach, one clear place for players to ask.

Feature 03

Video Analysis Submission

Problem: The most valuable offering ran through email, where submissions got lost.

Solution: A dedicated flow to upload, track status, and receive tailored feedback.

Why it matters: Turned an informal favor into a structured, visible product offering.

Saved videos list showing bookmarked training content
Profile screen with account and subscription management

Saved Videos & Profile

Saved Videos: bookmark training content to revisit anytime.

Profile: manage account, subscription, and settings in one place.

04 — ChallengesWhat Actually Got in the Way

Video Upload Performance

Larger uploads on the coach's end were slow, sometimes failing outright.

Store Review Cycles

Approval took several resubmission rounds, the most unpredictable part of the timeline.

FlutterFlow's Limits

A low-code platform meant working around constraints a custom codebase wouldn't have.

Scope & Time

Every role, design to deployment, fell on one person, so I prioritized ruthlessly and leaned into the skills that mattered most for getting it live.

05 — ReflectionLooking Back

What Worked

Every planned feature functional end to end, from login through payments to coach-side review, as a single builder.

What I'd Improve

Tighter stakeholder communication throughout the build, more upfront research into store submission requirements, and usability testing brought in earlier, before the product was fully built.

What I Learned

This project ran the full lifecycle of a real product: idea to requirements, requirements to design, design to a working front end and backend, and a working app to two live store listings with real payments running through it. Designing a feature is one thing. Being responsible for whether it works, ships, and gets paid for is another.

Built to Ship, Not Just to Show

Let's make something cool.

Expanded flow diagram