Skip to content

Education / Dashboard

BeED timetable: school scheduling dashboard

A scheduling dashboard where school staff plan a full academic year, filter it down to one class, and open a single day without losing the wider view.

What we did. Product design and front-end engineering on the BeED scheduling dashboard.

The BeED scheduling dashboard: a year calendar on the left, a radial schedule navigator in the middle, and a single day’s timetable on the right.
Users
School administrators and teachers
Surface
Web dashboard
Scope
Week, month and year calendars, day plan, filters, PDF export
Structure
Academic year, level, class and shift

The problem

Schools were planning academic events on tools built for other jobs. Staff needed to see a whole year to avoid clashes, then see one day in enough detail to know which teacher is in which room. Those are different views of the same data, and moving between them meant starting the search again. BeED asked for a dashboard that holds both, for administrators who plan the year and teachers who only care about their own classes.

What we decided

The calls that shaped the build, and what each one let people do.

  1. 1

    Three calendar scales, one filter state

    Week, month and year views sit behind one toggle and share the schedule filter. Choosing a day in the year grid opens that day’s plan beside it, with the same academic year, level and class still applied.

    An administrator spots a busy week in the year grid and reads the shift-by-shift plan for 22 September without re-entering the filters.

  2. 2

    Filters shaped like a school

    The schedule filter runs academic year, then level, then class, with separate shift and item filters on the day plan.

    A teacher narrows the institution-wide calendar to the classes they teach, so the day plan shows their timetable instead of everyone’s.

  3. 3

    Detail on hover, not on a new page

    Each timetable row carries a subject chip and a class label, and opens a card with the educator, the facility and the entry description in place.

    Staff confirm who is teaching and in which room while staying on the day they are planning.

The BeED dashboard: a year grid with colour-coded days on the left, a radial schedule navigator in the middle, the schedule filter set to 2020 to 2021, Upper Secondary, Level 2, and a day plan for Tuesday 22 September on the right.
Year view, schedule filter and day plan on one screen. The filter set on the left stays applied to the day plan on the right.
Close view of the BeED day plan: shift and item filters above a list of timed entries, each with a subject chip and class, and an open card showing the educator and the room.
The day plan. Each row carries the time, the subject chip and the class, and opens a card with the educator and the room without leaving the day.
Several BeED web screens layered in perspective: a student journal and gradebook, a curriculum library, and a learning-experience browser with a map.
The wider BeED platform the schedule sits in: journal, gradebook, curriculum library and learning-experience browser.

What we delivered

Capabilities above are read from the delivered interface.

  • Week, month and year calendar views behind a single toggle
  • Colour-coded day cells that mark which days carry entries
  • Schedule filter by academic year, level and class
  • Day plan with shift and item filters and timed entries
  • Entry detail showing educator, facility and description
  • Radial schedule navigator for the dashboard’s feature areas
  • PDF export of the calendar in view

We do not publish performance figures for this project. The records we hold describe what was built, not a measured before-and-after, and we would rather show the product than quote a number we cannot stand behind.

Building something in the same shape?

Send a short brief. We will tell you what it would take and whether we are the right studio for it.