Responsive Web breakpoint.
Marketing sites, product sites, and responsive web apps that look right from 320px phones up to 2K monitors. Component-driven Figma + a working accessibility audit before handoff. Recent work: Painted Juttay e-commerce, this site you're reading.
The kinds of problems I'm good at.
- Marketing/landing sites that actually convert
- Responsive product UIs (dashboard, settings, checkout)
- Design systems that survive contact with engineering
- WCAG AA accessibility audit before handoff
From kickoff to handoff.
- 01Week 0
Discovery call
Free 30-min call. Fixed-scope proposal within 48h.
- 02Week 1
Information architecture
Sitemap, content audit, IA workshop. Approval before we touch visual.
- 03Week 1–2
Wireframes
Mid-fi screens for every breakpoint that matters. Click-through review.
- 04Weeks 2–4
Visual design
Hi-fi screens — desktop, tablet, mobile — with component variants.
- 05Week 4–5
Accessibility audit
WCAG AA pass: color contrast, focus order, semantic structure, keyboard flow. Fixes integrated.
- 06Week 5–6
Dev handoff
Specs, tokens, animation timings, plus 2 weeks of Q&A.
What you'll actually get.
Hi-fi mockups
Desktop + tablet + mobile breakpoints for every page.
Design system
Component library with tokens, variants, dark-mode ready.
Accessibility audit report
WCAG AA gap analysis + remediation list before code.
Dev-ready specs
Tailwind/CSS-friendly tokens, animation specs, asset exports.
When we're done, you have:
- A site that looks intentional at every breakpoint — not auto-scaled
- A design system your team can extend without breaking
- An accessibility audit you can show investors / partners
- Engineering handoff that doesn't require a 3-week back-and-forth
What's included.
- Information architecture
- Wireframes for marketing + product flows
- Hi-fi mockups (desktop, tablet, mobile)
- Component-driven design system
- Dev-ready specs
- Accessibility audit (WCAG AA)
