Elevating designs from UI to XR to AI
Product Designer
HTML5/CSS3 Mastery
Product Design
Branding
Collaborative Team Player
Projects
Playground
Storybook Unity Game
Coded a Unity game with picking up items, portal spawn & more.
Chroma AI | Design System
Create full-scaled Palette based on style, even with just an image.
Time Blocking app
Structered inspired time blocking app in Mixed Reality.
Robot Dancing in Unity
Prototyping in Unity and creating a dancing robot with animation.
Sakura Picnic in Adobe Aero
A Sakura tree and Picnic made from Blender & Nomad in AR.
About Me
Thoughtworks
Apple
TELUS (Canada)
Mercedes-Benz
jitter.video
Walmart
Qatar Airways
Napster
Infinite Reality
Swarovski
Shopee (Indonesia)
Stripe
Volunteer
UX Speaker
Circuit Stream Alumni Guest Speaker
My Main Stack
My AI-Integrated Design Process & Team Collaboration
Disclaimer: My process always evolves depending on the project—especially with AI involved—so this is just a general perspective.
Kick off with discovery sessions to understand business goals, user needs, and technical constraints.
Collaborate with PMs and C-Suite to align on product vision, define success metrics, and ensure the roadmap supports user outcomes.
Use AI tools or research and researchers to surface insights faster.
Start by gathering inspiration through moodboards, visual references, and exploring design patterns from best-in-class apps.
Study interactions and features from similar platforms, focusing on what's familiar and delightful to users to ensure a smooth experience.
Conduct traditional UX research (user interviews, journey mapping) while also leveraging AI tools like persona generators, usability predictors, and competitive analysis summarizers.
Present early research findings to PMs and engineers to validate assumptions, uncover technical constraints, and align on priorities early.
Rapidly ideate flows and systems using AI-assisted design tools (e.g., Cursor for UX logic, Galileo or Diagram for UI exploration).
From the start, I integrate Auto Layout, Variables, and Variants in Figma to ensure scalable, clean design handoffs.
Begin early AI prototyping using tools like Builder.io, Lovable, and Cursor, especially for larger projects where faster iteration and developer alignment are key.
Collaborate closely with engineers to validate feasibility and get ahead of edge cases, while keeping PMs involved to align on business logic and feature prioritization.
Define scalable systems using Figma Variables, Auto Layout, and Component Variants to support light/dark modes, state changes, and platform responsiveness.
Ensure all variables are on-brand and aligned with the company’s design vision, while also being flexible enough to adapt quickly if branding evolves.
Share the system with directors and other designers for feedback and alignment, and document it clearly so it can scale across teams and products.
Thoroughly test the prototype or feature with all edge cases before handing it off to developers—this reduces back-and-forth and surprises in implementation.
Run UX testing where possible (via moderated tests, Figma prototypes, or AI-generated feedback tools) to validate usability and flow.
Keep PMs and engineers closely involved early on to make sure the design is technically feasible within the current stack, fits into the roadmap timeline, and won’t create bottlenecks during development or integration.
Provide clean documentation and redlines with versioning built in.
Host live syncs with engineers for dev QA, prototyping clarification, and post-launch polish.
Act as the bridge between design, engineering, and product, ensuring the build matches vision and functionality.
After launch, track product performance with dashboards (prefer AI-Assisted) and user feedback loops.
Debrief with the broader team to capture learnings, what worked, and what we’d optimize next time.
