16 · Design · Brand & product experience

Rehearsed

Brand identity, website & product experience.

Rehearsed is a platform where teachers practice classroom discussions with AI students. Working with founder Erin Barno, I created the brand, designed and built the website, and designed the prototype’s experience, then used AI-assisted coding to build its front end.

Brand
Identity, illustration, voice
Website
Design & build
Prototype
UI/UX, front end (AI-assisted)
Characters
Chipper, Riven & Vex
Chipper
Riven
Vex
01

The brand

Paper, Post-it notes and hand-drawn marks bring the familiar, physical world of teaching into an AI product.

The hand-drawn speech bubble makes conversation the central gesture. Teal anchors the identity; paper tones and note colours carry the tactile direction into cards, prompts and illustrations.

Rehearsed wordmarkWordmark
Rehearsed wordmark on teal
Rehearsed wordmark on purple
  • Rehearsed Teal#15616D
  • Paper#F2ECE6
  • Purple#524291
  • Lavender#D1B7E0
  • Soft Yellow#EDDEA4
  • Student Blue#CFDCEA
  • Apricot#F6A573
Typography: Erode for the product, Ranade for brand and editorial
Tone of voice

Rehearse Today. Inspire Tomorrow.

Warm

Invite exploration without judging.

Clear

Use direct language and familiar verbs.

Respectful

Recognize teachers’ expertise.

Purposeful

Connect each feature to practice.

Rehearsed illustration 1
Rehearsed illustration 2
Rehearsed illustration 3
Rehearsed illustration 4
View the brand deck →
02

The website

The website moves a visitor from interest to understanding: it names the gap between learning about teaching and practicing a classroom discussion, shows the simulation through the characters and product visuals, and ends in one clear invitation to start rehearsing.

  1. 01

    Make the need clear

    Learning about teaching isn’t the same as practicing it.

  2. 02

    Show the experience

    Characters and product visuals make the simulation tangible.

  3. 03

    Invite a next step

    One consistent voice through to “Start Rehearsing.”

Desktop
Mobile
Visit rehearsed.io →
03

The prototype and its characters

In partnership with the backend engineers, I designed the prototype’s UI and UX and built its frontend using AI-assisted coding.

Walkthrough in voice mode, how Rehearsed is mostly used: the teacher speaks to the class, the transcript is captured live, hands go up, and each student’s card lights up when called on.
  1. 01

    Prepare

    Set the lesson context and an intention.

  2. 02

    Ask & listen

    Speak to the class (or type); each student answers in their own voice.

  3. 03

    Respond

    Build on what a student says.

  4. 04

    Reflect

    Review coaching and the session report.

My filmmaking background shaped the students. Each has a distinct personality, voice and way of thinking, so teachers have different people to engage with, not three versions of one answer.

Chipper, a Rehearsed student character

Chipper

Visual thinker

Looks for diagrams, patterns and spatial relationships.

“I can visualize this as a pattern. If we draw it out…”
Riven, a Rehearsed student character

Riven

Needs support

Low confidence; rarely raises a hand and benefits from encouragement and help putting an idea into words.

“Um, I think… maybe we need to do something with the numbers?”
Vex, a Rehearsed student character

Vex

Procedural thinker

Works step by step, using formulas and familiar procedures, and is quick to volunteer.

“Following the formula step by step: first we identify the variables…”
Next · 17 · Creative InnovationSpotlight Spring 2026 →