Frontend Architect / React & Next.js Expert / Design Systems
- Verfügbarkeit einsehen
- 0 Referenzen
- auf Anfrage
- 12527 Berlin
- Nähe des Wohnortes
- bs | en | de
- 03.05.2026
- Contract ready
Kurzvorstellung
Geschäftsdaten
Qualifikationen
Projekt‐ & Berufserfahrung
nicht angegeben
8/2025 – offen
TätigkeitsbeschreibungDesignOps & Automation (Figma to Code): Entwickelte ein benutzerdefiniertes internes Tool zur Automatisierung der Extraktion von CSS-Tokens direkt aus Figma. Diese Initiative beseitigte manuelle Copy-Paste-Fehler und standardisierte die Token-Benennung, was 3 Arbeitstage pro Design-Übergabezyklus einsparte. Search & Discovery Architecture (Algolia): Verbesserte die interne Verlinkung und Content-Auffindbarkeit durch die Implementierung fortgeschrittener Algolia-Modelle. Bereicherte die an Algolia gesendeten Ereignisdaten, was zu deutlich relevanteren Suchergebnissen und Benutzerempfehlungen führte. Payment & Integrations: Kontinuierliche Bereitstellung neuer Funktionen für die 'Greenfield'-Architektur unter Einhaltung hoher Performance- und Zugänglichkeitsstandards, die bei der Plattformeinführung festgelegt wurden.
Eingesetzte QualifikationenTypescript, System Design, Front End, Figma
nicht angegeben
11/2022 – 8/2025
TätigkeitsbeschreibungSystem Architecture & Strategy: Architektur eines 'Greenfield'-Systemintegrationskonzepts und Entwicklung eines Multi-Brand-Ansatzes, der den laufenden Wartungsaufwand für Entwickler um geschätzte 30% reduziert und die Betriebskosten um 40% senkt. Scalability & Zero Downtime Migration: Erfolgreiche Durchführung der architektonischen Migration einer hochfrequentierten, mehrsprachigen Website oetker-gruppe.de, einschließlich 10+ lokaler Varianten und 40 Domains, mit keiner Ausfallzeit und langfristiger Plattformskalierbarkeit. Design System Leadership: Leitete die strategische Initiative zur Gestaltung und Einführung einer einheitlichen, themenbasierten Komponentenbibliothek. Diese Standardisierung beschleunigte die Startzeiten neuer Projekte und führte zu einer 90%igen Reduzierung von UI-bezogenen Fehlern. Performance Engineering: Implementierte eine geschichtete Architektur unter Verwendung von Headless Hygraph CMS und GraphQL. Optimierte die API-Datenantwortvalidierung (Zod) und die Bildverarbeitung, was die Seitenperformance um 20% verbesserte (Lighthouse Scores). Technical Leadership & Mentoring: Schulte 6 Teammitglieder in hochwertigen Themen, einschließlich Web-Sicherheit und skalierbaren Architekturmustern.
Eingesetzte QualifikationenTypescript, System Design, Front End, Node.Js, PHP, Laravel, Postgresql, Mysql, Graphql, Salesforce.Com, Figma, Docker, JavaScript
nicht angegeben
2/2022 – 11/2022
TätigkeitsbeschreibungTeam Leadership: Leitete ein Team von 3 Entwicklern, etablierte tägliche Code-Reviews und setzte hohe Code-Qualitätsstandards durch, um die architektonische Konsistenz zu gewährleisten. UX Architecture: Entwickelte benutzerdefinierte Animationen und implementierte Skelett-Bildschirme, um die wahrgenommene Performance zu erhöhen und die Benutzererfahrung signifikant zu verbessern.
Eingesetzte QualifikationenTypescript, System Design
nicht angegeben
7/2018 – 4/2022
TätigkeitsbeschreibungPerformance Optimisation: Optimierte erfolgreich die Ladezeiten der Anwendung und erreichte konsequent Lighthouse-Bewertungen von mindestens 95%. Resource Management: Re-engineerte interne Vorlagen mit PurgeCSS, um ungenutzten Code zu filtern und render-blockierende Ressourcen effektiv zu eliminieren.
Eingesetzte QualifikationenTypescript
Zertifikate
Frontend Masters
Frontend Masters
Algolia
Frontend Masters
Über mich
Kernkompetenzen:
- React/TypeScript, Next.js (SSG, SSR, ISR), NestJS, Node.js, GraphQL, REST
- Atomic Design, Micro-Frontends, WCAG-konforme Component Libraries
- KI-Integration: Azure OpenAI, RAG-Architektur, Vercel AI SDK, Mastra, MCP
- Algolia Search & Recommendation Models, Hygraph CMS
- CI/CD, Docker, Playwright, Jest, Cypress, Zod, Drizzle/Prisma ORM
- Figma API & Token Transformer (DesignOps Automation)
Nachgewiesene Erfolge bei Dr. Oetker / Oetker Digital:
- Greenfield Multi-Brand-Plattform: 30% weniger Wartungsaufwand, 40% Kostenreduktion über 9 Brands
- Zero-Downtime-Migration von oetker-gruppe.de (10 Lokalisierungen, 40 Domains)
- WCAG-konformes Component Library: 90% weniger UI-Defekte
- Lighthouse-Score-Verbesserung um 20 Punkte durch optimierte GraphQL-Architektur
- Mentoring von 6 Ingenieuren in Architektur, Web Security und Accessibility
- DesignOps-Tool: automatisierte CSS-Token-Extraktion aus Figma, 3 Arbeitstage pro Sprint gespart
Ich arbeite remote, kommuniziere klar auf Englisch und Deutsch, und liefere sauberen, getesteten Code mit Fokus auf langfristige Wartbarkeit.
Weitere Kenntnisse
React, Next.js, Vue.js, Angular, TypeScript, JavaScript, NestJS, Node.js, PHP, Laravel, Python
Design Systems & UI:
Atomic Design, Storybook, Figma API, CSS Token Transformer, Tailwind CSS, WCAG / a11y
KI & Automatisierung:
Azure OpenAI, Vercel AI SDK, Mastra, MCP (Model Context Protocol), RAG-Architektur, Copilot Studio, n8n
Search & CMS:
Algolia (Certified Developer), Hygraph CMS, Salesforce API
Datenbanken & Backend:
PostgreSQL, MySQL, Redis, GraphQL, REST, Drizzle ORM, Prisma ORM
Testing & Qualität:
Playwright, Cypress, Jest, Zod, Code Reviews, Coding Standards
DevOps & Infrastruktur:
Docker, CI/CD Pipelines, AWS (Lambda, S3), GCP Cloud Run, CDN, Load Balancing, Prometheus, Grafana
Zertifizierungen:
Algolia Certified Developer (2024), Frontend Masters: Design Systems, Web Performance, Accessibility, AWS For Front-End Engineers, JavaScript Testing
Persönliche Daten
- Bosnisch (Muttersprache)
- Englisch (Fließend)
- Deutsch (Gut)
- Europäische Union
Kontaktdaten
Nur registrierte PREMIUM-Mitglieder von freelance.de können Kontaktdaten einsehen.
Jetzt Mitglied werden
