The product
Healthy Preschools is an admin app for preschools. It is built for the staff at the door and in the office: who has arrived today, who has an allergy, which parents need to hear about picture day, and who works in which room.
A daily board of every child, with allergies flagged and check-in and check-out times.
Messages and reminders to parents, each with a start and end date, a status and a list of recipients.
A profile for every child: contacts, activity, vaccinations, allergies and a gallery, with siblings one tab away.
School settings: the school's details, its classrooms and its staff.
The backend was another team's work. The children, parents and staff in the screenshots are sample data, with the photos that ship in the app.
My part
I built the UI of the admin app in React in 2022: the sign-in, the dashboard, messages, the child profile, adding a student and the school settings.
Signing in
The sign-in page sets the tone for the rest of the app: soft colours, plenty of space and the elephant mascot.
Sign-in, with email and password or Google.
The day at a glance
The dashboard lists every child with their age, class and check-in and check-out times. A red mark flags an allergy. Staff can filter by class, search, print or export the list, and pick several children to message their parents at once.
The daily board: who has checked in, with allergies flagged.
Talking to parents
Messages and reminders sit in one table: a preview, who wrote it, its type, the dates it runs between, its status and the children it goes to, shown as a row of their photos.
Messages and reminders, with their dates, status and recipients.
Every child, every contact
Each child has a profile with their photo, class, teacher and today's status. Below it are tabs for contacts, activity, vaccinations, allergies and a gallery. Siblings get their own tabs at the top, so a family is one click apart.
A child's profile, with their contacts and siblings.
The school itself
School settings hold the school's logo and contact details, the classrooms and the staff. Each staff card shows a photo, a role and the rooms that person works in.
School settings: the school's details and its staff.