Daniel Yokoyama
Senior Frontend-Entwickler
Erfahrungen
Senior Frontend-Entwickler
node.energy
- Substanzielle Weiterentwicklung der B2B React SPA Software „opti.node“ zur kaufmännischen Betriebsführung für Anlagenbetreiber von erneuerbaren Energien
- Einführung von bisher nicht am Markt verfügbaren Features, daraus resultierende deutliche Umsatzsteigerung
- Umfangreiche automatische Tests innerhalb Storybook
- Einführung einer UI Library zur Verbesserung der Developer Experience und Beschleunigung der Feature-Entwicklung um ca. 40 %
- Transparenz für komplexe kaufmännische und rechtliche Sachverhalte, intuitive UX und UI
- UX-Consulting zur Verkürzung von essenziellen Interaktionsstrecken um 75 %
Senior Frontend-Entwickler
B.Braun
- Zeitkritische Entwicklung eines MVP mit Angular für Health-Care Management Software
- Lieferung in time zur Präsentation beim Kunden
- Einhaltung aller technischen Vorgaben und Code-Standards im Rahmen eines SAFe Prozesses
Senior Frontend-Entwickler
porta Möbel Onlineshop
- Relaunch des Onlineshops mit Next.js 13 und React Server Components im Nx Monorepo Setup
- Umsetzung neuer Features und Optimierung der Komponentenbibliothek zum skalierbaren Einsatz für mehrere Marken
- Ermöglichen von schnellen Design-Reviews über Storybook
- Aufbau eines automatischen Testsystems
- Sicherstellung von Barrierefreiheit auf technischer sowie UX-Ebene
Lead Frontend-Entwickler
BMW Alphabet
- Lead-Entwickler für den internationalen Relaunch der Leasing-Marke von BMW als React-Anwendung in Headless-Architektur
- Teamleitung und Einarbeitung von zwei Teammitgliedern
- Entwicklung modularer Komponentenbibliothek zum flexiblen und konsistenten Einsatz über initiale Inhalte hinaus
- UX-Consulting zur Optimierung der Komponenten für beschleunigte Developer Experience sowie Zielerreichung in time und in Budget
- Transparente Darstellung der Komponenten via Storybook
- Aufbau eines automatischen Testsystems für funktionale Unit- und Komponenten-Tests sowie Visual Regression Tests
Senior Frontend-Entwickler
MediaMarktSaturn Retail Group
- Entwicklung neuer Plattform zum Online-Verkauf von Einzelstücken und Restposten aller Märkte in Deutschland
- Umsatzsteigerung durch deutlich erhöhte Reichweite über lokale Einzugsgebiete hinaus
- Entwicklung spezialisierter Vermarktungs- und Landingpages sowie Schaffung spezialisierter Komponentenbibliothek in React
- Übersicht der Designs und UX-Komponenten via Storybook
Senior Frontend-Entwickler
WAGO Verbindungstechnik
- Iterative Einführung von Vue.js-Komponenten in bestehende Legacy JS/jQuery-Codebasis, dadurch bessere UX und um 40 % verringerte Ladezeiten in kritischen Interaktionspfaden
- UX-Consulting zur schnelleren Iteration komplexer Features und Interaktionsstrecken
- Internationalisierung einer hybriden Content- und Shop-Website mit Entwicklung einer übersichtlichen Template-Schnittstelle zu mehrsprachigen Inhalten
- Integration des Frontends in SAP Hybris / SAP Commerce Umgebung
- Arbeit in standortübergreifenden Teams inklusive Anforderungsmanagement für Schnittstelle zum Backend-Team, effektivere Feature-Entwicklung mit ca. 20 % schnellerem Turnaround
- Optimierung der Entwicklungs-Workflows und Einführung von Git Flow
Senior Frontend-Entwickler
medion GmbH
- Umsetzung eines Shop-Frontends für digitale Inhalte für die Marken Aldi und Hofer
- Entwicklung dynamischer jQuery-Komponenten zur Erweiterung der Shop-Features
- Integration in SAP Hybris Umgebung
Senior Frontend-Entwickler
Deutsche See
- Shop-Relaunch des Groß- und Einzelhändlers für Meeresfrüchte
- Erstellung eines dedizierten Shopware 5 Themes
- Entwicklung dynamischer Template- und Content-Module
- Einsatz von Lighthouse zur Performance-Analyse und Optimierung
Senior Frontend-Entwickler
Die Techniker
- Umsetzung einer Scrollytelling-Kampagne mit aufwändigen 3D-Animationen, gekoppelt an Scrollbewegungen
- Synchronisierung von vorgerenderten Videos, Scrollbewegungen und animierten Frontend-Elementen im Browser
- Entwicklung dedizierter jQuery-Komponenten zur Steuerung aller Elemente
Senior Frontend-Entwickler
Der Spiegel
- Umstellung der Videoplayer auf den Portalen Spiegel Online sowie Manager Magazin Online
- Anforderungsanalyse potenzieller Videoplayer für Video-on-Demand und Livestreams
- Integration von Vermarktungssystemen in die Videos mittels VAST
Zusammenfassung
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.
Fähigkeiten
- Frontend-entwicklung: React, Typescript, Next.js (Ssr, Ssg), Html5, Css3 (Scss, Postcss, Css Modules, Css-in-js), Javascript (Es6+), Vue.js, Angular, Jquery
- 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
- Barrierefreiheit (Accessibility): Wcag 2.2, Aria, Bitv 2.0, Bfsg, Jest-axe
- State & Datenmanagement: Tanstack Query (React Query), Graphql, Openapi, Rest, Axios, React Router, Vuex, Headless Cms Integration (Contentful, Drupal)
- Test-automation & Qualitätssicherung: Jest, React Testing Library, Playwright (E2e), Cucumber, Visual Regression Tests, Code Review, Tdd/bdd, Clean Code
- Build-tools & Delivery: Ci/cd, Git (Github, Gitlab), Npm, Webpack, Babel, Vite, Nx (Monorepo)
- Prozesse & Projektmanagement: Scrum, Kanban, Agile, Safe (Scaled Agile Framework), Feature Driven Development (Fdd), Okr, Technische Dokumentation, Confluence, Jira
- Soft Skills & Führung: Mentoring, Kommunikationsstärke, Proaktive Problemlösung, Lernagilität, Analyse Von Systemarchitekturen, Optimierung Von Developer Experience (Dx), Teamleitung (2-4 Entwickler)
- Performance & Seo: Performance-optimierung, Seo (Schema.org, Ld+json), Lighthouse
- Weitere Tools & Techniken: React Hook Form, Eslint, Prettier, Github Copilot, Ki-gestützte Entwicklung, Internationalisierung (I18n)
Sprachen
Ausbildung
FH Wedel
Diplom-Medieninformatiker (FH) · Medieninformatik · Wedel, Deutschland
Zertifikate & Bescheinigungen
Berufshaftpflicht-Versicherung
exali AG / Markel Insurance
Ähnliche Freelancer
Entdecken Sie andere Experten mit ähnlichen Qualifikationen und Erfahrungen.