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
oct '24 - current
Napster
Designed immersive 3D product experiences and interactive environments as part of Napster’s transformation into an AI-powered immersive technology platform following its acquisition by Infinite Reality. Led interface design and rapid prototyping for experimental 3D commerce concepts, helping explore how brands and users interact inside spatial digital environments.
Sep '23 - Oct '24
AuroraScape
I left consulting and contributed to the design of immersive XR experiences exploring spatial interfaces and interactive storytelling within virtual environments. The project was accepted into Meta’s XR acceleration ecosystem, supporting experimentation with next-generation immersive product design.
Jun '21 - AUG '23
Thoughtworks
Collaborated with cross-functional teams to design scalable digital products and user experiences for leading technology companies across the West Coast. Delivered research-driven design solutions while managing client relationships and translating complex requirements into intuitive interfaces.
AUG '20 - MAY '21
SONAPHI
Designed immersive 3D product experiences and interactive environments as part of Napster’s transformation into an AI-powered immersive technology platform following its acquisition by Infinite Reality. Led interface design and rapid prototyping for experimental 3D commerce concepts, helping explore how brands and users interact inside spatial digital environments.
AUG '20 - MAY '21
Travonde
Coded, designed and refined user experiences for digital travel and lifestyle platforms, focusing on creating intuitive interfaces that simplified trip discovery and planning. Collaborated closely with product and engineering teams to translate complex travel data into seamless, user-friendly product flows.
AUG '20 - MAY '21
Blue Shield of California Foundation
Worked as an early product designer within Blue Shield’s innovation incubator to help launch a social wellness app aimed at addressing online bullying among teens. Conducted research with target users and helped shape the product concept that ultimately secured $75,000 in seed funding and support from Facebook.
Nov '19 - Mar '20
CodePath
Completed CodePath’s intensive iOS development program, building native mobile applications using Swift and Apple’s iOS frameworks. Developed a strong foundation in mobile product architecture, user interaction design, and the technical constraints that shape modern mobile experiences.
Nov '17 - AUG '19
Weight Watchers, Neuro Leap & Gloopt
Designed and built iOS applications from concept to prototype, combining product design with hands-on development to better understand implementation and performance constraints. This technical background informs my design process today, allowing me to create interfaces that are both visually compelling and realistically engineered for production.

Thoughtworks

Apple


TELUS (Canada)

Mercedes-Benz

jitter.video

Walmart

Qatar Airways
Napster

Infinite Reality

Swarovski

Shopee (Indonesia)

Blue Shield of California

DJI Osmo

iOS Mentor

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.
























































