Elevating designs from UI to XR to AI



Product Designer
HTML5/CSS3 Mastery
Product Design
Branding
Collaborative Team Player




Projects
About Me
Companies I have worked with

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
Kick off with discovery sessions to understand business goals, user needs, and technical constraints.
Collaborate with PMs and directors 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.




















