Category:
Mobile Design
Client:
Aptfuel
AptFuel Agent App – Onboarding & Referral Growth
Role: Lead UI/UX Designer (End-to-End Design)
Duration: 3 Months
Tools Used: Figma, FigJam
Platform: Android & iOS (Mobile-First)
Core Value Proposition: An intuitive, rewarding mobile platform that simplifies agent onboarding, referral management, and incentive tracking for everyday users.
Summary
The AptFuel Agent App focuses on making joining and participating in the AptFuel ecosystem simple, clear, and rewarding. By streamlining the experience around speed, clarity, and easy access to essential information, the app supports user engagement and network growth while keeping the interface approachable for non-technical users.
Problem Statement
Designing for users who are new to agent-based or referral platforms presents a core friction: explaining how becoming an agent works without overwhelming them. Additionally, keeping users engaged and motivated post-onboarding in a reward-driven ecosystem requires constant clarity around incentives and referral tracking.
Core Goals
Simplify Onboarding: Break complex registration and verification steps into a guided, reassuring flow.
Encourage Referrals: Provide intuitive tools for agents to invite others and effortlessly grow their network.
Transparent Incentives: Clearly display earnings, rewards, and active participation benefits to maintain user motivation.
The Solution
The AptFuel app translates agent management into a continuous, user-centric 3-step experience:
Guided Agent Onboarding: Step-by-step registration and verification built with clear prompts and minimal distractions.
Frictionless Referral Hub: Simple, one-tap sharing mechanics that empower agents to invite prospective members instantly.
Reward & Incentive Tracking: Visual dashboards that give users full visibility into their earnings and network progress.
User Research & Insights
Key Insights
Everyday Users Need Approachability: Since the platform targets non-technical professionals, complex financial or network terminology leads to high drop-off rates during initial setup.
Reassurance Drives Completion: First-time agents need ongoing feedback, clear labels, and helpful prompts at every stage of registration to feel confident moving forward.
Information Architecture & User Flow
Onboarding & Registration: Guided screens that lead users smoothly through account creation, verification, and agent qualification.
Referral Hub: Feature set allowing agents to generate links, share invites, and monitor invited contacts in real time.
Reward & Incentive Dashboard: Dedicated screens breaking down accrued earnings, active bonuses, and ecosystem benefits.
Profile & Account Management: Supporting pages for personal settings, notification preferences, and account controls.
Visual Design System & UI Components
The visual design prioritizes accessibility, mobile-first optimization, and high contrast. A energetic Fuel Orange (#FF6B00) accent drives key actions against an approachable, soft slate surface.
Design Token | Value | Visual Purpose |
Primary Accent |
| Action buttons, referral callouts, active state indicators |
Surface Light |
| Clean background maintaining readability and visual comfort |
Typography Header | Inter (Bold / Semi-Bold) | Authoritative, clear headlines for numbers and reward metrics |
Typography Body | Inter (Regular) | Crisp, highly legible body copy optimized for mobile screens |
Usability Testing & Design Pivots
Breakthrough 1: Reducing Onboarding Friction
User Feedback: Early testers felt overwhelmed when presented with all registration requirements at once.
The Iteration: Redesigned the onboarding process into a Guided Progressive Flow, breaking registration and verification into bite-sized, sequential steps with clear progress bars.
Breakthrough 2: Motivating Post-Onboarding Engagement
User Feedback: Users were unclear on how their initial referral efforts directly translated into rewards.
The Iteration: Added Visual Incentive Cards directly on the home dashboard showing immediate payout projections and active referral milestones.
Impact & Business Metrics
Streamlined Onboarding: Reduced agent registration time while significantly increasing successful completions.
Increased Network Growth: Intuitive referral features led to higher invite adoption among newly onboarded agents.
Enhanced User Confidence: Clear typography and transparent reward tracking improved long-term app engagement.
Conclusion & Reflections
The AptFuel Agent App demonstrates how user-centric mobile design can drive platform adoption and network growth. By focusing on onboarding clarity, frictionless referrals, and transparent rewards, the app makes participating in the AptFuel ecosystem simple and empowering for every user.
