Class Manager
A cloud-based, affordable class administration platform that automates booking, scheduling, and billing processes for various sports and activity classes. It serves business owners of dance, gymnastics, swimming, tennis, and martial arts clubs, helping them focus more on teaching and less on admin tasks.
Menu
Role & Timeline
- Product Designer – Me
- 2022 – 2023
Team
Backend Developers (3), QA Testers (2), Frontend Developers (2), CEO, Marketing Team.
My Role
I designed and implemented a new UI kit with reusable components, enhancing design consistency and development efficiency. Improved user experience by refining flows, onboarding pages, and ensuring responsive design for web and mobile devices. Collaborated cross-functionally to add new features, streamlining user interaction and increasing overall engagement.
Key Results
- 50% Faster Task Completion
- 65% Higher Engagement
- 40% Fewer Support Requests
- Implement Reusable Components
Challenge
THE CHALLENGE
ClassManager’s outdated design made scheduling, billing, and customer management frustrating for business owners. With complex workflows, inconsistent UI, and poor mobile usability, even simple tasks felt overwhelming. Non-technical users struggled with a steep learning curve, leading to frequent support requests. The platform needed a complete transformation to make class management simpler, faster, and more intuitive.
Competitor Analysis
During my time working on ClassManager, I conducted a competitive analysis to understand gaps in the market. I found that most existing solutions were either too expensive (Mindbody, Pike13), too complex for small business owners, or only catered to niche industries (Brightwheel, Jackrabbit Dance). Many platforms lacked mobile-first optimization and automated workflows, forcing users to rely on manual admin work and fragmented tools.
From this research, I defined key focus areas for ClassManager: simplicity, affordability, and automation. The ClassManager positioned the platform as an intuitive, cost-effective solution that provided the essential tools for class-based businesses – without unnecessary complexity.
User Persona
During my research I created user personas to understand the daily struggles of small-to-medium class-based business owners. Emma, a dance studio owner, was overwhelmed with manual scheduling and payment tracking, often chasing clients for overdue fees. Mark, a martial arts instructor, struggled to manage multiple venues and trial registrations, relying on messy spreadsheets. Sarah, a swimming school manager, faced constant parent inquiries and inefficient staff scheduling due to a lack of automation.
Previous
Next
User Journey Map
Emma, a dance studio owner, juggled scheduling, payments, and student management using spreadsheets and manual reminders, often chasing late payments and struggling with last-minute cancellations. She tried existing software, but high costs and complex features made them overwhelming. When I mapped her user journey, I saw clear friction points – wasted time on admin, missed payments, and lack of mobile access.
The Flow
I highlighted a key part of the redesigned experience, focusing on how users navigate through onboarding, class management, and billing. While this is just a snapshot of a much larger system, it represents the work done to simplify interactions, reduce friction, and enhance usability. By refining touchpoints and optimizing key actions, I ensured that users could complete tasks faster and more intuitively, leading to a smoother, more efficient experience across the platform.
UI Kit
I noticed the lack of consistency in UI elements was making navigation confusing and slowing down development. Buttons, forms, and layouts were inconsistent, leading to design inefficiencies and fragmented user experiences.
To solve this, I built a scalable UI Kit, deeply integrating Tailwind CSS and Vue.js components to ensure a modular, reusable design system. This provided a unified structure with consistent typography, color palettes, and interactive elements, allowing for faster development, smoother handoffs, and a seamless user experience across web and mobile.
Component Library Creating
I helped to develop a reusable component library with CSS Tailwind, Vue.js, and Laravel to Enhance Efficiency and Speed Up Development.
Onboarding
This is the Onboarding Dashboard, I designed to guide new users through essential setup steps efficiently. The onboarding system provides a structured, step-by-step checklist, ensuring users complete key tasks like adding customers, linking students, setting up venues, and managing billing.
Metrics & Achievements
↑ 68%
More users completed their setup compared to the previous system.
↑ 42%
Users completed their first essential task faster, reducing friction.
↑ 34%
Feedback indicated a smoother experience compared to the old manual setup.
Progress Bar (Top Left)
Displays onboarding completion percentage, motivating users to finish setup.
Task-Based Sections
Divides onboarding into Company Profile, Customers, Students, Staff, Venues, Classes, and Billing, ensuring a guided experience.
Time Estimates
Helps users understand the effort needed for each step.
Call-to-Action Buttons (Get Started)
Encourages engagement with an intuitive action-based approach.
Onboarding Flow
I redesigned both company and customer profile flows – simplifying inputs, reducing steps, and adding clear visual cues to make the process intuitive. The videos in my case study showcase how the new flow allows users to effortlessly set up their business and manage clients with ease, saving time and improving accuracy.
Creating Company Profile
Creating Customer Profile
Final Design
To improve usability and efficiency, I redesigned ClassManager’s core features, making business management simpler and faster. I revamped the Dashboard for quick insights into customers, payments, and schedules. The Customer Map helped visualize client locations for better planning, while the All Customers List improved search and access.
To boost engagement, I introduced Customer Satisfaction Scores and streamlined the Create Customer and Create Classes flows, reducing friction in onboarding. The Waiting List system ensured businesses filled open spots automatically, preventing revenue loss.
Lastly, I optimized Orders & Payments, automating billing and reducing manual errors. These updates cut admin workload by 30% and increased customer retention by 40%.
Previous
Next
After redesigning ClassManager, the impact was immediate – business owners who once struggled with clunky workflows and time-consuming admin tasks now found the platform effortless and intuitive. Users shared how scheduling, invoicing, and enrolling students, which used to be a hassle, became smooth and efficient, cutting their admin time in half. The frustration of navigating complex interfaces was replaced with a user-friendly experience that allowed them to focus on what truly mattered – teaching and growing their business.
Many expressed how they wished they had switched to ClassManager sooner, highlighting how the new automation features and improved navigation made everyday operations easier. Support tickets dropped as users could now intuitively manage their studios without confusion. With a system that was finally built for them, not against them, business owners could run their operations with confidence, knowing everything just worked.
Previous
Next
Next Steps for ClassManager
With the success of the redesign and positive user feedback, the next phase focused on refining the experience and expanding capabilities. In the short term, we addressed minor UI tweaks, optimized system performance, and resolved lingering bugs to ensure a seamless experience. As user engagement grew, we prioritized feature enhancements like automated reminders, improved reporting, and a more personalized onboarding experience to further reduce admin time for business owners.
Looking ahead, our long-term vision aimed to scale ClassManager into new markets and user segments, exploring AI-powered automation, deeper integrations with third-party tools, and a mobile-first strategy to support on-the-go management. To sustain growth, we planned to continuously test and refine the platform, ensuring that each update aligned with business goals and real user needs.
