Product & Motion Designer with a multimedia twist
Token system design
📄 Surpass EDI
A scalable design system architected for complex workflows
A comprehensive design system architected to support the rapid scaling and standardization of a high-growth EDI platform. Leveraging OKLCH colour logic and a 3-tier token framework, I engineered a flexible library that ensures accessibility and visual consistency across all pages, themes, and complex data states.
✔ 3-tier token architecture
✔ Dual-theme implementation
✔ Custom component library
👋 More about Toyo
I’m a product and motion designer with 8+ years of creative experience spanning graphic design, video, and web. Recently, I’ve focused on product design, where I enjoy building scalable design systems and reusable components in Figma. Accessibility is at the heart of my work—I believe great design should be inclusive and create meaningful, user-friendly experiences for everyone.
I’m also energized by exploring new tools and the evolving role of AI in design. Constantly learning and experimenting, I aim to push creative boundaries while keeping the human element at the core. Collaboration and fresh perspectives inspire me most, and I’m always excited to connect and bring ideas to life together. ✨
My Works
System Design
Surpass EDI design system
A deep dive into building a modern, accessible design system for EDI software. This project highlights the implementation of perceptually uniform colours, a robust Figma variable architecture, and the transition from fragmented UI to a streamlined, developer-aligned component library.
Token System Design
Locopaw AI chatbot
A multi-theme design token system built with Figma variables for Locopaw, an AI chatbot for local travel. Featuring four weather-inspired UI themes, it demonstrates scalable design architecture with three-tier tokenization and automatic theme switching.
UX Design
Fruitlala AI-powered juice ordering app
A conceptual app that uses AI-driven suggestions to make juice ordering fast and personalized. Designed for busy users, it delivers an efficient ordering experience. This project showcases my full UX process—from ideation and prototyping to usability testing and design refinement.
3D Motion Graphics
Viva Green 3D motion graphics
Viva Green is a 3D motion graphics project that exaggerates eco-friendly living by covering everyday objects entirely with grass. Built in Blender and After Effects, it showcases playful storytelling, 3D modelling practice, and a lively call for greener lifestyles.