Lebenslauf • One‑Pager

Ich baue reiche Web‑Erlebnisse & smarte Interfaces

Frontend‑Designer/Engineer mit Fokus auf Performance, Accessibility und Micro‑Interactions. Frankfurt am Main.

Erfahrung ansehen Projekte ansehen
Über mich

Profil & Zusammenfassung

Kurzprofil mit Stärken, Arbeitsweise und Impact. Texte unten einfach ersetzen.

Mission

Ich entwerfe und entwickle moderne Web‑UIs, die sich so anfühlen, wie sie aussehen: schnell, klar, angenehm. Mein Stack: HTML • CSS • JavaScript • Tailwind • React/Vue (optional).

UI/UXMotionDesign SystemsA11yPerf

Highlights

  • +35% Conversion durch schlanke Navigations‑Rework & Micro‑Interactions
  • Design‑System eingeführt (Tokens, Komponenten, Doks)
  • Web‑Vitals LCP & CLS auf grün bei 95% der Seiten

Schwerpunkte

Interaction DesignPrototypingAccessibilityAnimations
Werdegang

Berufserfahrung

Senior Frontend Designer · Beispiel GmbH

2022–Heute · Frankfurt · HTML/CSS/JS, Tailwind, Motion
  • Lead für UI‑Patterns & Animations, Einführung Storybook
  • Refactor der Startseite: −38% Bundle, +18% CTR

Frontend Engineer · Studio Web

2019–2022 · Remote
  • Komponenten‑Library mit Design Tokens gebaut
  • Accessible Nav, Dialogs, Focus‑Traps, Motion
Stack

Fähigkeiten

Core

HTML5 • CSS3 (Grid/Flex) • JavaScript • Performance • A11y

ARIASemantikWPO

Tools

Tailwind • PostCSS • Vite • Storybook • Git • Figma

TokensDesign Systems
Ausbildung

Education

B.Sc. Medieninformatik

FH Beispielstadt · 2015–2019

Schwerpunkte: HCI, Web‑Engineering, Visual Design

Workshops & Zertifikate

Accessibility, Advanced CSS, Motion for the Web

Portfolio

Ausgewählte Projekte

Karten als Case‑Teaser. Bilder/Links einfach ersetzen.

UI‑Kit & Design‑System

Skalierbare Komponenten, warmes Theme, Tokens

Design SystemStorybook

Motion Microsite

Scroll‑basierte Interaktionen + Hover‑Details

MotionWPO
Fragen

Häufige Fragen

Antworten zu Zusammenarbeit, Leistungen und Tools – ideal für Suchende nach einem Frontend‑Spezialisten.

Welche Leistungen bietest du als Frontend Designer & Engineer an?

Ich verbinde UX‑Konzeption, visuelles Design und performante Umsetzung. Dazu zählen Styleguides & Design‑Systeme, responsive Webseiten, Web‑Apps mit React oder Vue sowie Accessibility‑Audits und Lighthouse‑Optimierungen.

Wie läuft eine Zusammenarbeit typischerweise ab?

Wir starten mit einem Kickoff inklusive Zieldefinition, Personas und SEO‑Analyse. Danach folgen Wireframes, High‑Fidelity Prototypen und eine komponentenbasierte Implementierung. Regelmäßige Reviews und Messungen der Web‑Vitals stellen sicher, dass Usability, Performance und Branding stimmen.

Mit welchen Tools und Technologien arbeitest du?

Für Design nutze ich Figma, FigJam und After Effects für Motion. Im Code arbeite ich mit semantischem HTML, modernem CSS, Tailwind, TypeScript, React, Vue und automatisierten Tests. Build‑Pipelines optimiere ich mit Vite, Storybook und Accessibility‑Lintern.

Kontakt

Kontakt aufnehmen

Mit dem Absenden erklärst du dich mit der Verarbeitung deiner Angaben gemäß Datenschutz einverstanden.

GitHub LinkedIn Email