Web Platform
Admin Panel
Telecom

Metablox

This platform allows administrators to oversee user accounts, add new WiFi spots, and manage merchants who have connected their routers to the system. The platform supports various features such as tracking user points, managing rewards, and analyzing WiFi statistics.
My Role
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 platforms. Collaborated cross-functionally to add new features, streamlining user interaction and increasing overall engagement
CONTEXT

Overview

THE TEAM
UX/UI Designer – Me; Backend Developers (3); QA Testers (2); Frontend Developers (2); CEO; Marketing Team (2);
Project Duration
~ 1 Year
TOOLS
Figma, VSCode, WebKit, Google Docs, Jira, Google Analytics, VueJS, Tailwind CSS, Google Meet, Zoom.
CONTEXT

PROBLEM STATEMENT

THE CHALLENGE

ClassManager needed a robust and scalable solution to improve customer management, student registrations, billing, scheduling, and communication for small-to-medium class-based businesses (e.g., dance studios, martial arts schools, gymnastics clubs).

Existing solutions were too expensive, overly complex, or lacked intuitive workflows, making them difficult for non-technical business owners. Users struggled with time-consuming admin tasks, inconsistent design, and limited mobile responsiveness. To solve this, a complete UI/UX overhaul was required – streamlining workflows, enhancing usability, and introducing new features tailored to evolving user needs.

Impact on Users & Business
Research from Small Business Trends shows that nearly 25% of small business owners spend more than 120 hours per year on administrative tasks, reducing time available for core business operations
In ClassManager’s case, user feedback and support tickets indicated that instructors spent 2-3 hours per week managing schedules, invoices, and communications manually.
Hi-Fi Design

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.

Feedback

Customer reviews

A cohesive platform with three integrated AI agents tailored to personal, emotional, and business needs.
Group 2
Group 3
Group 4
Group 5
Group 7
Group 6
Previous
Next
Hi-Fi Design

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%.

Surface Pro 8-min
Surface Pro 8-1-min
Surface Pro 8-2-min
Surface Pro 8-3-min
Surface Pro 8-4-min
Surface Pro 8-5-min
Surface Pro 8-6-min
Surface Pro 8-7-min
Previous
Next

Request a full case study

Want to learn more about this project? Get in touch to request a full case study.
Contact Me

You might also like

A cohesive platform with three integrated AI agents tailored to personal, emotional, and business needs.
Roam

With the Roam mobile app, you can easily connect to Wi-Fi all over the world automatically and without a password! Also with a new function eSIM, you can stay online wherever you are.

View Case Study
Metablox

This web platform allows administrators to oversee user accounts, add new WiFi spots, and manage merchants who have connected their routers to the system. The platform supports various features such as tracking user points, managing rewards, and analyzing WiFi statistics.

View Case Study