Product / Onboarding UX

A problem-agitation-solution onboarding flow in WeWeb

A five-step, problem-agitation-solution flow that gives users a personalized glimpse of their result before they ever see a signup form.

Role: UI and flow logic, built from a client-provided design spec
Company: Brave Leadership
Timeline: Live status unconfirmed
Team: Kenneth + client design spec
Impact: No metrics tracked for this flow specifically

Overview

This flow precedes the Super Objective (SO) Tool itself, opening with "You're about to discover your Super Objective™." It's structured as a problem-agitation-solution sequence: pain-point selection, a multi-select resonance screen, a "here's what that's costing you" consequence screen, a positive reframe, then the transition into the full SO Tool.

Problem

Getting a user to commit to a self-discovery tool cold is a hard ask — the flow needed to build buy-in by giving users an early, personalized sense of the payoff before asking for anything.

Process

Five steps: pain-point selection → multi-select resonance → cost framing → positive reframe → transition into the SO Tool.

The reframe step is the hinge of the flow — a selected pain point like "I'm stuck and don't know why" flips to a paired positive outcome, "You see the path forward," with a supporting benefit list.

Solution

Designed the UI and built the flow logic in WeWeb, including conditional logic that personalizes the reframe and outcome copy based on the user's earlier answers.

SO Tool welcome screen reading "You're about to discover your Super Objective™" — Welcome / intro screen

Screen listing the cost of the user's selected pain point — "Here's what that's costing you" — consequence screen

Reframe screen flipping the pain point to a positive outcome with a supporting benefit list — Reframe screen

Single-select pain-point question screen — Pain-point selection (single-select)

Multi-select resonance question screen — Resonance screen (multi-select)

Super Objective™ is a trademark of Brave Leadership.

Results

No completion or conversion metrics exist for this flow specifically — it's tracked separately from the SO Tool's own 63% completion figure.

My role

Kenneth designed the UI and built the flow logic in WeWeb from a design spec the client provided. He did not originate the underlying content or copy strategy for this flow.

Let's talk.

Open to remote Digital Marketing, Marketing Automation, and WordPress roles — reach out directly.

kenjsangalang@gmail.com

Connect →

linkedin.com/in/kenneth-jon-sangalang-tech

Connect →

GitHub

github.com/ken-turtle-learner

Connect →

Available now · Remote