Sticker Art

The product’s imagery language, in place of grey-box placeholders. Each scene is a fanned deck of the product’s OWN UI fragments rendered as die-cut stickers that deal in on entry. Most share one toolkit (Deck, ArtSticker, ArtBar); this page collects every illustration used across the product so the whole family can be reviewed in one place. Decorative and aria-hidden; the copy carries the meaning.

First-use tutorial captures

The hero imagery for the four first-sign-in walkthrough slides. NOT sticker decks — these are live, static “product captures”: real product surfaces (the Home folder pile, a locked folder’s prerequisites, the licensed finale) rendered with the app’s own tokens, framed in a 5:3 viewport and scaled to fit so they stay vector-crisp and identical on the mobile drawer and desktop modal.

Welcome (Home at a glance)

Your path (the folder pile)

Complete → unlock (locked folder)

Finish line (licensed finale)

Journey stage-heroes

Online course

Lessons build progress toward the learner license (the yellow-band reward).

Driving lessons

A booked slot and a certified instructor, logging hours behind the wheel.

Road test

Eligibility clears, then an examiner slot is ready to book.

Licensed

The issued credential, a course certificate, and solo driving.

Stage-heroes with live data

The three progress scenes read the student’s real state on the dashboard (course completion, the soonest booked drive + logged hours, the booked examiner slot). Above, with no data, each shows an illustrative placeholder (an unlabelled bar, a calendar glyph, a generic avatar) so the pre-engagement invitation never states a specific figure as if it were the student’s. Below, the same scenes fed sample live values.

Online course · 38% complete

Real completion percent drives the bar and its figure.

Driving lessons · booked + underway

The soonest drive (Sat 18), 12 of 30 hours logged, and that drive's instructor.

Road test · slot booked

The booked examiner appointment (Mon 20) in place of the calendar glyph.

Journey folder states

Road test booked

Shares Deck.

Not passed (retake)

Shares Deck; enriched Feedback wing.

Passed (finale)

The licensed finale with a stamping seal.

Referral

Reward card (hub hero)

The referral hub hero — a single bg-brand credit-card-shaped reward card (a mini cousin of the Billing plan card), NOT a deck.

Refer a friend (email dialog)

The email-invite dialog header — the shared Deck; heroFill brands the focal centre card.

Post-drive report

Passed

The report-card fragments after a drive.

Not passed

Same deck, the not-passed variant.

Booking

Drive booked

The booking-confirmed scene.

Invite & linking

Invite header

Reconciled onto the shared Deck.

Link request

Guardian links a student. Shares Deck.

Confirmations

Certificate ready

Single card — the course certificate.

ITTD uploaded

Shares Deck.

Learner license on file

Single card — the stored learner license.

Paperwork ready (DPS opt-out)

Single card — the printable packet + seal.

Theme