Sports platform · UI/UX prototype / Project 15
Moza
Sports-community prototype · Discovery, booking, and role-based workspaces
Project focus
A frontend prototype connecting a public sports-discovery experience with parent, coach, venue-owner, and admin portals. The design explores how classes, people, schedules, and operational records fit into one navigation system.
- UI/UX design
- Landing page
- Role-based dashboards
- Booking flows
Watch the project
- Context
- Frontend · UI/UX prototype
- Project status
- Frontend prototype
- Tools & technologies
- Next.js · React · TypeScript · Tailwind CSS · Lucide
01 / The project
The experience
in context.
Moza explores a sports-community platform through a public landing experience and several role-based workspaces. Visitors can browse classes, coach profiles, courts, and tournaments; portal screens organize learning schedules, attendance, bookings, and administration. The local implementation is a UI/UX prototype using mock records, with no production backend or live booking service.
The user flow
- 01Discover a sport or class
- 02Inspect the coach and venue
- 03Explore trial registration or court availability
- 04Enter a role-based workspace
- 05Review schedules and operational records
02 / The making
What went
into it.
An editorial sports identity
Cream surfaces, terracotta and moss accents, serif display type, and Vietnamese-friendly body text create a warm visual hierarchy. Shared tokens connect the landing page, listings, detail pages, and portals.
Discovery that connects the details
Class pages connect a sport with its coach, venue, schedule, and trial-registration form. Coach profiles, court listings, and tournament pages offer separate entry points into the same sports community.
A workspace for each responsibility
Parent screens group learner profiles and weekly schedules; coach screens organize classes and attendance. Venue-owner screens present bookings and revenue summaries, while admin screens cover leads, classes, people, payments, and reports.
Booking states made visible
The court-detail prototype lays out days and hours in an availability grid, distinguishing booked slots and an example selection. These are deterministic sample states, demonstrating the layout rather than accepting a live reservation.