Consumer SaaS · AI · 0→1 Concept

Momentum — Turning Post-Launch Silence into Retention

Website builders are good at getting you to launch. After that the dashboard goes quiet and the owner is on their own. Momentum is a concept for an AI growth companion that turns “I’m live, now what?” into one clear, two-minute move every week. The metric it’s built to move is first-year renewal.

Role
UI/UX Designer (Concept)
Type
Strategy → Prototype → Test plan
Timeline
6-Week 0→1 Sprint · 2026
Tools
Figma · HTML/CSS/JS
Role & Responsibilities

Solo, self-directed — and no team to hide behind

This is self-directed concept work with no client and no team, so everything below is mine end to end:

  • Problem framing — reading the funnel drop-off and naming the four assumptions behind the concept, in the Research section below.
  • Information architecture — the panel, its three tabs, the review drawer, and the first-run and notification surfaces this audit added.
  • Interaction & visual design — the working prototype itself: the Momentum ring, ranked move cards, and the review-and-approve drawer.
  • Design system — the token set (colour, radius, shadow, motion) and the component states documented under Design System.
  • The test plan — the pass/fail thresholds under Outcome & Impact, written before any session exists to run them.
The Challenge

People launch fast, then fall off a cliff

For a first-time small-business owner, the moment right after “Publish” is the moment it stops being fun. There are fifty things they could do and nothing tells them which one matters. So they do a burst of work at launch, then nothing for weeks.

For a subscription business, that silence has a price. No visible results means no perceived value, and no perceived value turns up months later as a non-renewal . The steepest drop in the lifecycle sits between publishing and making a first improvement, so that’s the gap I went after.

Momentum — AI growth companion dashboard concept
Research & Discovery

How I’d earn conviction

This is a self-directed concept, so there’s no research behind it yet. What follows is the study I’d run before asking a team to build it. It starts with 12 interviews with owners 2–16 weeks post-launch, to hear what they actually did after publishing. Then funnel and cohort analysis mapping publish → improve → renew, session replays of the post-launch dashboard, and tagged cancellation reasons, because what owners tell me in a room and what they do on a Tuesday night are rarely the same thing.

The concept rests on four assumptions. Each one is a claim that study would confirm or kill:

01
It’s choice paralysis, not laziness. Owners want a ranked next step, not a toolbox.
02
Progress has to be felt early. Traffic takes weeks; motivation lasts days.
03
Owners trust the effort, not the vocabulary: “get found on Google” beats “meta descriptions.”
04
Small & scheduled beats big & someday. A 2-minute weekly nudge fits the time they actually have.

Two moments the product exists to change. I wrote them as scenarios, not findings. Nobody said these to me:

“I spent the whole weekend building the site, hit publish — and then just sat there. Nobody tells you what comes next.”Illustrative scenario · owner, three weeks after launch
“I paid for a full year. Two months in with no visitors, I assumed it wasn’t working and let it lapse.”Illustrative scenario · the churn this concept targets
Information Architecture

One panel, three tabs, no new login

Momentum doesn't get its own sign-up — it lives inside the dashboard the owner already logs into. Everything below is what's inside that one panel.

Existing website-builder dashboardOwner is already signed in — no separate Momentum login
Momentum panelThe companion surface this case study covers
Notification preferencesCadence control + pause / mute
First-run empty stateScore 0, no streak — one primer card
first visit only
This week (default view)Momentum ring + score, streak, ranked growth moves
Review & approve drawerWhy this move → before/after copy → tweak or approve
ProgressScore-over-time chart, stats, shipped-move timeline
InsightsWhat's working, tied to a shipped move · next-best recommendation
01This week — the default view: ranked growth moves, the Momentum ring, the streak.
02Progress — score-over-time chart, summary stats, shipped-move timeline.
03Insights — which past move is driving the current uplift, plus a next-best recommendation.
04Review & approve drawer — opens from any move: why it's ranked, before/after copy, tweak or approve.
05First-run empty state and notification preferences — the two surfaces this audit added; neither existed before.
User Flows

Three flows, including the ones that assume “no”

“Suggest → do → see it land → measure” describes the mechanism, not the screen-to-screen path — and every earlier version of this case study only ever showed the owner saying yes. These three cover the whole thing, including the branches where they don't.

Flow 1 — first move, first-time owner. From an empty panel to the first shipped move, looping back if more than one move gets done in a sitting.

  1. 1
    Panel opens emptyScore 0, no streak — first-run empty state
  2. 2
    Primer card explains the loopSuggest → do → see it land → measure
  3. 3
    Ranked move list appearsSix moves, highest impact ÷ effort first
  4. 4
    Owner opens a moveTaps a growth-move card
  5. 5
    Review & approve drawer opensWhy this move → before/after copy
  6. 6
    Owner approves (or tweaks first)No blank page — everything is pre-drafted
  7. 7
    Score + streak animate, toast confirmsMomentum ring jumps, win logged to streak
More ranked moves left this week?
Yes loops back to step 3
No
"All done" stateMomentum surfaces the next best move on Monday

Flow 2 — returning owner, mid-streak. The steady-state loop: ship a move, watch the score move, check Progress and Insights.

  1. 1
    Panel opens with an existing score + streake.g. score 41, 2-week streak, 3 moves shipped
  2. 2
    Owner ships another moveSame review-and-approve drawer, now familiar
  3. 3
    Score rises, streak continuesMomentum ring animates; toast confirms the win
  4. 4
    Switches to ProgressChecks the score-over-time chart and shipped timeline
  5. 5
    Switches to InsightsSees which past move is driving the current uplift

Flow 3 — lapsed streak, and declining a move. What happens when the owner does nothing, or says “not now” instead of approving — the two branches no earlier version of this concept accounted for.

A normal week in "This week"Ranked moves are showing; the owner hasn't acted yet
If the owner does nothing
  1. A1
    Owner takes no action this weekThe ranked moves go unopened
  2. A2
    Streak resets to 0Momentum ring drops; no move was shipped
  3. A3
    Cadence rule appliesMiss 2 nudges in a row → Momentum quiets down instead of escalating
If the owner declines a move
  1. B1
    Owner opens a moveReview & approve drawer opens as usual
  2. B2
    Chooses "Not now" instead of approvingNo penalty — the drawer simply closes
  3. B3
    Move is deprioritised, not deletedIt drops in rank rather than disappearing
  4. B4
    Resurfaces laterRe-ranked against new moves in a future week
Lo-fi Wireframes

Structure before polish

The prototype's four core states — This week, the review-and-approve drawer, Progress, and Insights — went straight to high fidelity, with nothing showing the structural pass in between. These sketches are that missing step, done after the fact but true to how I'd actually sequence it: layout and hierarchy first, colour and copy after.

This week
✕
before
after
Review & approve drawer
Progress
Insights
Edge Cases

The states a happy path leaves out

Every earlier version of this case study assumed the owner always says yes. Four states close that gap:

  • First-run empty state — score 0, no streak, before a single move has shipped. One primer card explains the loop instead of dropping the owner into a bare dashboard.
  • All moves shipped — the “you've shipped every move this week” state the prototype already has, promoted here from an incidental screen to a documented pattern.
  • Declined move — choosing “not now” instead of approving. No penalty: the move is deprioritised, not deleted, and is re-ranked against new moves in a future week.
  • Lapsed streak — missing a week resets the streak, and missing two nudges in a row makes Momentum quiet down instead of escalating — the cadence promise made concrete as a state, not just a line of copy.
  • Not yet designed: a move that can't apply automatically and needs the owner's input before it can ship. Flagged here rather than skipped, since “pre-drafted” implies this path exists.
Interactive Prototype

Interactive walkthrough

The prototype below is live, not a screenshot. Click a growth move to open the review-and-approve drawer, approve the AI-drafted change, and watch the Momentum Score and streak respond. That’s the whole loop: suggest → do → see it land → measure.

The prototype, screen by screen

Captured from the live build. Approving one move moves the Momentum Score from 41 to 55 and the projection from 120 to 165 monthly visitors — the state change is the whole argument.

This week — ranked growth moves
01This week — ranked growth moves
Review drawer — why this move, before/after copy
02Review drawer — why this move, before/after copy
Shipped — score 41 to 55, projection +45 visitors
03Shipped — score 41 to 55, projection +45 visitors
Progress — momentum over six weeks
04Progress — momentum over six weeks
Insights — what is working, what is next
05Insights — what is working, what is next
Interactive prototype

The prototype below is the running build — click it to interact.

Best experienced on desktop — the drawer and the progress panes need the width. The prototype also has its own full case-study page: open it in a new tab.

Final Design

One next move. Every week. Proof it worked.

Momentum sits inside the dashboard the owner already logs into. Instead of a toolbox of growth features, it hands them one thing to do this week. Four principles carry the assumptions into the product:

01Rank, don’t dump. AI scores every possible improvement by impact ÷ effort and surfaces only the top move.
02Two minutes, done-for-you. Each move arrives pre-drafted; the owner reviews and approves. No blank page, ever.
03Make progress felt now. A Momentum Score rises the moment a move ships. It stands in for traffic, which takes weeks to show up.
04Plain language, real outcomes. The jargon lives underneath, on demand.
Design System

Built on reusable, token-driven components

Momentum extends an established SaaS design language rather than reinventing it. The new patterns it needed — growth-move cards, the Momentum ring, streaks — are documented as tokens and components so another team can adopt them without asking me what I meant.

Colour tokens

Violet 600 · brand / primary
#673DE6
Violet 400 · accents
#9B7CFF
Growth · success / progress
#22C3A6
Spark · streaks / highlight
#F5A524
Ink · text
#14122B
Surface · backgrounds
#F4F2FB

Foundations

Type
Inter, one scale: display, heading, body, body strong, overline — generous line-height, because the copy is doing explanatory work.
Radii
--radius 16px, --radius-lg 24px, --radius-sm 10px.
Elevation
Three shadow steps, all tinted with the ink hue rather than black, so cards sit on the violet surface instead of floating over it.
Motion
One easing token, cubic-bezier(.2,.7,.2,1), on every transition.
Components
Buttons (primary, ghost), growth-move card, impact and time chips, the momentum delta, tab bar, review drawer.

Radii, elevation and motion are tokenised, which is what keeps the components consistent once someone else is building with them. The running system is on the prototype page.

Outcome & Impact

What would have to be true

Before I’d project any business impact, the concept would have to survive 9 moderated usability sessions on the clickable prototype below. I’d write these thresholds down before the first session. Miss any of them and the concept goes back:

  • 8 of 9 participants complete a growth move unprompted in the first session. Fewer than that, and ranking one next move hasn’t solved the paralysis.
  • Time to first improvement under 3 minutes. Longer, and “two minutes, done-for-you” is a promise the product doesn’t keep.
  • 7 of 9 would open a weekly nudge, and none call one-per-week spammy. Any “spammy” and the cadence is wrong, not the copy.

Writing the pass mark down first is what stops a usability session turning into a hunt for encouragement. After that, here’s what I’d instrument:

North star
Weekly active improvers (owners who ship ≥1 move/week).
Leading
Move completion, streak retention, Momentum Score growth.
Lagging
30/90-day activation → first-year renewal.
Guardrail
“Helpful vs. nagging” sentiment — kill nudges that annoy.

To be clear about what this is: a self-directed concept. I ran no interviews and no usability sessions, and I queried no analytics. Every number on this page is a target I set in advance, not a result I measured. What it shows is how I frame a problem and how I’d decide whether I was wrong about it. Not affiliated with or endorsed by any company referenced.

What I Learned

The hardest trade-off

Auto-applying every change would push completion numbers up, and I still didn’t do it. If the owner never sees what changed, they never learn their own site, and the first time the AI gets something wrong they have no way to catch it. So: review-and-approve, and I’ll pay the friction that costs. The risk I’d want to kill first is notification fatigue, which is why it’s one move a week and not a feed. After that I’d look at benchmarking (“sites like yours”) and a multi-site view for agencies.

This one is about how I get from a problem to a product bet. Naming the assumptions out loud, picking a north-star metric, and writing the pass mark for a usability study before running it, so the study can still say no.

What this project demonstrates

This one is about how I get from a problem to a product bet. Naming the assumptions out loud, picking a north-star metric, and writing the pass mark for a usability study before running it, so the study can still say no.

Next project
NovaPay —
Design System & Interactive Prototype for Mobile Banking
Get in touch

Let’s talk.

Happy to walk through any of these case studies on a call, including the parts that didn’t work.

Please add your name
Please add a valid email
Please add a subject
Please add a message
Open to opportunities
Based inRijeka, Croatia · remote worldwide, or relocating within the EU
Right to workEU citizen (Portugal) · no permit needed anywhere in Europe
Open toUI/UX designer roles, employed or contract
Email me directly atnicole@dinardo.design