WorkServicesProcessPricingFAQ
BRIGHTSIDE ENGLISH

a learning platform that feels like the classroom itself

We partnered with Brightside to design and build a custom operating system that replaces fragmented booking tools, automates student onboarding, and powers collaborative classrooms directly in the browser.

ClientBrightside English
IndustryEdTech & Language Learning
DeliverablesUI/UX Design, Custom WebRTC, Platform Engineering, Checkout Pipelines
Year2026
Brightside Mobile Onboarding
Brightside Desktop Dashboard
Brightside Desktop Classroom
Brightside On the Go Desktop
Brightside Mobile Classroom
Brightside Mobile Onboarding
Brightside Desktop Dashboard
Brightside Desktop Classroom
Brightside On the Go Desktop
Brightside Mobile Classroom
Brightside Data Analytics
Brightside Mobile Schedule
Brightside Desktop Matching
Brightside Mobile Lesson
Brightside Mobile Portal
Brightside Data Analytics
Brightside Mobile Schedule
Brightside Desktop Matching
Brightside Mobile Lesson
Brightside Mobile Portal
THE STRATEGY

Simplifying the story

Brightside operated on a complex, manual booking web: WhatsApp notifications, coordinate sheets, Stripe/Razorpay invoices, and external video links. The key design goal was to unify this into a single interface that removes manual coordination.

By embedding scheduling, evaluation, checkouts, and WebRTC classrooms into a single responsive application, we created a frictionless funnel. This enabled the brand to scale operations automatically while collecting deep engagement metrics.

50New Students EnrolledWeek 1 Growth
300+Active LearnersActive Scale
12.8%Checkout Purchase RateSocial Traffic CRO
91%Booking Completion RateFunnel Efficiency
AUDIENCE APPEAL

Engaging three audiences

Unlike simple dashboards, Brightside required distinct environments for its three user bases. We designed role-based consoles that interact securely with a shared backend database—creating tailored workspaces without breaking platform continuity.

Student Dashboard

The Learner Experience

Provides students with dynamic next-class countdown timers, direct Cloudinary homework uploaders, course schedules, and one-click WebRTC class entries.

Student Dashboard Preview
Teacher Portal

The Tutor Dashboard

Allows tutors to coordinate availability slots, submit homework assignments, log student grades, and track monthly payouts transparently.

Teacher Dashboard Preview
Admin Console

The Control Center

Equips administrators with a lead management CRM pipeline, support desk ticket management, and full transaction ledgers mapped from payment gateways.

Admin Console Preview
PRODUCT TOUR

A tour of the platform capabilities

01 / 06Workspace Console

WebRTC Live Classroom

Proprietary in-browser collaborative classrooms featuring peer-to-peer audio/video streaming, shared canvas whiteboards, real-time chats, and automatic conversational speech ratio meters.

WebRTC Live Classroom
02 / 06Workspace Console

Speech Ratio & Audio Analytics

Automated speech analysis engine charting oral performance ratios and diagnostic vocal feedback to measure student-to-tutor talking metrics.

Speech Ratio & Audio Analytics
03 / 06Workspace Console

Smart Tutor Matching Algorithm

Intelligent scheduling matching students to qualified mentors automatically based on availability slots, timezones, and placement learning needs.

Smart Tutor Matching Algorithm
04 / 06Workspace Console

Interactive Checkout Quiz

A gamified diagnostic evaluation embedded directly into the checkout flow, testing vocabulary, grammar, and speaking fluency in real-time.

Interactive Checkout Quiz
05 / 06Workspace Console

On-The-Go Learning Cockpit

Fully responsive layouts optimizing class schedules, pronunciation exercises, chat portals, and WebRTC classrooms for students learning on mobile.

On-The-Go Learning Cockpit
06 / 06Workspace Console

Custom Landing Page Builder

A full-bleed edge-to-edge page builder built for course creators, supporting real-time canvas edits, direct LMS course cohort binding, automatic webhook integration, and flexible pricing structures.

Custom Landing Page Builder
BRAND CHARACTER

Bold, precise, and professional

Brand Colors
Absolute Black#000000
Light Gray#F4F4F4
Vibrant Yellow#FACC15
Pure White#FFFFFF
Typography System
AaPoppinsHeader Font
AaInterBody Font
OPTIMIZATION

Optimized for every screen

With over 60% of students accessing course portals on mobile screens, we optimized checkout grids, evaluation quizzes, and calling rooms to adjust automatically to all breakpoints.

The WebRTC whiteboard interface adapts cleanly on tablets, enabling interactive drawing classes, while the admin CRM dashboard provides a dense, grid-based panel layout for desk operations.

Ready to build something that actually works?

Book a free discovery call. We'll scope it, price it, and only move forward when you're confident. No fluff, no pressure.

or email us at hello@lunchboxdevs.com