Research first
Talk to users before touching Figma.
Available · Vancouver & Remote
Designer.Developer.She Ships.
I research the problem. Design the solution. Write the code. Most designers do one of those. I do all three.
4+Years of practice
3Projects shipped
3Industries
About
Most products fail in the space between the designer and the developer. I work in that space.
I'm based in Vancouver. Before I open Figma I talk to users. Before I ship I read the code review. Four years of that has made me useful in rooms where most designers go quiet.
I've shipped e-commerce, SaaS dashboards, and service platforms. The brief is always wrong about something. Finding what before the build starts is the job.
I run AI agents for research synthesis, prototype generation, and production code. Not because it's faster. Because it lets me work at a scale that used to take a team.
- Vancouver, BC
- Open to remote
- Bilingual EN / ES
- Design + Code
Available for new roles
Code fluency
I know what's painful to build.
Systems thinking
Components and tokens, not one-off screens.
AI direction
I run agents. I don't just use tools.
Selected work
Three projects. Real problems. Shipped.
Each one is a full story from research through to a live product.
2024E-Commerce + Booking · React Rebuild
Mini Pancake Co.
2 flowsShop + Booking
5-stepBooking Wizard
React 18ViteTailwind CSS
Read case study
2024Design System · Component Library
BEYOND Skincare
20+Documented Components
AAWCAG 2.1 Compliance
Design SystemReactTypeScript
Read case study
2024Booking Platform · Full-Stack Frontend
Beauty by Amy
5-stepBooking Wizard
4 tabsAdmin Dashboard
React 18ViteTailwind CSS
Read case study
AI workflow
Other designers use AI to go faster. I use it to do things I couldn't do alone.
Step 01
Research synthesis
I feed raw interview transcripts into pipelines I've built. Themes and patterns surface in minutes. The judgment on what matters is still mine.
Step 02
Rapid prototyping
I describe interaction logic and get working prototypes back. I review, redirect, and refine. The thinking layer is mine. The production layer is delegated.
Step 03
Shipping with agents
Components, copy, accessibility audits. Agent workflows handle the repeatable work. I decide what gets built. Not how many hours it takes.
Tools I direct
- Claude
- Cursor
- v0
- Framer
- GitHub Copilot
- Figma AI
Process
The process is boring on purpose. The results aren't.
Discover
Listen before everything. Interviews, audits, recordings. The actual problem is rarely in the brief.
Define
Turn raw research into a problem statement. Get alignment before opening Figma. Saves most of the revision cycles.
Design
Lo-fi first, always. Sketch, test early, find the gaps. By the time something looks polished it has been validated multiple times.
Deliver
Clean specs, real handoffs, and code when it matters. When I build it I stay close until it's live.
+34%Conversion lift
+52%Booking growth
94%WCAG compliance
20+Projects shipped
Contact