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.
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.
Desktop + tablet + mobile breakpoints for every page.
Component library with tokens, variants, dark-mode ready.
WCAG AA gap analysis + remediation list before code.
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)
Common questions.
I design platform-agnostic. Most clients pick Next.js + Tailwind, some use Webflow for marketing. Happy to recommend an engineering partner if you don't have one.
I write placeholder microcopy (buttons, error states, empty states) but not marketing copy. For long-form copy I work with copywriters you bring in.
I cover technical SEO setup (semantic HTML, schema markup recommendations, meta tags, OG images) but not keyword strategy or backlinks.
Image / illustration creation (I source from Unsplash or your assets), copywriting, custom development, ongoing maintenance.
