Example brief: App flow

A real brief: the onboarding + paywall flow of Atlas, an iOS app designed and shipped by Yumi, written in the How to brief Yumi format.

Goal: Atlas (iOS) needs its onboarding + paywall flow. Atlas turns your camera roll into a map of your travels, and the whole flow hangs on one rule: the user reaches the globe “wow” moment before we ask them for anything. After that, the paywall offers a free-trial annual or a lifetime unlock. The metric we judge this on: trial starts.

Copy: Screen by screen.

Photo permission: “Atlas reads your photo library on-device. Nothing ever leaves your phone.” · button: Continue
Scanning: “Building your map…” over a live progress globe.
Reveal: the user’s own travels light up the globe. No copy. The product speaks.
Paywall: “Try Atlas Plus free for 1 week” · annual plan pre-selected · secondary option: “Pay once, keep it forever” (lifetime).

References: Polarsteps’ onboarding for the travel warmth. Flighty for premium travel-app craft, and a paywall done right. The reveal should feel like Apple Photos’ auto-generated “Memories” videos: the emotion comes from the user’s own photos, not from our marketing.

Assets: Figma design system, SF Symbols, and globe renders from the live app.

Brand: Minimal and photography-first. The map is dark on purpose: the user’s photos carry the color.

Format: Figma, iPhone frames, light + dark, dev-ready components.

Delivered in ~48h. Live in Atlas on the App Store.

Why this brief worked

Sequencing was stated as a constraint: wow before ask.

The conversion metric was named (trial starts), so the paywall could be judged against it.

The privacy promise was written as product copy, not left as a legal afterthought.

Steal the structure

THE BRIEF, RAW — COPY AND ADAPT

Goal: Atlas (iOS) needs its onboarding + paywall flow. Atlas turns your camera roll into a map of your travels, and the whole flow hangs on one rule: the user reaches the globe “wow” moment before we ask them for anything. After that, the paywall offers a free-trial annual or a lifetime unlock. The metric we judge this on: trial starts.

Copy: Screen by screen.
1. Photo permission: “Atlas reads your photo library on-device. Nothing ever leaves your phone.” · button: Continue
2. Scanning: “Building your map…” over a live progress globe.
3. Reveal: the user’s own travels light up the globe. No copy. The product speaks.
4. Paywall: “Try Atlas Plus free for 1 week” · annual plan pre-selected · secondary option: “Pay once, keep it forever” (lifetime).

References: Polarsteps’ onboarding for the travel warmth. Flighty for premium travel-app craft, and a paywall done right. The reveal should feel like Apple Photos’ auto-generated “Memories” videos: the emotion comes from the user’s own photos, not from our marketing.

Assets: Figma design system, SF Symbols, and globe renders from the live app.

Brand: Minimal and photography-first. The map is dark on purpose: the user’s photos carry the color.

Format: Figma, iPhone frames, light + dark, dev-ready components.

‹ Example brief: Website page

Power users: Claude to Trello ›