/ WORK / 08 – CADENCE

CASE / 019 · Web App · Design System · Flow Maps

CADENCE

A desktop web app that turns a creator's videos into clients. Cadence builds the free guide, pages, ads and follow-up emails around every video, and hands you one task a day.

START YOUR OWN

Unbland designs, builds, and operates custom digital products for media and sports platforms in 20+ verticals. Consider starting your own project similar to this one.

→REQUEST PROPOSAL

Stack

FIGMADESIGNGEISTINSTRUMENT SERIFAIMETA ADS

Client

Unbland Studio

Vertical

Creator Tools / SaaS

Categories

Web App · Design System · Flow Maps

Year

2026

Status

In Progress

Stack

6 tools

01 / 23

→

Download PDF

§ 01

Everyone watches, but only 3% of an audience is ready to buy, and most creators only pitch to them.

Creators and small studios get views, then end each video with nothing to do next. Their website asks a stranger to hire them on the first visit, and their follow-up stops after the first hello. The other 97% scroll past and forget them. The fix, from Sabri Suby's Sell Like Crazy, is to teach first: a free guide instead of 'get a quote'. Doing that by hand means research, scripts, guides, pages, ads and emails spread across eight tools, each waiting on the last.

§ 02

Put every step of the book in the order it actually works, and turn it into one task a day.

L1 · StrategyMapped the Sell Like Crazy method into a single path: video, free guide, sign-up, follow-up emails, sales call, client. Set three rules: nothing goes live until you say so, every word stays editable, no jargon.FigmaProduct model, nine-step offer order, trust principles
L2 · Structure & UXSorted the work into four rooms (Dashboard, Script & Research, Funnel & Offer, Ads & Email) behind a five-step onboarding. Mapped every flow click by click so the build matches the design.FigmaInformation architecture, onboarding, flow maps and dev notes
L3 · UI & Design SystemDesigned 116 screens, including empty states, pop-ups and errors. Built a calm system for daily use: warm paper, one orange action colour, Geist for the interface and Instrument Serif italic only for the book's rules.Figma, Geist, Instrument Serif116 screens, design system foundations

§ 03

A complete, build-ready design for a tool that does a team's marketing work in one task a day.

Cadence covers 116 screens across six sections. A creator sets up once, then Cadence finds five video formats that already work in their niche, breaks down why a video won and drafts their version. It walks them through a nine-step offer built on their real numbers, writes ads as short articles with twenty headlines to choose from, and sends plain, human follow-up emails. It replaces the researcher, scriptwriter, copywriter, page designer, ad buyer and email writer, while posting and spending always need the creator's button.

UNBLAND