Case Study Breakdown • Case 02
Figma Specs

Dekma LMS — Tuition Management & Learning Platform

Custom tuition operations and learning platform uniting student video lessons, study packs, fast QR/barcode gate attendance, and monthly fee tracking.

Product CategoryWeb Applications & Software
Target PlatformMulti-Role Web Platform & Mobile Gate Terminal
Delivery Velocity8-Week Sprint
Technology Stack
Next.jsReact NativeSupabaseCloudflareTailwind CSS
Shipped Architecture & Core Deliverables
Role-Secured Portal SuiteQR & Barcode Gate AttendanceVideo Lesson Revision HubMonthly Fee Collection Ledger
Primary BenchmarkVerified
<1sGate Check-in • Instant QR/Barcode Scan at Entrance Gates
Executive Summary
Tuition institutes handling hundreds of students face chaotic delays when tracking attendance, collecting monthly class fees, and distributing lesson materials across manual paper registers. We eliminated paper attendance books and scattered chat files into a cohesive, role-tailored tuition management system.
01 / The Challenge

The Core Challenge

Tuition institutes handling hundreds of students face chaotic delays when tracking attendance, collecting monthly class fees, and distributing lesson materials across manual paper registers.

The Primary Problem

Student gate check-ins were slowed by manual paper roll-calls, monthly fee collections required tedious receipt cross-checking, and lesson recordings were scattered across private chats with no organized revision access.

Project Objective

Engineer a unified digital institute platform connecting students, teachers, administrative registrars, and gate attendance collectors through secure, role-tailored portals.

02 / Solution Strategy

Strategic Approach & Solution Plan

01

Architect dedicated Student and Teacher Portals for streaming class video recordings, downloading lesson notes, and broadcasting announcements

02

Develop a mobile Gate Marking and Fee Collection module with QR code and barcode scanning for instant entrance check-ins

03

Build a Registrar Portal enabling administrative staff to manage student enrollments, profiles, and class allocations

04

Implement an Institute Owner Admin Dashboard with real-time analytics for attendance trends, monthly revenue, and staff management

We eliminated paper attendance books and scattered chat files into a cohesive, role-tailored tuition management system.

03 / Build & Execution

Product Build & Experience Design

Execution intro

Personalized Student Learning Portal uniting live class timetables, fee due alerts, and downloadable lecture notes

Institute Owner Administration Suite tracking real-time class sessions, tuition revenue, and staff payout queues
system.terminal.production
Main Execution Blueprint
Mobile gate terminal for entrance marking and fee collection with camera QR scanning, offline sync, and trilingual operator localization
Previous screen preview
Active mobile screen preview
Next screen preview
04 / Measurable Impact

Verified Results & Business Outcomes

Gate Check-in
<1sInstant QR/Barcode Scan at Entrance Gates
Cloud Availability
100%Reliable 24/7 Lesson Streaming & Revision Access
Content Security
Zero LeaksProtected Lesson Delivery Safeguarding Teaching Material
Zero Paper Logbooks
100% DigitalElimination of Manual Paper Roll-Calls & Registers
Platform Adoption
High AdoptionTrusted daily by institute owner, teachers, staff, and students.
05 / Live Access & Interactive Sandbox

Experience the Production Artifacts

Inspect deployed web portals with pre-configured demo credentials, download compiled field binaries, or explore verified design specifications.

Live Role-Secured Web Portals (5)

Student Portal

Student Learning & Revision Portal

Launch

Access class timetables, subject lecture recordings, downloadable study packs, and fee payment alerts.

Demo CredentialsEnrolled Student Account
User:demo.student@dekma.lk
Pass:StudentPass@2026

Note: Pre-enrolled in 2026 Combined Mathematics & Physics batches.

Director / Registrar

Institute Owner Administration Suite

Launch

Live student rolls, monthly tuition fee revenue, teacher commission payouts, and hall schedules.

Demo CredentialsInstitute Executive Director
User:director@dekma.lk
Pass:DirectorPass@2026

Note: Executive oversight of all student classes and financials.

Cashier & Gate Staff

Gate Attendance & Cashier Marking Portal

Launch

Sub-second barcode and QR check-in terminal with instant fee payment verification.

Demo CredentialsGate Marking Cashier
User:gate.cashier@dekma.lk
Pass:GateMarking@2026

Note: Touchscreen interface optimized for high-volume morning student queues.

Subject Tutor

Tutor & Faculty Lecture Console

Launch

Batch timetable coordination, revision material publishing, and student attendance logs.

Demo CredentialsSenior Faculty Tutor
User:tutor.maths@dekma.lk
Pass:TutorPass@2026
Guardian Portal

Parent Academic & Attendance Portal

Launch

Real-time gate entry timestamps, student absence alerts, and monthly fee receipts.

Demo CredentialsVerified Parent Account
User:parent.demo@dekma.lk
Pass:ParentPass@2026

Installable Field Binaries & Companion Apps (1)

Android APKCamera QR Scanner Buildv2.1.0 • 19 MB

Dekma Gate Marking Scanner (Android APK)

Download Build
UI / UX Specifications• Master Design System

Figma Design File & Component Library

Browse verified interactive component variants, design tokens, responsive breakpoints, and tactile mobile screen prototypes.

Open in Figma
Ready to launch?

Build a high-performance digital product for your business.

Sprint Availability: Immediate

Build what comes next.

We turn bold concepts into high-performance digital products, web platforms, and mobile applications. Zero sales pressure — straight to scope, timeline, and a transparent quote.

24h Proposal TurnaroundFixed Sprint ScopesDirect Lead Engineer Access
ULTMOS Sprint Protocol
v4.2
Stack TargetNext.js 16 • React 19 • TS
Performance Standard99+ Lighthouse Score
Delivery VelocityStrict 2–4 Week Sprints
ArchitectureModular & Typed
Code Ownership100% Client IP
“Technology that disappears into the experience.”
Dekma LMS — Technical Case Study | Ultmos | ULTMOS