Timetable Maker

Why schools needed it

At the start of every academic year, school admins and IT staff build the timetable: classes, subjects, teachers and periods. Before this feature, that work happened in spreadsheets, printouts and side chats.

Research with admins and IT staff kept turning up the same problems:

Built by hand
Slow at the busiest time of year
Hard to share digitally
Junior and senior classes need different schedules

I designed Timetable Maker at Teachmint in 2022, my first design job. My manager Malik mentored me through it.

What shaped the design

Set up before you fill

Periods can't be filled until classes, groups and timings exist, so the product walks admins through setup first.

Catch conflicts while editing

Subject and teacher clashes show up as the admin fills each period, not after the whole week is done.

Admins build, everyone else reads

Admins set the timetable up on the web. Students and teachers check it on their phones.

The empty state teaches

The feature starts each year empty on purpose, so the first screen explains what to do next.

Empty schoolConfigure classes

Class groups
Periods and breaks
Subjects and teachers

Shared timetable

The admin journey, on the web

Start from an empty state

The landing screen explains the feature and points the admin to setup.

Timetable landing screen in its empty state, prompting the admin to set up the timetable configuration — Landing screen, before setup

Configure a group of classes at once

Admins set periods, timings and breaks for a group of classes together, and a live preview builds the day as they type.

Setup timetable configuration dialog with empty fields for classes, periods and lunch — Setup, empty

Timetable configuration dialog filled in, with a live preview of periods and the lunch break — Setup, with the live preview filled in

See progress across class groups

Junior and senior classes can have their own schedules, and the landing screen shows which sections are done.

Timetable landing screen listing class groups and sections with their setup status — Landing screen, after some classes are set up

Fill periods, with clashes flagged

Admins pick a subject for each period. Teacher availability and subject counts update as they go.

Class timetable grid with a subject picker showing teacher availability for each subject — Filling a class timetable

The finished timetable

Final weekly timetable for one class, with options to download, share and print — A finished class timetable, ready to download, share or print

On the phone, for students and teachers

The same timetable shows up as a daily schedule in the mobile app.

Student timetable on mobile: the weekly view and daily schedules for different scenarios — Student view

Teacher timetable on mobile: the weekly view and daily schedules, including free periods and leave — Teacher view

What changed

Schools got one guided path from an empty setup to a shared timetable. Admins build and check it on the web, and students and teachers see the same schedule on their phones, without a printout in between.

Usage metrics for this feature are kept confidential.