Hire us

Tempo — Application Development, Web Design & Multimedia, 2026

Case study
  • Website Design & Development

Tempo

View live site
©2026Application Development, Web Design & MultimediaRemote
Tempo — the live site

About

A joint-mobility product for people over thirty, where the landing page lets you try the thing before it asks for anything.

The Tempo bento matrix of interactive cards
The argument as colour-coded cards facing each other: the philosophy, the clinical panel, then the traditional drop-off set against the micro-flow that answers it. The page makes its case in structure rather than in paragraphs.

Context

The challenge
You cannot describe a routine into someone. They either do one or they don't.
Creative direction
The page is a bento matrix of live tiles rather than a scroll of claims. A visitor picks a focus area — spine, hips, neck, knees — and the prescribed flow appears immediately; the player and the voice cue can be triggered from the page itself. The product demonstrates rather than describes, and the signup is what happens after you have already used it.
Outcome
A landing page that works as a trial. The main interaction is doing a routine, not reading about one.
Tempo reviews laid out as named cards
“How Tempo Fits Seamlessly into Your Life” — the method as three numbered steps, each card carrying its own action, with the habit engine broken out beneath it as frictionless, voice-cued, cumulative.
The Tempo bento layout stacked on a phone
At 430px the bento stacks rather than shrinking, so every card keeps a full-width tap target.

Notes

  • Bento tile matrix: each tile is an interactive component, not a feature card.
  • Focus-area selector renders the prescribed flow inline, before signup.
  • Video and audio coaching triggered from the page itself.
Tempo's four numbered steps in one row
“Restoring Their Joint Freedom” — reviews carrying names, ages and roles against the specific complaint each person arrived with, filterable by joint. No carousel: a testimonial you have to wait for is one nobody reads.

Process

  1. The drop-off is the brief

    People abandon joint routines because forty-five minutes a day is unsustainable, not because the exercises fail. That is a behaviour problem, so a site that asks for a long read before it gives anything back would fail in exactly the same way as the routine it is replacing.

  2. Make every claim something you press

    The page is a set of things to act on — a sixty-second assessment, a sample flow, a player — instead of paragraphs asking to be believed. You try the product before it asks for an account. That ordering is the whole conversion argument and it is why the layout is a matrix of cards rather than a scrolling pitch.

  3. Let colour carry the argument

    The philosophy, the clinical panel, the failure mode and the answer are each a different colour, so the shape of the case is readable before a word of it is. On a page this dense, colour is the fastest hierarchy available and it costs no reading time.

  4. Break the studio's own type rule

    This studio sets its own site in a single weight, on the principle that size and colour should do the ranking. A product card has to rank a title, a label and a button inside about three hundred pixels, and at that scale there is no size left to spend — so Tempo runs five weights. A rule that survives every brief is a habit, not a principle.

Credits

Studio
NULL LAB
Services
Website Design & Development
Year
2026
Next project
  • Website Design & Development
  • AI Automation
  • Brand Identity & Strategy

HABITLOOP

©2026Application Development, AutomationRemote