Skip to the main content
Start a project

Stride, an anonymised study-habit appCanadaClient work, anonymised

Put the next study session on the first screen.

Product design for a study-habit iOS app, from onboarding to the daily plan. The flows, information architecture and component logic come from the paid engagement; the identity is re-drawn at the client's request.

Client work, anonymised — name, brand and interface re-drawn at the client's request.

See the plates

The challenge
A task list shows what is unfinished; it does not tell a student what to do in the next twenty minutes.
The decision
Put one named, scoped and timed study session first, then make onboarding and study areas support that next step.
Why it helps
The design gives an open-ended study intention a concrete next action. Nobody outside the studio tested the screens, and no product outcome is claimed.
A dark iPhone lying at an angle on a pale split stone slab in soft studio light, showing the Stride onboarding screen: a mulberry Stride wordmark, a card headed ONE THING AT A TIME reading Tuesday’s first step — Review lecture notes, 25 minutes, the headline Make room for your goals, and a mulberry button reading Let’s get started.
Stride — study-habit app, the film · anonymised client work
Our role
Product UX and UI, the screen set and the component library
Scope
Onboarding, intake, study areas, the daily plan and task creation
Constraint
Phone-first, iOS; the identity re-drawn for this page
Disciplines
Product UX and UI, Branding and identity
Year
2025
Status
Client work, anonymised

Three decisions, and why

Three of the decisions, and the screens they were made on.

  1. Decision 1: Onboarding in three screens and under thirty seconds: what the product does, then how much study time actually fits the day, with copy that says out loud the choice can change.

    A presentation board headed Splash Screen and Onboarding Screens: the oxblood splash on a large phone, then five phone screens — a welcome screen and three onboarding steps with flat oxblood illustrations of students studying — each with a progress bar and a Skip link.
    SP-22Splash and onboardingPresentation board
    Detail: A presentation board headed Splash Screen and Onboarding Screens: the oxblood splash on a large phone, then five phone screens — a welcome screen and three onboarding steps with flat oxblood illustrations of students studying — each with a progress bar and a Skip link.
    SP-22 detailThe session step, closer: small sessions, not a streak to keep up.

  2. Decision 2: A four-question intake survey with a visible progress bar and a Skip on every screen, ending in a plan rather than a score.

    A presentation board showing the sign-in and intake flow: a Log in screen with email and password fields and Apple, Google and LinkedIn buttons; a Start the quiz welcome screen; a survey question with five radio options from Not like me at all to Very like me; and a Your plan is ready completion screen with an oxblood tick.
    SP-23Sign-in and intake surveyPresentation board

  3. Decision 3: Study areas that hold a course or a personal goal. A course code is optional, because “learn enough statistics to read a paper” is a study area too.

Also in the build

  • A home screen with one obvious starting point: the next session, its subject, its scope and its duration, and the start action on the card itself.
  • Task creation as a sheet over the area it belongs to, so the relationship between a task and its plan stays visible while it is typed.
  • Four stable destinations — Today, People, Progress, You — with task creation kept contextual rather than given a tab.
  • A component set on an eight-point spacing foundation: buttons, fields, rows, chips, progress indicators, tabs, cards, sheets and toasts, sharing semantic colour roles across the light and dark themes.

The plates

More of the work. Each caption says what it shows and when it was captured.

A phone upright between two grey stone blocks, showing the Stride splash screen: a deep oxblood field, a white two-bar mark, the word Stride and the line Make room for mastery.
Stride, an anonymised study-habit app — splash screen, re-drawn · anonymised client work
A research board headed Most university students put work off on purpose: three cool-grey diagrams of dots and rings captioned the shape of putting things off, a research overview listing study-skills workshops, habit books and general task apps, a competitor set of four invented names, a gap list reading onboarding is far too long, adverts are the only revenue, the app is forgotten on the phone, no sense of progress, and an oxblood panel reading Students do not lack apps. They lack a rhythm they can keep.
Stride, an anonymised study-habit app — research framing, re-drawn, the client's own study figures are not reproduced · anonymised client work
A four-panel brand collage: an oxblood panel with the Stride wordmark and the line Make room for mastery, two photographs of students on campus, and two phone screens on oxblood reading You do not need more hours. You need a rhythm.
Stride, an anonymised study-habit app — anonymised identity, collage · anonymised client work
Branding applications in a white studio set: a white tote bag printed Sort the busy from the important, an oxblood ringer t-shirt carrying the Stride mark, and a hanging sign reading Make room for mastery with a QR code.
Stride, an anonymised study-habit app — applications, re-drawn · anonymised client work
Limits
  • Real, paid work, re-drawn at the client’s request.
  • No figures: the numbers are the client’s.
  • No artwork the client owns is shown.

What was checked

  • What can honestly be shown is the standard of the work and the logic of the flow: a first session a student can start without choosing between five equally loud buttons, an intake survey short enough to finish, and study areas that hold a course or a personal goal without forcing either into a timetable.
  • Every screen was checked for text contrast against WCAG AA in both the light and the dark theme, and every selected or focused state carries a shape as well as a colour, because a ring of oxblood on graphite is not a state a colour-blind student can read.

The limits of that

  • The engagement was real and paid for. The client asked not to be showcased, so the name, the brand and the interface on this page were re-drawn by us: the decisions are the project's, the artwork is not the client's. Nothing here is a figure, because their numbers are theirs.
  • No metrics are held. Installs, retention and revenue are unknown to us.
  • No usability testing was run, so nothing here is evidence that the flows work for a stranger.
  • Every number inside a screen — sessions done, streak days, question counts — is sample data drawn for the presentation, not a record of anyone's study.
  • Anonymisation is not a guarantee. Someone who worked on the original commission may still recognise its scope.

What we did not do

  • We did not build or ship the app. This is the product design: flows, screens and a component set a developer builds from.
  • We did not keep the client's identity. The name, the mark, the palette, the typography and every line of interface copy on this page were drawn for the anonymisation, and the client's own artwork appears nowhere on this site.
  • We did not claim a business outcome. We hold no install, retention or revenue figures for the product, so none appear.
  • We did not run usability testing. Nobody outside the studio has been observed using these screens.
  • We did not invent research to fill a gap. The study numbers the original board carried are the client's, and they are not reproduced here.

Building a product people should open every day?

Send us the onboarding you have, live or in Figma. We reply in writing with what we would cut first.

Start a product design projectUX and UI product design

Make it make sense. Tell us what you need; we’ll agree the scope and quote before work starts.

Related services and next steps: Branding and identity

A person on the team reads every request and replies in writing.

That is the work. What it costs is published, before any call.

Read the published prices