Learn it. Play it. Do it. — Design mockups

Reference

🗺️
Journey Map
How users move between pages · 6 flows across consumer, parent, and provider
›
🔑
Log In
Shared login page · Parent and Provider tabs · returning user entry point
›

Consumer discovery

🏠
Homepage
Hero search · category browse · featured activities · provider CTA
›
🔍
Search & Filter
Results grid · sidebar filters · age, day, price, distance, format
›
🏀
Activity Detail
Schedule, location, provider info, enroll CTA
›

Parent / Guardian

👋
Parent / Guardian Sign Up
2-step onboarding · account creation · kid profile & interests
›
👤
Parent / Guardian Profile
Saved programs · kid profiles · notification preferences
›

Provider

🏢
Provider Landing
Value prop · provider types · features · claim or add CTA
›
🛡️
Provider Listing Claim
Confirm existing listing · SMS verify · instant dashboard access
›
➕
Provider Onboarding
New org wizard · account, org, first program · staff review
›
⚙️
Provider Dashboard
Profile completeness · listing status · pending / approved states
›
📋
Provider Program Editor
Schedule, age, pricing, skill level, format, photos, enrollment link
›
🏢
Provider Profile (public)
All programs · filter sidebar · tile / list toggle · contact details
›
Classable · Queens, NY pilot · mockups updated continuously