E-commerce
Loyalty Basquetbol
Loyalty Basquetbol
Replacing manual enrollment management for a basketball academy with a digital registration platform — simplifying sign-ups for seasonal camps and ongoing classes for parents and their children.
Replacing manual enrollment management for a basketball academy with a digital registration platform — simplifying sign-ups for seasonal camps and ongoing classes for parents and their children.
Year
Year
2025
2025
Role
Role
UI Design · Web Dev
UI Design · Web Dev
Tools
Tools
Figma · Shopify
Figma · Shopify
Audience
Audience
Parents enrolling children in basketball programs
Parents enrolling children in basketball programs
The Problem
Loyalty Basketball offers two types of programs: seasonal camps (intensive multi-week programs) and ongoing academy classes (recurring weekly sessions). Managing enrollments for both manually — via WhatsApp, phone calls, and spreadsheets — had become unmanageable as the program grew.
The goal was to build a platform that allowed parents to discover available programs, enroll their children, and complete payment — without requiring any manual coordination from the Loyalty team. The platform needed to handle two structurally different products (camps with fixed dates, ongoing classes with recurring fees) within a single, coherent experience.
Loyalty Basketball offers two types of programs: seasonal camps (intensive multi-week programs) and ongoing academy classes (recurring weekly sessions). Managing enrollments for both manually — via WhatsApp, phone calls, and spreadsheets — had become unmanageable as the program grew.
The goal was to build a platform that allowed parents to discover available programs, enroll their children, and complete payment — without requiring any manual coordination from the Loyalty team. The platform needed to handle two structurally different products (camps with fixed dates, ongoing classes with recurring fees) within a single, coherent experience.
Loyalty Basketball offers two types of programs: seasonal camps (intensive multi-week programs) and ongoing academy classes (recurring weekly sessions). Managing enrollments for both manually — via WhatsApp, phone calls, and spreadsheets — had become unmanageable as the program grew.
The goal was to build a platform that allowed parents to discover available programs, enroll their children, and complete payment — without requiring any manual coordination from the Loyalty team. The platform needed to handle two structurally different products (camps with fixed dates, ongoing classes with recurring fees) within a single, coherent experience.
My Role
I contributed to both the design and development of the Loyalty Basketball platform as part of the project team. The design work covered the program discovery experience, the enrollment flow for both camps and academy classes, and the payment and confirmation system. I also participated in the development and deployment of the platform. Being involved across both areas allowed me to stay closely aligned with the team during implementation, ensuring the enrollment and payment logic matched the intended user experience.
I contributed to both the design and development of the Loyalty Basketball platform as part of the project team. The design work covered the program discovery experience, the enrollment flow for both camps and academy classes, and the payment and confirmation system. I also participated in the development and deployment of the platform. Being involved across both areas allowed me to stay closely aligned with the team during implementation, ensuring the enrollment and payment logic matched the intended user experience.
I contributed to both the design and development of the Loyalty Basketball platform as part of the project team. The design work covered the program discovery experience, the enrollment flow for both camps and academy classes, and the payment and confirmation system. I also participated in the development and deployment of the platform. Being involved across both areas allowed me to stay closely aligned with the team during implementation, ensuring the enrollment and payment logic matched the intended user experience.
Process
Discovery
Discovery
01
Mapped the existing manual enrollment process to identify where friction occurred and what information parents needed at each step.
Mapped the existing manual enrollment process to identify where friction occurred and what information parents needed at each step.
Product Architecture
Product Architecture
02
Designed the structure for both program types (camps and academy), defining how each would be presented and enrolled into.
Designed the structure for both program types (camps and academy), defining how each would be presented and enrolled into.
UI Design
UI Design
03
Designed the full platform in Figma: homepage, program listing, program detail, enrollment form, and confirmation.
Designed the full platform in Figma: homepage, program listing, program detail, enrollment form, and confirmation.
Development
Development
04
Built and deployed the platform with enrollment logic, payment processing, and automated confirmation emails.
Built and deployed the platform with enrollment logic, payment processing, and automated confirmation emails.
Key Choices
Clear distinction between camps and academy
Clear distinction between camps and academy
The two program types have different commitment levels, pricing structures, and start dates. The design makes this distinction explicit from the program listing level — preventing parents from signing up for the wrong type.
The two program types have different commitment levels, pricing structures, and start dates. The design makes this distinction explicit from the program listing level — preventing parents from signing up for the wrong type.
The two program types have different commitment levels, pricing structures, and start dates. The design makes this distinction explicit from the program listing level — preventing parents from signing up for the wrong type.
Enrollment confirmation as a trust-building moment
Enrollment confirmation as a trust-building moment
The confirmation screen and email were designed to be thorough — repeating all key details (dates, location, what to bring, cancellation policy) — to build confidence in first-time enrollees and reduce inbound questions to the Loyalty team.
The confirmation screen and email were designed to be thorough — repeating all key details (dates, location, what to bring, cancellation policy) — to build confidence in first-time enrollees and reduce inbound questions to the Loyalty team.
The confirmation screen and email were designed to be thorough — repeating all key details (dates, location, what to bring, cancellation policy) — to build confidence in first-time enrollees and reduce inbound questions to the Loyalty team.
Mobile-first design for a parent audience
Mobile-first design for a parent audience
Parents browsing extracurricular programs often do so from their phones during short breaks. The entire enrollment flow was designed mobile-first, with large tap targets, minimal text input, and a checkout process completable in under two minutes.
Parents browsing extracurricular programs often do so from their phones during short breaks. The entire enrollment flow was designed mobile-first, with large tap targets, minimal text input, and a checkout process completable in under two minutes.
Parents browsing extracurricular programs often do so from their phones during short breaks. The entire enrollment flow was designed mobile-first, with large tap targets, minimal text input, and a checkout process completable in under two minutes.
The Result
A fully designed and deployed enrollment platform covering program discovery, detail pages for both camps and academy classes, the enrollment and payment flow, and post-enrollment confirmation — accessible on both web and mobile.
A fully designed and deployed enrollment platform covering program discovery, detail pages for both camps and academy classes, the enrollment and payment flow, and post-enrollment confirmation — accessible on both web and mobile.
A fully designed and deployed enrollment platform covering program discovery, detail pages for both camps and academy classes, the enrollment and payment flow, and post-enrollment confirmation — accessible on both web and mobile.
Outcome
The platform replaced a fully manual process with a self-serve enrollment system, eliminating the coordination overhead that was constraining the program's growth. Parents can now discover, enroll, and pay without any interaction with the Loyalty team.
This project reinforced the importance of designing for the enrollment moment — the point where a parent decides whether to trust the platform enough to pay. Every detail at that step (clear pricing, clear dates, clear cancellation terms) directly impacts conversion.
The platform replaced a fully manual process with a self-serve enrollment system, eliminating the coordination overhead that was constraining the program's growth. Parents can now discover, enroll, and pay without any interaction with the Loyalty team.
This project reinforced the importance of designing for the enrollment moment — the point where a parent decides whether to trust the platform enough to pay. Every detail at that step (clear pricing, clear dates, clear cancellation terms) directly impacts conversion.
The platform replaced a fully manual process with a self-serve enrollment system, eliminating the coordination overhead that was constraining the program's growth. Parents can now discover, enroll, and pay without any interaction with the Loyalty team.
This project reinforced the importance of designing for the enrollment moment — the point where a parent decides whether to trust the platform enough to pay. Every detail at that step (clear pricing, clear dates, clear cancellation terms) directly impacts conversion.