The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
I designed an adaptive onboarding experience for Atlas, a concept for an AI-powered financial coach.
Instead of treating onboarding as a series of static questions, I wanted the experience to feel like Atlas was actually learning about the user.
Users choose their financial goals and how they feel about money, and those choices influence the visuals, character behavior, and interactions throughout the experience.
I designed the interface in Figma and brought the experience to life with interactive motion in Rive using View Models, Data Binding, and State Machines.
The goal was simple: make onboarding feel more personal, responsive, and engaging from the very first interaction.
Atlas - Adaptive Onboarding for an AI Financial Coach
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
Designed and built a card purchase interaction for the iPhone Duo.
Love how the purchase flow stays focused while still showing the full iPhone Duo journey. The repeated card framing makes the interaction feel easy to follow.
Do you ever try breaking the site you're interacting with?
I'm always thinking "what will people try to do" and then coming up with a solution for it. If I saw a card like this I'd try to pick it up. Then once I discovered it was draggable, I'd try seeing what happens if I throw it outside the browser.
What do you think?
Hot design
Good UI motion answers three questions:
Where should I look?
What changed?
What happens next?
That’s the checklist I use when thinking through a SaaS explainer.
A transition can connect two steps.
A highlight can direct attention.
A short pause can give someone time to understand the result.
When all three happen at once, the viewer has to work harder.
Before adding another animation, I ask: does this help someone follow the product?
A few frames from my Mesa, Aura and Shippiz projects, brought together in an AI-assisted collage. Different products, the same goal: make the story easy to follow.
What’s harder in your product videos: deciding what to animate, or getting the timing right?
#MotionDesign #SaaS #UIAnimation #ExplainerVideo
agreed that at the end of the day a SaaS explainer should explain really well what the software does with utmost clarity.