← Work

Borda Sensei

A mobile app for Borda’s temperature, humidity and particle sensors

Year
2022
Track
design
Category
case-study

When a vaccine fridge drifts above 8 °C, someone has to find out within minutes. If nobody notices until the end of a shift, the stock gets thrown away. Sensei is the app pharmacy and lab managers use to keep an eye on the Borda tags in their fridges, freezers and cold rooms, across every site they run. I designed it end to end, from scanning a new tag to the alarm that reaches the on-call pharmacist.

Where it started

As the Borda product team we were working on expanding the capabilities of our IoT devices, and this was our first entry into the cold-chain tracking market. We kept getting feedback from our customers and kept honing the product. Initially we had two customers.

What I set out to do

I kept three rules in front of me the whole way through:

  1. Show what needs attention first. Most of the time everything is fine. The app should make that obvious at a glance, and make the exception impossible to miss.
  2. Read every number against its safe range. 8.9 °C only means something when you can see it next to 2–8 °C.
  3. Write rules in plain language. The person setting an alarm should be able to read it back like a sentence.

Walking through it

Signing in

I kept the splash and sign-in screens quiet: the logo, the name and one field per line. The teal from the Borda mark is the only accent colour in the app. That leaves red free to mean one thing everywhere: something is out of range.

Dashboard

Branches are sorted by attention by default, so a site with a problem rises to the top on its own. Its card grows to full width and shows what matters: which fridge, where it is, the reading, how long it has been out of range, and a small bar placing 8.9 °C against the 2–8 °C band. Every other site stays a compact photo card with an “All OK” badge. Search and the add-tag button stay at the top where your thumb expects them.

Sensei sign-in screen with the Borda logo, email and password fields
Sign in
Dashboard with one branch in alarm at the top, showing Vaccine fridge B at 8.9 °C, and other branches marked All OK
Dashboard, one site in alarm

Branch

Opening a branch carries its photo up into the header, so you keep your sense of place. Each tag shows its temperature with humidity and particles underneath, and the tag in alarm is the only red row.

Tag detail

Here the questions are “how bad?” and “since when?”. The status line answers in words first: too warm, above 8 °C for 14 minutes. Pills switch between the three sensors. The history chart shades the safe band, labels the peak and marks where the alarm started, and you can drag across it for exact values. Battery, reception and reporting interval sit below, followed by a timeline of recent readings.

DC HQ branch screen with a photo header and a list of five tags, one in alarm
Branch
Tag detail for Vaccine fridge B with a temperature chart that rises above the 2–8 °C safe band
Tag detail

Adding a tag

Tags are installed on site, often by the same people who read the data later. The flow asks them to stand where the tag will live, within range of the gateway, and scan its QR code. Before activation it checks the gateway connection, battery and reception, and flags a weak signal while they are still standing there and can move closer.

Alarm rules

Setting a rule used to mean filling in thresholds. I added a summary at the top that reads the rule back as a sentence and rewrites itself as you change the range, delay, channels or importance: “Trigger an alarm if temperature reads below 2 or above 8 °C for 2 min. Notify Pharmacy on-call and Andrew via Push and SMS.” If the sentence sounds wrong, the rule is wrong.

Dark scanner screen with instructions to take the tag to its install spot and scan its QR code
Add a tag
Scanner showing tag F-95819-993485 found, with gateway connected, battery 96% and weak reception
Tag found, checks run
Alarm rule editor with a plain-language summary, safe range slider, delay, recipients, channels and importance
Alarm rule

Dark mode

Fridges get checked on night shifts too. The dark theme keeps the same layout and lifts the teal and red so alarms stay easy to read without glare. The scanner is always dark, which keeps the focus on the camera view.

Dashboard in dark mode with every branch marked All OK
Dashboard, dark, all OK
Dashboard in dark mode with the alarm card at the top
Dashboard, dark, one site in alarm

One alarm, two states

Most of the time nothing is wrong, so I designed the key components in pairs: how each one looks when everything is fine, and how it changes when a reading goes out of range. The alarm version always adds information instead of only turning red.

Dashboard

When every site is fine, one calm banner says so, with the time of the last check. When a fridge goes out of range, the banner steps aside and that branch's card takes its place at the top.

Dashboard with a banner reading All sensors within safe range, and every branch marked All OK
All OK
Dashboard with the DC HQ alarm card at the top
One site in alarm

Branch cards

An OK branch is a photo, a name and an average. The alarm card keeps the photo but gives most of its space to the problem: the fridge, the reading, the time out of range and where it sits against the safe band.

Branch card for Arizona Campus with an All OK badge, 3 tags, average 5.1 °C
OK
Alarm card for DC HQ: Vaccine fridge B at 8.9 °C for 14 minutes, with a range bar and a View sensor button
Alarm

Status lines and charts

On a tag, the status line leads with one word: “Normal” in teal or “Too warm” in red. The chart shades the same safe band in both states. In alarm it adds a peak label and a marker where the alarm started.

Status line reading Normal, all readings in range
OK
Status line reading Too warm, above 8 °C for 14 min
Alarm
Daily temperature chart staying inside the shaded 2–8 °C band
OK
Daily temperature chart rising above the band to a labelled peak of 8.9 °C
Alarm

Tag list

Inside a branch, the tag in alarm is the only row with a red icon and a red reading, so it stands out in a list of five.

List of five tags with Vaccine fridge B in red at 8.9 °C and four tags with teal checkmarks
One tag in alarm, four OK

Smaller pieces

Banner reading All sensors within safe range, last check just now
All OK banner
Sensor pills for temperature, humidity and particles, with temperature highlighted in red
Sensor pills, temperature in alarm
Alarm rule summary written as a sentence
Rule read back as a sentence
Checks after scanning a tag: gateway connected, battery 96%, reception weak, move closer
Checks after scanning, weak signal flagged

In dark mode

Dark mode banner reading All sensors within safe range
All OK banner
Dark mode branch card for Arizona Campus with an All OK badge
OK
Dark mode alarm card for DC HQ, Vaccine fridge B at 8.9 °C
Alarm

More case studies

See all 27