Motion & Interaction Design
Exploring how motion, transitions, and interactive states can make digital products clearer, more intuitive, and engaging.
OceanMoney Virtual Card Creation
From discovery to a ready-to-use virtual card.
Motion connects each step of the card creation flow, helping users understand progress and giving clear feedback as the card comes to life.
Home → Cards → Choose Virtual Card → Card Setup → Review → Create → Card Ready
Navigation & Interaction
Making navigation feel connected and responsive.
Interactive transitions help users understand where they are, what they selected, and how different sections of the product are connected.
Home → Open Navigation → Select Section → Transition → Destination → Active State
OceanMoney NeoBanking
Bringing a complex financial experience into a more approachable interface.
Motion and interactive transitions create continuity between financial features while making the experience feel more dynamic and engaging.
Home → Explore Banking → Select Feature → View Details → Take Action → Confirmation
NFT Discovery & Collection
Making digital assets feel interactive and discoverable.
Motion adds feedback and visual continuity as users explore NFT content, helping create a more engaging browsing experience.
NFT Home → Browse Collection → Select NFT → View Details → Explore / Action → Collection
Wealth Management
Turning financial information into an easier-to-explore experience.
Interactive states and transitions help users move between financial information and actions without losing context.
Wealth Home → Portfolio → Select Asset → View Performance → Explore Details → Action
Crypto
Making complex crypto interactions easier to follow.
Motion helps communicate changes between states and provides visual feedback throughout the experience.
Crypto Home → Select Asset / Service → View Details → Enter Amount → Review → Confirm
Yield Farming
Guiding users through a complex financial interaction.
Transitions and interactive states help make the flow feel structured and understandable while keeping the experience engaging.
Yield Farming → Select Pool → View Details → Enter Amount → Review → Confirm → Success
Staking
Creating clarity around a multi-step financial action.
Motion provides continuity between selection, confirmation, and completion states, helping users understand the result of their actions.
Staking → Select Asset → Enter Amount → Review → Confirm → Staked
KYC Verification
Making a necessary verification process feel more guided.
Progressive transitions and feedback help users understand where they are in the onboarding process and what to do next.
Start KYC → Personal Information → Document Verification → Review → Submit → Verification Status
Onboarding & Learn More
Introducing the product through a guided experience.
Motion helps connect information and actions, allowing users to explore the product while maintaining a clear sense of progression.
Welcome → Learn More → Explore Feature → Feature Details → Continue → Get Started
Loyalty & Profile Levels
Making progress and rewards feel visible.
Interactive states help users understand their current level, progress, and rewards, turning profile information into a more engaging experience.
Profile → Loyalty → Current Level → Progress → Benefits → Next Level
I’d Love to Build What’s Next.
Give me a problem, and I’ll happily feed it to my brain until I find something worth building.