beforeus.app ↗
CASE STUDY · OWN PRODUCT

Before Us

A daily inheritance of Black wisdom — one quote a day, with the person behind it. Taken from a loose idea to a finished, working product using the same six decisions the Innovation Lab teaches.

Visit beforeus.app See the six weeks
Before Us onboarding screen: the app mark above the line “You come from people who knew things.”
ROLE
Sole designer & builder
SURFACE
iOS app + marketing site
SCOPE
Six features, no more
STATUS
Shipped on the App Store
THE PREMISE

A quiet daily practice, not another feed.

The idea started where most do — as a feeling rather than a spec. Black wisdom is quoted constantly and attributed carelessly. A name gets detached from a life, passed around until it means nothing in particular.

The product answer was restraint. One quote a day. The person behind it, in their own context. No feed, no ads, nothing to scroll past. Everything below is how that got from a sentence to something you can hold.

THE PROCESS

Six weeks, six decisions.

THE SAME PATH THE COHORT WALKS
WEEK 01

Validate and scope the idea

The hard call was what to leave out. A quote app wants to become a feed, a social graph, a streak. The scope line was drawn at six features and written into the marketing site as a promise: small on purpose.

THE DECISION

One quote a day, and the person behind it. Everything else waits for v2.

WEEK 02

Understand the user

People do not open an app like this to browse. They open it in a mood. That reframing produced the entry point the whole interface now hangs on — a chip that reads “I want to feel comforted” rather than a search field.

THE DECISION

Organize by feeling, not by author or date.

WEEK 03

Design the user flow

Three onboarding screens, then a single daily page. From any quote you can reach the voice behind it, the collection it belongs to, or your own saved set — four tabs, no deeper nesting anywhere in the app.

THE DECISION

Every screen is at most one tap from the quote of the day.

WEEK 04

Design the interface

The quote is set like a page in a book, not a card in a feed — a high-contrast serif at display size, generous margins, and a vertical action rail pushed to the edge so nothing competes with the words.

THE DECISION

Editorial typography over app-chrome. Two themes, warm both ways.

WEEK 05

Build the prototype

The screens below are the real thing running on device, not mockups — onboarding, the daily page in both themes, the collections index, and the context view. Built with AI tooling rather than a hand-written codebase.

THE DECISION

Real content from day one — no lorem, no filler names.

WEEK 06

Refine and plan the launch

The marketing site at beforeus.app went up as the launch surface, carrying the same type and palette as the app so the two read as one product. The app then shipped to the App Store.

THE DECISION

Ship the front door before the store listing.

WHAT SHIPPED

The finished screens.

RUNNING ON DEVICE
Daily quote screen in the Tan light theme: “Turn your wounds into wisdom.” attributed to Oprah Winfrey.
DAILY PAGE · TAN
The same daily quote screen in the Dark Brown theme.
DAILY PAGE · DARK BROWN
Collections index listing themed sets such as Truth-Telling, Justice, Belonging and Grief, each with a voice count and year range.
COLLECTIONS
Context screen for Oprah Winfrey showing a short biography above the quote it belongs to.
KNOW THE VOICE
COLLECTIONS
Ten themes

Truth-Telling, Justice, Belonging, Grief, Identity, Art and more — each with its own span of years.

RANGE
1855 – 2024

From Frederick Douglass to voices still working — every quote dated and attributed.

SCOPE HELD
Six features

The v1 list written in week one is the v1 list that shipped. Nothing crept in.

THE SYSTEM

One palette, two moods.

TAN
#F4ECDF
DARK BROWN
#2A1D14
DEEP RED
#7D0404
SAND
#DDCCAE
DISPLAY & BODY
Newsreader

A reading serif, set at display size so the quote behaves like a printed page rather than an interface label.

LABELS & META
IBM PLEX MONO

Attribution, dates and section labels — deliberately mechanical against the serif.

WHERE IT STANDS

Built, shipped, and out in the world.

The app is built in React Native and shipped on the App Store, with real content throughout — every screen on this page is a live capture, not a mockup. The marketing site is live alongside it at beforeus.app.

That is the end of a six-week run: a real product you can download, open, and judge for yourself — which is exactly what the cohort is built to get you to.

Shipping it is also the point at which the bills start. The Apple membership renews every year, the database stops being free the moment real people use it, and the store takes its cut before anything reaches you. I wrote all of it down, with current prices and sources: the true cost of an app.

Want to do this with your own idea?

The October cohort runs the same six weeks, with your idea in the chair instead of this one. Six seats.

Apply for October See the curriculum