Traffic Yielder · freelance
ROLE
Product Designer
TYPE
Freelance
SCOPE
Onboarding, design system, site
TOOLS
Figma
MY ROLE
A freelance project built together with people I know from Ball Hard’s Den. I designed the product from landing page to onboarding, and the design system both sides share.
I OWNED
•
Onboarding flow, UX and UI
•
Figma design system (auto-layout, components)
•
Marketing site and landing pages
•
Dev handoff
WORKED WITH
•
Developers
•
Marketing
TOOLS
Figma
Auto-layout
Components
Prototyping
guided steps from website URL to a 30-day content plan
days of article ideas with keywords and potential traffic
plans after the trial: Lite and Scale
Numbers describe the product flow, not business results.
THE CHALLENGE
•
New users landed on an empty dashboard with nothing to do.
•
Keywords, competitors and traffic potential meant little without context.
•
Pricing came before people had seen what the AI could do for them.
WHAT I DID
01
Step one only asks for a URL. The sidebar shows all six steps, so people always know how far they are.
02
“Generate for me” suggests competitors, so nobody gets stuck on a blank field.
03
Key metrics turn the website into a clear picture of potential traffic before any payment.
04
Pricing comes last, with a 7-day trial and two simple plans.
ON MOBILE
Every step works on mobile. The 30-day plan becomes a scrollable list of article cards with keywords and traffic potential.
THE OUTCOME
•
Users trust a tool faster when it does the first piece of work for them.
•
Showing progress (step 3 of 6) keeps people going.
•
One design system for site and product kept everything consistent.
Thor’s take
Six steps to a content plan. It takes me six steps to find the sofa. We’re basically the same.
NEXT PROJECT
