Case Study 3 — Classroom Management App · ESS Education Software Solutions · 2023
EdTech Mobile 2023

Classroom Management App Boosting Teacher Efficiency by 57%

UK teachers spend up to a day a week on administrative tasks — time taken away from teaching. I designed a purpose-built progressive web app that put the right tools in teachers' hands — reducing admin burden and freeing time for what matters: teaching.

Mobile UX User Research Accessibility iOS · Android Prototyping
Client
ESS Education Software Solutions, UK
My role
Lead Product Designer
Platform
iOS · Android
Users
UK Primary School Teachers

Completing the register in under 3 minutes — every class, every day.

We replaced a fragmented, desktop-bound 7–10 minute attendance process with a mobile-first progressive web app that teachers could complete one-handed, mid-lesson, without looking away from the class.

The result: a 57% reduction in attendance admin time across the pilot — time that went back to teaching, reading groups, and one-to-one student engagement.

ESS classroom management app — interactive board composite

Real-time register updates

Teachers and students can mark attendance live — changes sync instantly across the classroom and the office.

The Challenge

UK primary school teachers were spending 7–10 minutes per class taking attendance — not because marking students present is hard, but because the tools forced them to it. The MIS (management information system) was desktop-only, required login, and timed out mid-session. Pupil contact records lived in a separate part of the system, requiring multiple navigation steps to reach during an incident. Teachers were context-switching across tools during the most demanding hours of their day.

The Brief

Reimagine a mobile-first teacher experience that brings together attendance, pupil information, and everyday classroom administration — reducing administrative effort while ensuring fast, accurate, and compliant record keeping.

Legacy MIS Experience

Legacy MIS Experience — Existing desktop-based attendance and pupil management workflows

Key Insights

I collaborated with the teacher product design team to research across 7 head teachers, 7 teachers, and 5 school admins — spanning LA, MAT, and Independent schools. Five findings shaped the design.

Speed is the adoption threshold
Teachers told us directly: if the app wasn't faster than their current process, they'd revert to paper. The register had to feel instant — not just functional.
Eyes never fully leave the room
Teachers glance at their phone in short bursts while managing a class. The interface had to communicate state at a glance — status visible without tapping, errors impossible to miss.
One hand is all they have
Teachers are constantly moving — pointing, holding resources, gesturing. Every core interaction was designed for a single thumb in portrait mode, no two-handed gestures.
The office and the classroom aren't connected
Pre-notified absences — a parent calling in sick before school — rarely reached teachers before registration. They'd mark a pupil absent, then correct it later. A broken loop that cost time and created inaccurate records.
Outdated contacts surface at the worst moment
Teachers discovered stale parent numbers mid-incident — exactly when there was no time to chase alternatives. Contact data needed to be kept current, but no existing tool made that visible or easy.
Offline access unlocks the playground
PTA teachers and supervisors taking register on the playground have no Wi-Fi. Research feedback was clear: if the app only worked indoors, they'd revert to paper outside. Offline-first wasn't just a technical constraint — it was a usage requirement.

Core Flows

Research pointed to two areas where teachers lost the most time. For the pilot, we prioritised a fast and nimble class register — one that fit into the first minutes of a lesson without friction — and an efficient pupil profile experience that put the right contact information in front of teachers the moment they needed it.

Flow 1 — Register

Smooth Transition into the Register

The class list loads pre-populated — no manual setup. If the office has flagged a pupil or sent a reminder (e.g. a known absence notified by a parent), it surfaces at the top before the teacher marks a single name. No context-switching between SIMS and a separate message thread; everything the teacher needs is in one place before they begin.

Register — smooth transition

Flow 2 — Attendance Codes

Marking Additional Codes

When a pupil has an approved leave request on record, the relevant DfE code pre-fills directly in the attendance slot — the teacher just confirms with one tap. No need to recall or look up a code mid-register. For unplanned absences requiring a specific code, a focused picker surfaces only the contextually relevant options rather than the full 20+ list.

Marking additional codes

Flow 3 — Late Markings

Marking Late Arrivals Effortlessly

Late arrivals don't require reopening the register. A persistent late-mark shortcut lets teachers log an arrival mid-lesson with two taps — pupil name and time of arrival are captured automatically. The register updates in the background and the DfE-compliant late code is applied without the teacher needing to know it.

Marking late arrivals

Flow 4 — Pupil Profile

Search, Profile & Contact

A simple name search surfaces a minimal profile — only what the teacher needs mid-incident. Contacts are shown in priority order, with the most reachable number first. The app nudges schools to keep parent contact details up to date by surfacing stale entries at a glance. No digging through SIMS to find a number that might have changed months ago.

Search, profile & contact

From Concepts to Decisions

Three interaction decisions that balanced speed, usability, and classroom realities.

Decision 01
01

Inline mark button vs shared bottom action bar with auto-scroll

Inline buttons felt natural but added visual noise across a 28-pupil list. The shared bottom bar with auto-scroll — which advances to the next pupil automatically after each mark — reduced the time to scroll, scan, and tap, keeping the teacher's thumb in one place.

Explored
Inline buttons — cluttered list, thumb travels the full screen
Selected
Shared bottom bar + auto-scroll — thumb stays fixed, list moves up
Decision 02
02

All attendance codes vs Present/Absent/Late + pre-filled for approved leave

UK registers use 20+ DfE codes. Showing them all upfront overwhelmed teachers mid-class. The shipped solution kept Present, Absent, and Late as the three primary actions — but when a pupil had an approved leave request on record, the relevant DfE code pre-filled directly in that same slot, replacing the default signifier.

Explored
All codes upfront — cognitive overload on a 28-pupil register under time pressure
Selected
Present/Absent/Late primary — approved leave pre-fills the code in the same slot automatically
Decision 03
03

Tap to call vs expand contact info

Teachers don't call families from personal phones — calls go through the school office. Expanding the contact card to show the number clearly was the right pattern: easy to read out or hand to a colleague.

Explored
Tap to call / QR scan-to-call — assumes personal device
Selected
Expand contact card — number visible, easy to read out or hand off

Delivering the Core Experience

We scoped the MVP around Quick Register and Pupil Profile & Contact — the two workflows teachers used most frequently and that had the greatest impact on reducing classroom administration.

The first release delivered Quick Register for fast attendance marking and Pupil Profile & Contact for immediate access to pupil records and priority contacts, establishing the core teacher experience before expanding the platform in later iterations.

16
Weeks to MVP

Quick register and pupil profile, iOS and Android, live in pilot schools.

4
Pilot schools

Across UK local authorities, mix of LA, MAT, and Independent schools.

5
Usability rounds

Tested with real teachers in live classrooms across each sprint.

Constraints

Technical
Offline-first, always

School Wi-Fi is notoriously unreliable. The app had to work fully offline and sync when a connection was restored — no lost registers.

Integration
Custom SIMS API wrapper

MIS sync required building a custom API wrapper around the existing SIMS integration — no off-the-shelf connector existed.

Compliance
DfE data standards

The app had to meet DfE guidelines on pupil data handling before any pilot school could participate — compliance was a gate, not an afterthought.

Design
No design system — built from zero

There was no existing component library to build on. I established design tokens, core components, and interaction patterns from scratch — growing the library iteratively as each feature was designed and validated.

Architecture
Progressive Web App over a responsive website

Three needs pushed us toward a PWA: offline use (registers had to work without Wi-Fi), push notifications (office alerts reaching teachers instantly), and speed (app-like performance on low-end school devices). A responsive site couldn't deliver all three; native meant two separate builds. PWA gave us both without the overhead.

Engineering collaboration

Impact

From usability testing rounds

<3 min*
Register completed
80%
Completed all tasks unaided
100%
Located pupil contacts
90%
Preferred app over existing MIS

*Teachers completed the register for a class of 20 in under 3 minutes on average.

"I used to dread the admin side of my job. Now I can take attendance in under 3 minutes and actually focus on my class."

— Year 4 teacher, East London primary

Teachers reported spending reclaimed time on guided reading groups and 1-1 support — the activities they cited as most impactful for pupil outcomes. The pilot also surfaced an operational benefit: accurate, real-time attendance data reduced the time office staff spent chasing teachers for register corrections, easing administrative load across the school.

Reflections

Research

Research is a capability, not a phase.

Embedding continuous discovery created a steady flow of evidence rather than relying on one-off studies.

Design Systems

Design systems accelerate teams, not just interfaces.

A shared system improved consistency while enabling designers to move faster with confidence.

Leadership

Leadership means creating leverage.

Coaching designers, introducing reusable frameworks, and partnering closely with product leadership had a greater long-term impact than any individual feature I designed.

Next case study
Leading the Revolution in Materials Optimisation