How I Design & Work
The tools I use to turn user insights into clear interfaces — from research and wireframes to prototyping, testing, and developer handoff.
01 · Design
Tools I use to turn ideas into clear, usable interfaces.
UI Design · Wireframing · Prototyping · Design Systems · Dev Handoff
Responsive Design · Interactive Prototypes · Motion · Web Design
Illustrator · Photoshop · Visual Assets · Image Editing
02 · AI-Assisted Workflow
Using AI to explore ideas faster and spend more time on design decisions.
Research Support · UX Exploration · Copy Refinement · Documentation
UX Critique · Prototyping · Product Exploration · Claude Code · Front-end Implementation
Visual Analysis · Research Support · Idea Exploration
Prototype Exploration · Content Generation · Design Assistance
03 · Research & Testing
Tools I use to understand users and validate design decisions.
Task Completion · User Feedback · Usability Insights
Event Tracking · User Behavior · Conversion Analysis
Heatmaps · Session Recordings · Scroll Behavior
Research Notes · Synthesis · Project Documentation
04 · Collaboration & Development
Working closely with developers to make sure designs work beyond the screen.
Responsive Layouts · Basic Structure · Styling
Component Structure · Responsive UI · Front-end Collaboration
Responsive Styling · Layout · Design Token Alignment
Version Control · Design QA · Collaboration
Sprint Planning · Design Tasks · Team Communication
User Journeys · Affinity Mapping · Design Workshops