27.11.2025 aktualisiert

**** ******** ****
100 % verfügbar

Senior/Lead Frontend Developer (React, TypeScript, UX, Barrierefreiheit)

Ahrensburg, Deutschland Diplom-Medieninformatiker (FH)
Ahrensburg, Deutschland Diplom-Medieninformatiker (FH)

Profilanlagen

Daniel_Yokoyama_CV_2025.pdf

Über mich

Ich gestalte React/TypeScript-Frontends mit herausragender UX, hoher Barrierefreiheit und klarem Fokus auf messbaren Geschäftsnutzen. Dabei nutze ich Component-Driven Development mit Storybook, Test-Automation sowie moderne State/API-Lösungen.

Skills

ContentfulClean CodeJavascriptUser Experience (UX)Barrierefreies WebdesignAgile MethodologieConfluenceJiraHtml5AutomatisierungCSSCode-ReviewBeratungContent ManagementContinuous IntegrationDigitalisierungGithubSEOJqueryScrumPrototypingRegressionstestNext.jsResponsive WebdesignScaled Agile FrameworkTypescriptWeb Content Accessibility GuidelinesOpenapiEslintTestenFeature Driven DevelopmentTest-Driven DevelopmentReactJSSchema.OrgGitlabGitVue.JsKanbanWebpackAngularJSMaterial UIZielsetzungPlaywrightCoaching und MentoringFigmaNpm(Software)GraphqlFront EndRestful ApisCucumber (Software)
Als Senior/Lead Frontend Developer mit 24 Jahren Berufserfahrung und tiefgehender JavaScript‑Expertise gestalte ich React/TypeScript‑Frontends mit herausragender UX, hoher Barrierefreiheit und klarem Fokus auf messbaren Geschäftsnutzen. Ich habe komplexe B2B‑ und E‑Commerce‑Projekte (z. B. node.energy, porta, BMW Alphabet, MediaMarktSaturn) transformiert und dabei Component‑Driven Development mit Storybook, Test‑Automation (Jest, Playwright) sowie moderne State/API‑Lösungen (TanStack Query, GraphQL, OpenAPI) eingesetzt, um Time‑to‑Market zu verkürzen und die Entwickler‑Produktivität zu steigern. In agilen Umfeldern (Scrum/SAFe) liefere ich performante, wartbare Lösungen termingerecht und budgetkonform, welche technische Exzellenz mit unmittelbarem geschäftlichem Mehrwert verbinden.

Kernkompetenzen & Fokusbereiche
  1. Frontend-Entwicklung: React, TypeScript, Next.js (SSR, SSG), HTML5, CSS3 (SCSS, PostCSS, CSS Modules, CSS-in-JS), JavaScript (ES6+), Vue.js, Angular, jQuery
  2. User Experience (UX) & Design Systeme: UX-Consulting, Component-Driven Development, Storybook, Atomic Design, UI Libraries (Mantine UI, Material UI, MUI Base), Prototyping, Responsive Design, Figma
  3. Barrierefreiheit (Accessibility): WCAG 2.2, ARIA, BITV 2.0, BFSG, jest-axe
  4. State & Datenmanagement: TanStack Query (React Query), GraphQL, OpenAPI, REST, Axios, React Router, Vuex, Headless CMS Integration (Contentful, Drupal)
  5. Test-Automation & Qualitätssicherung: Jest, React Testing Library, Playwright (E2E), Cucumber, Visual Regression Tests, Code Review, TDD/BDD, Clean Code
  6. Build-Tools & Delivery: CI/CD, Git (GitHub, GitLab), npm, Webpack, Babel, Vite, Nx (Monorepo)
  7. Prozesse & Projektmanagement: Scrum, Kanban, Agile, SAFe (Scaled Agile Framework), Feature Driven Development (FDD), OKR, Technische Dokumentation, Confluence, Jira
  8. Soft Skills & Führung: Mentoring, Kommunikationsstärke, Proaktive Problemlösung, Lernagilität, Analyse von Systemarchitekturen, Optimierung von Developer Experience (DX), Teamleitung (2-4 Entwickler)
  9. Performance & SEO: Performance-Optimierung, SEO (Schema.org, LD+JSON), Lighthouse
  10. Weitere Tools & Techniken: React Hook Form, ESLint, Prettier, GitHub Copilot, KI-gestützte Entwicklung, Internationalisierung (i18n)

Sprachen

DeutschMutterspracheEnglischgutJapanischGrundkenntnisse

Projekthistorie

Senior Frontend Web-Developer

node.energy GmbH

Energie, Wasser und Umwelt

  1. Substanzielle Weiterentwicklung der B2B React SPA Software „opti.node“ zur kaufmännischen Betriebsführung für Anlagenbetreiber von erneuerbaren Energien
  2. Einführung von bisher nicht am Markt verfügbaren Features, daraus resultierende deutliche Umsatzsteigerung
  3. Umfangreiche automatische Tests innerhalb Storybook
  4. Einführung einer UI Library zur Verbesserung der DX (Developer Experience) und Beschleunigung der Feature-Entwicklung um ca. 40%
  5. Transparenz für komplexe kaufmännische und rechtliche Sachverhalte, intuitive UX & UI
  6. UX-Consulting zur Verkürzung von essenziellen Interaktionsstrecken um 75%
Eingesetzte Technologien (Auswahl)
React, TypeScript, TanStack Query, OpenAPI, Storybook, Mantine UI, HTML5, CSS3 (SCSS), Jest, React Testing Library, Git, CI/CD, Scrum, GitHub Copilot, Technische Dokumentation, UX

Senior Frontend Web-Developer

t2informatik GmbH

Internet und Informationstechnologie

  1. Zeitkritische Entwicklung eines MVP mit Angular für Health-Care Management Software
  2. Lieferung in time zur Präsentation beim Kunden
  3. Einhaltung aller technischen Vorgaben und Code-Standards im Rahmen eines SAFe (Scaled Agile Framework) Prozesses
Eingesetzte Technologien (Auswahl)
Angular, TypeScript, RxJs, HTML5, CSS3 (SCSS), Material Design, Responsive Design, Nx (Monorepo), Jest, Git, CI/CD, SAFe, Scrum, GitHub Copilot

Senior Frontend Web-Developer

porta Möbel Onlineshop

Konsumgüter und Handel

  1. Relaunch des Onlineshops mit Next.js 13 & React Server Components im Nx Monorepo Setup
  2. Umsetzung neuer Features und Optimierung der Komponentenbibliothek zum skalierbaren Einsatz für mehrere Marken
  3. Ermöglichen von schnellen Design-Reviews über Storybook
  4. Aufbau eines automatischen Testsystems
  5. Sicherstellung von Barrierefreiheit auf technischer sowie UX-Ebene
Eingesetzte Technologien (Auswahl)
React, Next.js, TypeScript, HTML5, CSS-Modules, Responsive Design, Atomic Design, Nx (Monorepo), Jest, React Testing Library, Test-Driven Development (TDD), Playwright (E2E), Cucumber, Storybook, Barrierefreiheit (WCAG), FormatJS (i18n), Git, CI/CD, Scrum
exali-logo

exali Berufshaftpflicht-Siegel

Das original exali Berufshaftpflicht-Siegel bestätigt dem Auftraggeber, dass die betreffende Person oder Firma eine aktuell gültige branchenspezifische Berufs- bzw. Betriebshaftpflichtversicherung abgeschlossen hat.

Versichert bis: 01.01.2026


Kontaktanfrage

Einloggen & anfragen.

Das Kontaktformular ist nur für eingeloggte Nutzer verfügbar.

RegistrierenAnmelden