09 / 2025 / Mobile / Platform
Liora Match Platform
The product needed to handle different user roles, teaching formats, and pricing models across web, mobile, and backend services.
Client
Context and business domain
00 / Design System
Palette Logic
Mobile / Platform
09
2025
Typography
Inter
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789
Layout Grid
12-column responsive index structure.
Deep Slate
#0D1B1E
Graphite
#3D3D3D
Clear White
#F8F8F8
Soft Signal
#C9FBC6
Connected System
Full-Stack Product System connects the visual language, interaction rhythm, and evidence structure for this case study.
01 / Challenge
The Challenge
The product needed to handle different user roles, teaching formats, and pricing models across web, mobile, and backend services.
02 / Methodology
Methodology / Experiment
- 01
Role Architecture
Mapped separate workflows for students, teachers, and superadmins across mobile and web surfaces.
3 role groups90% - 02
Learning Commerce
Modeled online courses, private tutoring, public lessons, assignments, bookings, and payments in one platform.
EdTech model88% - 03
Service Layer
Organized NestJS, Prisma, MySQL, Redis, Firebase, Socket.io, and Midtrans into a deployable platform stack.
Full stack86%
03 / Solution
The Solution
Mobile Learning Experience
The mobile UI supports discovery, profile setup, lesson matching, progress, messaging, and student flows.
Backend and Admin System
The platform includes REST APIs, real-time messaging, Firebase authentication, Midtrans payment, and admin management.
Open backend/admin04 / Impact
Impact & Metrics
15+
Data Models
The README describes user, class, booking, session, transaction, message, and notification models.
03
Client Layers
The architecture covers mobile app, admin panel, and landing website.
Pay
Payment Flow
Midtrans support is included for the learning commerce layer.