CASE STUDY · EDTECH WEB PORTAL

Brain Ed

Learning content, devices and attention in one view.

Brain Ed is an education technology platform that connects learning content, live device monitoring, user management, and attention insights in one responsive web portal.

UI/UX DesignWeb PortalIoT · MQTTAnalytics & Reporting
portal.brained.app/dashboard
BBrain Ed
Dashboard
Learners
Subjects
Devices
Reports
Settings
MQTT brokerConnected
Classroom overviewScience · Chapter 4, Forces and Motion · Live session
Search learners, devicesGrade 8 · Section BML
Active learners28 / 302 absent today
Devices online26 / 304 idle or offline
Avg. attention78%+6% vs last week
Avg. focus71%+3% vs last week
Attention vs focus · this sessionAttentionFocus
09:0009:1009:2009:3009:40
Peak attention09:36
Lowest focus09:08
Questions answered112
Live devicesView all
Focus band 01Ava Thompson
Connected
Focus band 02Liam Carter
Connected
Focus band 03Noah Patel
Idle
Focus band 04Mia Johnson
Connected
Focus band 05Ethan Brooks
Offline
Focus band 06Zoe Rivera
Connected
LOCATIONUSA
DURATION6 Months
PLATFORMWeb Portal
SECTOREdTech

Project overview

Team · 7 members
TEAM05
1UI/UX
2Backend
2Frontend
1PM
1TL
TECHNOLOGIES06
React.jsFrontend
LaravelBackend
MySQLDatabase
PythonAnalytics
MQTTDevice messaging
portal.brained.app/settings/users
BBrain Ed
Dashboard
Learners
Subjects
Devices
Reports
Users & roles
Settings
Users & rolesRiverside Middle School · 214 users
ExportInvite userML
Administrators6
,
Educators24
,
Learners184
,
Pending invites5
Team membersAllAdminsEducators
NameRoleClassesStatus
MLMaya LopezAdministratorAllActive
DRDaniel ReedEducator8B, 8CActive
PSPriya ShahEducator7A, 7BActive
OHOmar HaddadEducator9AActive
GKGrace KimEducator8AInvited
TWTom WalshIT support—Active
Educator permissions
Create chapters & questions
Pair and reset devices
View attention reports
Export learner data
Manage other educators
Changes apply to all 24 educators
THE CLIENT

Brain Ed needed a unified education portal for administrators and educators to manage learners, organize subjects and chapters, connect classroom devices, and understand attention and focus through clear reports.

PROJECT GOALS
01Centralize learner, subject, chapter, question, and device management.
02Make live classroom monitoring and connection status easy to understand.
03Translate attention and focus signals into useful visual reports for educators.
THE CHALLENGE

The platform had to combine content administration, live device states, learner management, and analytical reporting without overwhelming users. Complex data needed to remain readable across desktop, tablet, and smaller screens.

Brain Ed platform displayed across desktop, laptop, tablet, and mobile devices
01 · PROJECT CAPABILITIES

Project capabilities

Brain Ed brings learning administration, connected devices, and attention reporting into a single interface designed for clarity across classrooms and devices.

Content production equipment arranged around a laptop

Create And Organize Learning Content.

Structured tools help teams manage subjects, chapters, questions, and supporting media from one consistent workspace.

Worker using a connected scanner and laptop

Connect Devices And Monitor Activity.

Live device states and operational controls give educators a clearer view of connected learning environments.

01

Impact Analytics

Compare attention and focus signals through accessible reports.

02

Precision Monitoring

Review connected devices and live classroom activity.

03

Content Tracking

Organize subjects, chapters, questions, and learner progress.

04

Verified Growth

Support more users, devices, courses, and learning environments.

02 · PORTAL TOUR

One portal, four workspaces

Switch between the workspaces educators and administrators use every day. Each one shares the same navigation, card system and status colours.

portal.brained.app/subjects/science
BBrain Ed
Dashboard
Learners
Subjects
Devices
Reports
Settings
MQTT brokerConnected
Subjects & chaptersManage subjects, chapters, questions and media
Search learners, devicesGrade 8 · Section BML
Subjects+
Science12 ch.
Mathematics14 ch.
English9 ch.
History7 ch.
Geography6 ch.
Science · 12 chaptersImportAdd chapter
ChapterQuestionsMediaUpdatedStatus
1. Matter and its states246Oct 12Live
2. Atoms and molecules308Oct 14Live
3. Cells, the unit of life185Oct 18Live
4. Forces and motion269TodayLive
5. Energy and work123TodayDraft
6. Light and sound00—Draft
Multiple choice64%
True / false21%
Short answer15%
Subjects & chaptersOrganize curriculum, questions and media in one workspace.
Device managerPair, monitor and manage focus bands across rooms and fleets.
LearnersTrack learner rosters, paired bands and attention history.
Attention analyticsCompare attention and focus patterns across sessions and learners.
Brain Ed portal screens presented across multiple tablet devices
CURRENTLY IN DEVELOPMENT · PHASE 2

Bringing learners and families into Brain Ed

Phase 1 delivered the educator and administrator portal. Phase 2 extends the platform to learners, parents and larger school networks. These modules are in active development.

In build

Learner tablet app

Students answer chapter questions while their focus band streams attention live.

In design

AI focus insights

Pattern detection that flags learners and chapters where attention drops.

In design

Parent & guardian view

Weekly attention and progress summaries shared with families.

Research

LMS integrations

Sync classes and rosters with Google Classroom and Canvas.

In build

Multi-campus admin

Manage several schools, rooms and device fleets from one account.

In QA

Offline device buffering

Bands store readings locally and sync when the network returns.

PHASE 2 · CONCEPT SCREENS

Learner app, parent view and multi-campus admin

portal.brained.app/district/campuses
BBrain Ed
Overview
Campuses
Device fleet
Reports
Billing
Settings
CampusesRiverside District · 3 schools · 46 rooms
Add campusML
Riverside MiddleHealthy
Learners612
Devices180 / 192
Attention79%
Oak Park High12 offline
Learners840
Devices231 / 260
Attention74%
Lakeside ElementaryHealthy
Learners395
Devices96 / 98
Attention82%
Rooms needing attentionView fleet
RoomCampusDevices onlineFirmwareAction
Room 112Oak Park High
62%
v2.3Restart hub
Lab 3Oak Park High
71%
v2.1Update
Room 204Riverside Middle
87%
v2.4—
Room 9Lakeside Elementary
96%
v2.4—
9:41Brain Ed
Science · Chapter 4Question 12 of 26
Focus band connected · attention 84%
When you push a wall, the wall pushes back with…
An equal and opposite force
A smaller force
No force at all
A larger force
Submit answer
9:41Brain Ed
Parent viewAva's week
AT
Average attention86%
MonTueWedThuFri
ScienceForces and motion
92%
MathematicsLinear equations
81%
EnglishPoetry analysis
78%
Message teacher
Learner appChapter questions with live focus-band status.
Multi-campus adminSchools, rooms and device fleets in one district view.
Parent viewWeekly attention and subject progress for families.
EXECUTIVE OVERVIEW

Reimagine, Innovate, And Elevate Your Business

From creating next-generation digital platforms to enhancing existing ecosystems and driving complete digital transformation, we help businesses unlock new efficiencies, accelerate growth, and embrace the future with confidence.

Contact Now
03 · BRAND

Brand identity

Typography
Aa

Satoshi

Satoshi gives the data-rich Brain Ed interface a modern, approachable voice while preserving clarity across navigation, reports, and controls.

LightRegularMediumBoldBlack
Primary Palette
Learning Blue#42B9EF
Brain Navy#123A5B
Pure White#FFFFFF
HOW WE WORKED

Development journey

01

1. Discover

Research educator workflows, device states, and reporting needs.

02

2. Define

Map content, user, monitoring, and analytics architecture.

03

3. Design

Build the responsive Brain Ed interface and visual system.

04

4. Deliver

Validate complex workflows and prepare the portal to scale.

Conclusion

Brain Ed transforms a complex mix of education content, connected devices, and attention data into one coherent portal. Educators gain clearer operational visibility and reporting, while administrators receive a scalable foundation for managing learners, courses, and classroom technology.

Turn ambitious ideas into powerful digital products with scalable mobile apps, custom software, and modern websites.

From startup MVPs to enterprise-grade platforms, Uptake builds high-performing digital experiences that are fast, intuitive, and ready for the future.

Let's Grow Together