Walkthrough

Signing In & Your Account

Four populations, three kinds of credential, one door. A pupil signs in with the registration number on their ID card and their date of birth; staff and guardians use an address. Then the parts nobody demonstrates and everybody needs: the invitation that sets a first password, the reset that follows a forgotten one, two-factor, the idle and absolute timeouts that end a session, what the school can put on those pages, and where a request for help goes.

Not Signed In YetOther Staff RolesStudentParentSchool Admin
Getting in

A nine-year-old does not have an email address

Every platform sold to schools assumes the person signing in has a working email account they check. For staff that is true. For guardians it is mostly true. For a JSS 1 pupil it is neither true nor fixable, and a product that insists on it quietly hands the pupil’s portal to their parent. So the same sign-in form takes a registration number and a date of birth — the two things a child can be relied on to know and a school can be relied on to hold — and the rest of the journey follows from there: the invitation that issues a first password, the reset when it is forgotten, the second factor for the accounts that hold everybody else’s data, and the timeouts that close a session left open on a shared staff-room machine.

On this page
Step 1 · Anybody

Three ways in, one form

The sign-in page is served before a tenant is known — there is no school context until somebody identifies themselves — which is why it runs on its own lightweight store and why the school’s branding is remembered by the browser rather than resolved from a URL. Returning to sign in should feel like returning to your school, not to a vendor’s login box.

1

Sign in

One form, three credentials. Staff and guardians use their email address. A pupil uses the registration number printed on their ID card — `BFA/2026/00010` — and their date of birth, because that is the pair a school actually holds for every child it teaches.

The school’s own colours, logo and artwork, remembered from the last successful sign-in on this browser and revalidated against the public branding endpoint
A pupil’s registration number is minted from the school’s short code, so it is unique across the platform without being an email
Two-factor, where the account holds it: the password step succeeds, and a code step opens on the same page rather than a second route
A challenge is worthless without the request that opened it — refreshing sends you back to the start, on purpose
Where you land afterwards is decided by your portal, and honours a return path if you were sent here from somewhere
2

Forgotten it

A different photograph from the sign-in screen, deliberately: somebody who has just failed to sign in is looking at a second screen, and repeating the first one’s artwork makes the two hard to tell apart at a glance — which is the one thing this screen must not be.

The answer never says whether the address is known — an enumeration oracle on a school’s roll is not a small thing
A link, not a temporary password in an email
The link is single-use and time-limited
3

Setting a new one

The reset page, arrived at by its emailed link. Five requirements, enforced identically here and on the four other forms in the product that take a password — one shared policy, so a rule cannot hold on the reset page and lapse on the change-password one.

Length, upper case, lower case, a digit and a symbol, each shown as its own line rather than one red sentence
The requirements are checked as you type, not on submit
The same policy object backs the API’s validation, so the client and the server cannot disagree about what is allowed
Signing in afterwards is a fresh session — the reset does not silently resurrect the old one

Ready to run your school on this?

Every screen in “Three ways in, one form” is the live product, not a mockup. Create your school account, or have us walk you through it on a call.

Step 2 · A new colleague

The first time, and proving the address

An employee does not sign themselves up. The school creates the record and invites the address, which means the first credential is always issued rather than chosen — and the first thing the product asks the new colleague to do is replace it.

1

Set your password

The invited employee’s first visit. Not the same screen as a reset, and the distinction is load-bearing: this person has never had a password, so there is nothing to “forget”, and the copy that would tell them to check their email for a reset link would be describing the email they are already holding.

Reached by the invitation link, which carries the token rather than the address
The same five-requirement policy as every other password form
Until it is done the account exists and cannot be used — an invited employee is not an active one
2

Verify your address

Proving the address belongs to the person using it. Separate from setting a password because they answer different questions — one is “can you get in”, the other is “can we reach you”, and a school that has confirmed the first and not the second will discover it the day it needs to send a report card.

Resend, rate-limited, for the message that went to a spam folder
The address is what the school will use for reports, receipts and notices — the reason this step exists at all
3

Confirmed, and straight on

Following the link is the last thing anybody does on this journey. The page confirms the address and sends them to wherever their account belongs — a school still being set up resumes its wizard, a member of staff lands in their portal, and somebody still on an issued password is sent to choose their own first.

Single-use: following the link twice does not read as a failure, it reads as already done
The destination is decided by the account, not by the link — the same fork sign-in makes
Nobody is returned to a sign-in form they have just proved they do not need
4

And changing it later, voluntarily

For somebody who already knows their password and wants a different one. It asks for the current password, which the reset screen cannot and must not — that is the whole difference between the two pages.

Current password required, so a borrowed unlocked session cannot lock the owner out
The same policy again — five forms, one rule

See this on your own school’s data.

Every screen in “The first time, and proving the address” is the live product, not a mockup. Create your school account, or have us walk you through it on a call.

Step 3 · Staff portal

What is yours, and what is the school’s

Each portal has an account page, and all three draw the same line in the same place: your identity belongs to the school and is read-only; how you get in belongs to you. A member of staff cannot rename themselves, and the school cannot choose their second factor.

1

A member of staff

The Profile tab: who the school says you are, beside the details you keep up yourself. Security and the signature block are tabs of their own across the top, because each is a separate decision.

Identity from the staff record: name, staff number, job title, department — read-only, and owned by HR
Contact details you can maintain yourself, because they are how the school reaches you
2

How you get in

The Security tab is the half of the page that belongs to the person rather than the school: the password, and the second factor behind it.

Password change, checked against the same policy as the first password the invitation set
Two-factor with an authenticator app, and recovery codes for the day the phone is lost
3

Your signature

A staff signature is printed on documents the school issues, and the person it belongs to is the only one who should be able to replace it.

A signature block they upload once, printed on the memos and documents they later approve
Shown here before one is saved, which is where every new colleague starts

Set this up for your team.

Every screen in “What is yours, and what is the school’s” is the live product, not a mockup. Create your school account, or have us walk you through it on a call.

Step 3 · Student portal

The same page, on a pupil’s side

Narrower, and narrower on purpose. A pupil’s record is the school’s — class, registration number, guardians, standing — and the only thing on this page they own is the password.

1

A pupil

The same shape, narrower. A pupil’s record is the school’s: class, registration number, personal details and the primary guardian — all of it read-only, and deliberately so.

Registration number shown, because it is the credential — not a reference buried in a profile
And no email address on the record, which is the point rather than a gap: this is the pupil the first phase signed in without one
2

Their own standing

The Discipline tab shows a pupil the record adults keep about them: recent incidents, and the actions that followed.

Visible to the pupil rather than only to adults — nothing on it should be news at a meeting
Each action with when it was assigned and when it is due
3

The one thing they own

The Security tab is a single card, because the password is the whole of what a pupil owns on this page.

Password change from inside the portal, so a pupil does not need an email inbox to replace the one they were issued

Ready to run your school on this?

Every screen in “The same page, on a pupil’s side” is the live product, not a mockup. Create your school account, or have us walk you through it on a call.

Step 3 · Parents portal

And the portal that had no account page at all

Guardians were the one portal with no account page: the user menu simply had no “Account” row for them. A parent had nowhere to change their password and, once the second factor arrived, nowhere to turn it on.

1

A guardian

This is that page, and it is deliberately the narrowest of the three: the Profile tab is the guardian record, read-only.

Identity read-only: the school owns the guardian record, and a parent editing their own relationship to a child is not a small edit
Which wards they can see is decided by the guardian record, not by this page
2

What a guardian owns

The Security tab: the password, and the second factor a parent previously had nowhere to turn on.

Password and two-factor, which is the whole of what a guardian owns here
The same two cards a member of staff sees, because getting in works the same way for both

See this on your own school’s data.

Every screen in “And the portal that had no account page at all” is the live product, not a mockup. Create your school account, or have us walk you through it on a call.

Step 4 · Every portal

What reaches you, and how you work

Two shared pages behind the same account menu, on all four portals. Between them they answer the two questions a person has about a tool they did not choose: what is going to interrupt me, and can I make this fit how I work?

1

Your notifications

Everything the platform has routed to this account, across every portal they have access to — the in-app record beside the email or SMS that also went out. The tab across the top is where the same page turns into the settings for it.

Read and unread, with “show unread only” for the morning after a busy day
Each row says what happened and who did it, not just that something did
Every one is a link into the record it is about, so an alert is a way in rather than a notice
Notification preferences share the page: what arrives and where it arrives are one decision, made in one place
2

Preferences

How the product behaves for this person, saved to the account rather than to the machine — which matters most in the place these are actually used, a shared staff-room computer.

Navigation as grouped workspaces with separators, or one continuous list of every module
Offline storage, so a register can be taken in a classroom with no signal and replayed later
The installable app, on or off — a phone-shaped surface for the people who work from one
Whether cancelling a form clears its auto-saved draft, which is a smaller decision than it sounds and one people feel strongly about

Set this up for your team.

Every screen in “What reaches you, and how you work” is the live product, not a mockup. Create your school account, or have us walk you through it on a call.

Step 5 · School office

These pages, in the school’s colours

Everything above is the platform’s. This is where a school makes it theirs — and the signed-out surfaces are the ones that matter most, because they are the only pages people outside the school ever see. Branding is part of the base platform, not a paid add-on: it stopped being a SKU when a white-labelled front door turned out to be table stakes rather than an upsell.

1

The artwork on the way in

One route per signed-out page, each with its own imagery and copy. These were a single page with tab parameters hand-synced to the URL so a link could point at one; a real route does that for free, and the strip across the top is the one every other sub-module uses.

Photograph, caption and heading per surface — the exam sign-in page is not the staff one
Previewed with the real layout component the app ships, so configuring a screen and previewing it cannot disagree
Uploads are converted to WebP before they are stored, losslessly for graphics
2

And the one nobody plans for

The forgot-password screen has its own artwork for the reason the platform’s default does: it is the second screen somebody sees after failing, and it has to look different from the first. A school that brands only its sign-in page gets two identical screens back.

Its own image and copy, independent of the sign-in surface
The same WCAG contrast guardrail the rest of the branding module applies — a brand colour that fails against its ground is named, not silently accepted
Falls back to the platform’s artwork until a school sets its own, so an unbranded school is never a broken one

Ready to run your school on this?

Every screen in “These pages, in the school’s colours” is the live product, not a mockup. Create your school account, or have us walk you through it on a call.

Step 6 · Anybody signed in

When it still goes wrong

The honest end of a journey about getting in. Report-a-problem is an overlay rather than a page, reachable over any screen in the product, so a person reports the thing they are looking at instead of navigating away from it and then describing it from memory.

1

What you sent, and where it got to

Every request this account has raised, with its status. It replaced a link out to the marketing site’s public sales enquiry form — which asked a signed-in teacher to retype their name, their school and their role, all three of which the product already knew.

The form arrives with who you are, which school, which portal and which screen already attached
Tenant-scoped: a school’s support requests are its own
Status on every row, so “did anyone see it” is answerable without sending a second one

See this on your own school’s data.

Every screen in “When it still goes wrong” is the live product, not a mockup. Create your school account, or have us walk you through it on a call.

Run your whole school on one connected platform

Start with the base package, switch on the modules you need, and give every parent, student and staff member a single place to log in.