Progress Bar & Illustration
I began by understanding the user flow through conducting a design audit looking at the end-to-end flow and noting which screens might be impacted. This allowed me to identify opportunities, limitations, as well as design considerations
Integrate entry points to incentives, without disrupting the user’s happy path
Provide a permanent home for progress tracking and re-entry - maintaining consistency across mobile/web.
Incorporate strong motion and visuals for success and primary entry points
After exploring multiple placement options across the perpetuals flow, these were the final entry point proposals we pushed — each designed to surface the onboarding incentive without pulling users off their happy path.
There are various possible entry points around the product - with varying levels of prominence.
We wanted this progress tracker to live on the portfolio tab - a tab where users come to view their overall crypto portfolio and positions.
Progress Bar & Illustration
% Progress Tracker
Step Navigation
We explored different options to present progress and let users navigate between steps.
The progress bar with illustration kept users focused but hid what came next, and reused a Standard-mode card that didn’t match Advanced’s visual language. A percentage-based tracker showed one step at a time without illustration—less engaging, and a percent readout added little value for a three-step flow. Horizontal card navigation got us closer, but critique surfaced a mismatch: that style already signals distinct upsells in the app (for example, earn by trading versus earn by referring a friend), which felt out of place for connected, sequential steps.
Final solution: step indicator with dynamic CTAs
A header that signals this is a rewards experience.
A step indicator that shows what the process entails, with users automatically scrolled to the relevant step.
A CTA that updates based on the step a user is in.
Through most of my past experiences, I had always seen myself as a functional designer especially having an engineering background.
I challenged myself to make 100s of explorations of the same screens. I tried prototyping animations, creating illustrations myself, and leveraging Figma’s many plugins to skew screens.
Push yourself to explore — be creative and test the boundaries of the systems which you’re confined to.
Leverage the resources around you, especially adjacent design partners.
Striking the balance between business and user needs through prototyping.