All work

Case study 03 · Personal project · Sep – Oct 2026

A driving schoolthat tells youwhere you stand.

Clearway is a concept for a New York driving school for first-time drivers. Students book lessons themselves, see exactly what’s done, and hear from their instructor, not from a progress bar, when they’re ready for the road test.

Clearway dashboard on desktop: the four-step path to a New York license, next lesson on Tue, Sep 29, and 5 of 7 road-test skills signed off
The same dashboard in the iOS app

Clearway

Overview

Role
UX/UI designer, sole designer
Timeline
September – October 2026
Platforms
Responsive website + iOS and Android app
Tools
Figma

Results

platforms from one design system
4
screens, each in light and dark
131
decisions logged, each with what I rejected
15
roles in one app: student and instructor
2

The premise

I started with a real driving school’s website and one question.

What would this look like if it were built for the person learning, and not for the person selling lessons?

Most driving school websites sell a package and stop there. You book by phone, in office hours. Nobody tells you how close you are to the test, so you keep buying lessons until someone says you can stop.

Repainting that site wouldn’t change any of it. So I invented a school with a different promise, called it Clearway, and set it in New York, where plenty of people learn to drive later because they never needed a car before.

What this is

A concept, on purpose.

There was no client. I haven’t tested Clearway with learners yet, so nothing on this page is presented as proven. What I can show is every decision I made, what I turned down, and where I got it wrong.

Left out on purpose: checkout, sign-up and the school’s admin side.

01Three questions

The idea

A learner opens the product with three questions. I built everything on them.

To keep myself honest I wrote one learner and kept her on every screen. Ana is 33. She moved to Queens from Belgrade, where she never needed a car. She works full-time, so she books at night. She has her permit, she’s done the 5-hour course, and she’s six lessons into a package of ten.

Ana isn’t a research persona. She’s a scenario with real dates and a real next lesson, and every screen had to stay true to it. If a number on the booking page disagreed with the dashboard, the design was wrong.

Question 1

Where am I?

Getting a license in New York is four steps, and most learners can’t name them. The dashboard opens with the path: learner permit, 5-hour course, practice, road test. Finished steps say when they were finished. The current step says how far in you are.

I rejected an activity feed, because it buries the next lesson under history, and a big progress graphic, because it spends the best part of the page on decoration.

Full dashboard: path, next lesson, readiness, package, instructor and lesson notes

Question 2

When is my next lesson?

The next lesson sits beside the path, with the pickup point and the last moment it can be changed for free. Booking another one runs in a single order: instructor, then day, then time. The current instructor is already chosen, and “Any instructor” is one click away.

The rule I held to was rules before you click, not errors after. A time the student can’t book is shown as unavailable, with the reason written on it. Booking shows one week at a time, because more than that turned a decision into a search.

Book a lesson: instructor, day and time, booked times crossed out with the reason, and a summary with the free-change deadline

Question 3

Am I ready?

This was the hardest one. New York doesn’t require a set number of practice hours from applicants 18 and over, so an hours bar would measure the one thing that doesn’t matter. A percentage would claim a precision nobody has.

Readiness in Clearway is a list of seven named road-test skills. Each one is Not started, Practicing or Signed off, and each sign-off shows who gave it and when. The summary is a count: 5 of 7 road-test skills signed off. It’s never a ring or a gauge.

One skill didn’t fit. Highway merging matters for real driving, but the New York test is driven on local streets. Counting it would block readiness on something the test doesn’t check, so it sits in its own group, called beyond the test.

The page is also honest about whose rule is whose. The permit and the course certificate are the DMV’s requirements. The skill sign-offs are Clearway’s own rule for lending its car on test day, and the page says so.

Road test page, not ready yet: documents in order, 5 of 7 skills signed off, parallel parking and three-point turn still to practice

Ready is a judgment, not a number of hours.

02What Clearway won’t do

The stance

Most of the design is things Clearway refuses to do.

I kept a log of fifteen decisions, and next to each one I wrote down what I’d turned down. Reading it back, the rejections were the product. A school that makes money from lessons has every reason to pressure a learner. Clearway is what happens when it doesn’t.

What Clearway won’t do, what it does instead, and why
Clearway won’tWhat it does insteadWhy
Show a “72% ready” ringCounts named skills, with who signed each one offA percentage implies a precision nobody has
Hold your slot with a countdownUpdates the slot in place, offers the three closest free times and keeps your instructor and dayA timer adds pressure and wastes the choices you already made
Charge a late feeUses the lesson from your package; no card is chargedThe package already holds the money, so a fee is only a punishment
Make canceling the easy buttonInside 24 hours, Keep lesson is the main action, with a way to message the school if something serious happenedThe cheapest choice should be the easiest one
Interrupt you with an offerShows a low package inside the package module, with the instructor’s estimate and the smallest top-up firstA pop-up at login is a paywall in disguise
Ask why you’re changing instructorNo reason field, and your sign-offs stay with youAny field implies an explanation is owed
Make you cancel, then rebookMoves the lesson; the old time is held until the new one is confirmedYou should never end up with no lesson
Use testimonials or a pass rateShows the product itself on the landing pageFor an invented school, both would be made up
Slot taken: the chosen time is gone and the three closest free times are offered
The slot gets taken: the time changes in place and three real alternatives appear.
Late change panel: the lesson will be used, Keep lesson is the main action
A late change: the lesson is used, and the page says so before you decide.
Add lessons panel: 2, 6 or 10 lessons, with the smallest first
The package runs low: the instructor’s estimate first, labeled as an estimate.

03The other seat

The instructor

Readiness is only believable if you can see where it comes from.

If the student’s readiness comes from the instructor, the instructor’s side had to exist. Leaving it out would have made the whole readiness page a nice-looking claim.

I designed it as one lesson log on a phone, because that’s what an instructor has in the car. After a lesson they tap each skill to Practicing or Signed off, add a set phrase if it helps, and save. It takes about thirty seconds, which matters when you teach seven lessons a day.

The set phrases are written in the product’s voice, because the student sees them exactly as the instructor chose them: “Curb contact on final turn,” not a grade.

Signing off a skill asks for one confirmation, because it changes what the student sees. If a sign-off is ever reversed, the student sees that too, with a name and a date. Readiness never changes silently.

Instructor’s Today list: seven lessons, two still to log
Today: seven lessons, two to log
End-of-lesson log: skills set to Practicing or Signed off, with quick notes
The lesson log
Sign-off confirmation for parallel parking
One confirmation to sign off

04How it sounds

The voice

Clearway speaks like a good clinic: clear, factual, unhurried.

I wrote the copy for every screen and state before I designed anything. It was the cheapest way to find out whether the product was honest, because pressure shows up in words first.

Copy Clearway rejected, and what it says instead
Instead ofClearway says
You’re crushing it!5 of 7 road-test skills signed off
Free to change up to 24 hours beforeFree to change until Mon, Sep 28, 6:00 PM
Only 2 left. Don’t lose your progress.2 lessons left. Marcus’s estimate: 2–4 more.
This time is unavailableMarcus is booked
SubmitBook

The rules behind them are short. State, don’t cheer. Name who made every judgment. Put a number where a decision is. No urgency, no exclamation marks, and nothing on screen a colleague could read over your shoulder and learn something private.

The landing page follows the same rules. It has no reviews and no statistics. It shows the booking page, the path and the readiness list, and lets them make the case.

From the landing page

“We won’t tell you you’re ready before you are, and we won’t sell you lessons you don’t need.”

Landing page: Learning to drive, on your own schedulePrices: three packages and the free-change rule

05From one website to four platforms

The build

It started as a website. It needed to be in a pocket.

Lessons happen out of the house, and the reminder that matters arrives the evening before. So after the website I built the app, for iOS and Android. Students and instructors sign in to the same app and get different tabs.

I kept the structure and the words, and let each platform keep its own habits.

  • Signing in

    Face ID on iOS and fingerprint or face on Android, through each system’s own prompt.

  • One reminder

    “Lesson tomorrow,” the evening before, for students and for instructors.

  • Native chrome

    A Liquid Glass tab bar on iOS, a Material navigation bar on Android.

  • Sheets

    Side panels on desktop become bottom sheets on a phone.

Sign in with Face ID
Face ID
iOS home with the Liquid Glass tab bar
iOS home
Android home with the Material navigation bar
Android home
Lock screen with a Lesson tomorrow reminder
The evening before

The brand

I designed the identity too: a C drawn as lane markings.

An invented school still needs a name on the car. The C is a lane line: evenly spaced dashes that read as road markings, with one blue dot. Below 24 px it switches to a solid C, so it still holds up in a browser tab and as an app icon.

On the cars the same dashes run along the lower doors as a lane stripe. The roof sign sits on ink so it reads at night, and the app gets two icons: ink for students, white for instructors.

The Clearway logo on a light backgroundThe Clearway logo reversed on inkThe Clearway logo on blueThe mark from 96 px down to 16 px, switching to a solid C below 24 px
White Toyota Corolla school car with the Clearway logo, a Student Driver label and a dashed blue lane stripeThe same wrap reversed on a dark car for test dayThe wrap on a Honda CivicThe wrap on a Hyundai Elantra
Roof sign: the Clearway logo on ink with Student Driver in blueTwo app icons: ink for the student app, white for the instructor app
The logo, the school cars, the roof sign and the app icons.

Light and dark

Light and dark.

On the website the switch sits next to Help, because for some people it’s an accessibility setting and not a preference.

Clearway dashboard on desktop: the four-step path to a New York license, next lesson on Tue, Sep 29, and 5 of 7 road-test skills signed off
Light
Dashboard in dark mode
Dark
Book a lesson: instructor, day and time, booked times crossed out with the reason, and a summary with the free-change deadline
Light
Book a lesson in dark mode
Dark
iOS home with the Liquid Glass tab bar
Light
iOS home in dark mode
Dark

Accessibility

I checked the whole file against WCAG, then fixed what failed.

The check found problems in places I thought were fine. Tertiary text and the toggle track were too light. Text on photos needed a stronger overlay. Some links and chips were too small to tap.

  • Contrast

    The failing colors were fixed, and all 25 dark-mode pairs I checked pass.

  • Target size

    Links and chips are at least 44pt on iOS and 48dp on Android.

  • Never color alone

    Every status has text and a dot or icon. A struck-through time also says why.

  • Focus and hover

    Desktop controls have both. Phone-only controls don’t pretend to have hover.

This was a design check, not a test with assistive technology. That’s still to do.

06The hardest part

The challenge

Four platforms, and it still had to feel like one product.

Designing one website was manageable. Carrying it to mobile web, iOS and Android was the hard part. Every screen raised the same question: what has to stay identical, and what should follow the platform?

  • 1

    Same structure, same words.

    The order of information and every label stay the same on all four, so a student who books on a laptop recognizes the app right away.

  • 2

    Navigation follows the platform.

    A Liquid Glass tab bar on iOS, a Material navigation bar on Android. Copying one onto the other would have looked consistent in Figma and wrong on the phone.

  • 3

    Panels become sheets.

    A side panel works on a wide screen. On a phone the same content comes up from the bottom, where a thumb can reach it.

  • 4

    Touch isn’t a small desktop.

    Targets are at least 44pt on iOS and 48dp on Android, and hover exists only where there’s a pointer.

The rule I settled on: the content never changes, the controls can.

Consistent doesn’t mean identical.

Change instructor sheet, with no reason asked
Instructor tabs: Today, Students, Account
A bottom sheet on iOS, and the instructor’s tabs in the same app.

07What I’d test first

Next

Every decision here is still a hypothesis.

I believe in these choices, but I haven’t watched anyone use them. These are the first things I’d find out.

  • Does “5 of 7” read as progress or as a verdict?I’d test the readiness page with five first-time drivers and ask what they think happens next.
  • Does the late-change rule feel fair?Losing a lesson is the hardest moment in the product. I’d watch whether people understand it before they decide, not after.
  • Can an instructor really log a lesson in thirty seconds?That number is my estimate. It needs a real instructor in a real car.
  • Are the New York facts right?The road-test route, the accompanying-driver rule and the course requirement need checking against the DMV’s own pages.
  • Does it work with a screen reader?Contrast and target sizes are checked. Reading order and labels aren’t.

I set out to redesign a website. I ended up building a brand.

The brief I gave myself was a better driving school website. By the end there was a name, a logo, a voice, the school cars and four platforms that all belong together.

That’s what I’d take forward. A brand like this is a foundation: whatever the school needs next, a new page, a new feature or a sign on the street, already has a starting point.

Next project01 / 03
Harbey