Ui Design & Interaction
Lead Ui + Motion Designer @ token.com
Design and deliver interactive UI animations for mobile and web, producing motion systems, optimised Lottie (.json) files and real-time animations using Rive, with a strong focus on performance, accessibility, and cross-platform reliability.
Hover & Click
Premium Screens
Rive Ui animation, re-design and marketing
Premium Feature experience from brand to product.
Featuring a UI/UX redesign entry points with seamless transitions and refined Rive animations, crafted to drive attention through Premium icon states and a dynamic progress bar that builds FOMO.
Translated into cohesive marketing materials, with strong cross-team collaboration and a focus on intuitive, high-quality experiences.
Dynamic Wallet Pill
Rive Ui animations, Ui design and marketing
Wallet Pill reimagined as a live, always-accessible trading touchpoint within the header.
Blending real-time data with expressive motion, the component highlights wallet balance and activity through refined, attention-aware animations. Purchase interactions are brought to life with dynamic token visuals and fluid state transitions, reinforcing clarity and immediacy of each transaction.
Developed alongside a flexible library of reusable assets and prototypes to support scalable design and marketing needs.
Dynamic Icon "Traded"
Rive animations and product
A real-time, animated feed indicator designed to visualize market activity at a glance.
Responsive Rive animations along prototypes and product videos for marketing materials. The icon, active in every post, continuously updates to reflect buy and sell movements through directional cues.
A heatbased colour system intensifies to hot red as trading volume spikes, turning data into a living, attention grabbing signal within the feed.
"Ken" Mascot in App
Jsons, motion systems and marketing.
Motion system crafted as a scalable foundation for brand expression across product and marketing.
Blending JSON-based animations, logo motion, and character animation with Ken the mascot, it brings personality to key app moments and reinforces core product feeling points through refined, reusable motion patterns.
Supported by a flexible library of assets and templates, enabling consistent storytelling and cohesive experiences at scale.
Points Screens
Jsons, motion systems and marketing
Bringing Point Screens to life across the app.
Integrating character animation and JSON-based motion into production, with a focus on performance, optimization, and seamless end-to-end implementation. Designed expressive interaction states that enhance clarity across key user flows while maintaining a cohesive system.
Developed prototypes, reusable marketing assets and templates, while driving cross-functional collaboration to ensure efficient handoff, scalable implementation, and consistency across product and brand.
Buy Experience
Rive and json animations, product and marketing
Buy experience designed to drive engagement through high-impact feedback moments.
Introduced a top-up flow with an explosion animation, seamlessly integrated with the Wallet Pill for real-time continuity and a strong “dopamine moment.”
Developed optimized motion systems and reusable assets, alongside producing TikTok ads, app store creatives, explainer videos, and GIFs, ensuring consistent performance across product and marketing.
