Design-to-Code
Figma or Sketch → clean Vue components, without deviations in spacing, typography, or colors.
UI/UX Implementation
Good design only reaches its potential in the execution. I translate Figma designs, design systems, and prototypes pixel-perfectly into Vue components — with attention to what truly counts.
What you get
Living interfaces that don't just imitate the design, but truly bring it to life.
Design System Setup
Consistent tokens, color systems, and component libraries with Tailwind CSS and Nuxt UI — scalable and maintainable.
Micro-Interactions & Animations
CSS transitions, motion libraries — movement that makes sense and enhances the user experience.
Accessibility
WCAG-compliant markup, keyboard navigation, correct ARIA attributes — quality that works for everyone.
How I work
From the first design review to final QA — with precision and an eye for detail.
01 — Design Review
Checking the design for implementability, clarifying questions, defining edge cases and states.
02 — Component Planning
What components are needed? Where is there reuse? Structure before code.
03 — Implementation
Pixel-perfect execution with clean markup, responsive behavior, and real interactions.
04 — QA & Polish
Cross-browser testing, accessibility checks, final corrections — until it's truly right.
Bring your design to life
You have a design — I make sure it looks and feels exactly the same in the browser.