<!DOCTYPE html><html lang="de"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/assets/root-DiKok1Ca.css"/><link rel="stylesheet" href="/assets/theme.css.ts-Dvmf3UHa.css"/><link rel="stylesheet" href="/assets/Tag-Bo8J3lvf.css"/><link rel="stylesheet" href="/assets/RichText-DFXHDals.css"/><link rel="stylesheet" href="/assets/ProjectList-Du_rc1fK.css"/><link rel="icon" href="/assets/sebastian-software-CMocbi-M.ico" sizes="32x32"/><link rel="manifest" href="/assets/sebastian-software-CrHbzHMr.webmanifest"/><link rel="icon" href="/assets/sebastian-software-opt-Cl18n9HE.svg" type="image/svg+xml"/><link rel="apple-touch-icon" sizes="152x152" href="/assets/sebastian-software-apple-152-DCYjNF4S.png"/><link rel="apple-touch-icon" sizes="167x167" href="/assets/sebastian-software-apple-167-CI9Hh8h-.png"/><link rel="apple-touch-icon" sizes="180x180" href="/assets/sebastian-software-apple-180-BKjB35_S.png"/><script defer="" data-domain="sebastian-software.de" src="https://t.sebastian-software.de/js/script.js"></script><link rel="alternate" type="application/rss+xml" title="RSS" href="https://sebastian-software.de/rss.xml"/></head><body class="_1ptpg5x0 _1luqx2l0"><header class="_8xtu0q0"><a href="/" class="_8xtu0q1"><img class="_8xtu0q2" src="/assets/logo-dark-BtKpqVbg.svg" alt="Sebastian Software GmbH"/></a><div class="_8xtu0q3"></div><nav class="_8xtu0q4"><ul class="_8xtu0q5"><li><a class="_8xtu0q6" href="/blog">Blog</a></li><li><a class="_8xtu0q6" href="/mission">Mission</a></li><li><a class="_8xtu0q6" href="/team">Team</a></li><li><a class="_8xtu0q6" href="/consulting">Consulting</a></li></ul></nav></header><main class="_1md2u980"><div class="_14ia44r0"><h1 class="_14ia44r1">Sebastian Werner</h1></div><div class="_13mngvz0"><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Leitender Frontend Architekt</span>Übernahme, Beratung und Weiterentwicklung der Buchungsstrecke für die Schweizer Bundesbahn (SBB)</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20xml:space=&#x27;preserve&#x27;%20fill-rule=&#x27;evenodd&#x27;%20stroke-linejoin=&#x27;round&#x27;%20stroke-miterlimit=&#x27;2&#x27;%20clip-rule=&#x27;evenodd&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20viewBox=&#x27;0%200%203125%20329&#x27;%3e%3cpath%20fill=&#x27;%23231f20&#x27;%20fill-rule=&#x27;nonzero&#x27;%20d=&#x27;M1640.43%20245.492c28.567%200%2042.7-10.019%2042.7-30.641%200-21.699-13.792-31.37-45.101-31.37h-48.143v62.011zm-2.059-98.839c24.442%200%2038.569-9.626%2038.569-25.826%200-18.561-12.756-27.203-39.258-27.203h-47.796v53.029zm6.919-91.911c50.208%200%2078.769%2021.357%2078.769%2058.521%200%2020.332-9.621%2035.45-31.997%2047.188%2028.56%2010.655%2040.628%2028.575%2040.628%2058.179%200%2040.266-31.667%2065.745-81.905%2065.745h-109.094V54.742zm-231.292%20190.75c28.567%200%2042.694-10.019%2042.694-30.641%200-21.699-13.786-31.37-45.095-31.37h-47.119v62.011zm-2.059-98.839c24.442%200%2038.569-9.626%2038.569-25.826%200-18.561-12.756-27.203-39.258-27.203h-46.772v53.029zm6.919-91.911c50.202%200%2078.769%2021.357%2078.769%2058.521%200%2020.332-9.621%2035.45-31.997%2047.188%2028.56%2010.655%2040.628%2028.575%2040.628%2058.179%200%2040.266-31.685%2065.745-81.905%2065.745h-108.064V54.742zm-192.035%2068.152c-2.747-23.424-16.533-34.079-44.405-34.079-23.754%200-38.529%2010.314-38.529%2026.855%200%2013.798%209.274%2022.046%2028.22%2025.484l41.27%207.218c44.07%207.564%2067.824%2030.982%2067.824%2066.82%200%2045.076-36.51%2073.998-94.319%2073.998-61.247%200-96.339-29.605-97.368-81.603h48.877c3.09%2029.952%2017.865%2042.715%2050.55%2042.715%2025.125%200%2043.035-13.104%2043.035-31.324%200-14.482-9.621-23.424-28.214-26.862l-37.498-6.876c-47.848-8.977-69.878-29.651-69.878-66.473%200-41.98%2033.716-68.841%2088.777-68.841%2054.033%200%2087.401%2027.203%2088.772%2072.968zM2318.05%2096.032v54.059h103.159v39.965H2318.05v94.319h-48.189V54.742h161.408v41.29zm-201.695%200v54.059h101.88v39.965h-101.88v94.319h-48.189V54.742h160.026v41.29zm-81.904%20107.428c-3.437%2052.681-41.965%2085.73-99.775%2085.73-64.723%200-107.376-47.142-107.376-119.114%200-71.636%2043.729-120.15%20108.406-120.15%2055.409%200%2092.56%2030.641%2096.679%2079.195h-47.796c-5.542-26.167-21.693-38.929-48.536-38.929-36.463%200-60.216%2030.983-60.216%2079.537%200%2047.871%2023.406%2079.542%2059.186%2079.542%2029.591%200%2046.084-14.481%2051.285-45.811zm1036.169-80.566c-2.742-23.424-16.482-34.079-44.406-34.079-23.701%200-38.482%2010.314-38.482%2026.855%200%2013.798%209.279%2022.046%2028.173%2025.484l41.328%207.218c44.065%207.564%2067.772%2030.982%2067.772%2066.82%200%2045.076-36.51%2073.998-94.325%2073.998-61.24%200-96.292-29.605-97.316-81.603h48.78c3.089%2029.952%2017.962%2042.715%2050.601%2042.715%2025.165%200%2043.041-13.104%2043.041-31.324%200-14.482-9.626-23.424-28.179-26.862l-37.545-6.876c-47.848-8.977-69.831-29.651-69.831-66.473%200-41.98%2033.669-68.841%2088.731-68.841%2054.032%200%2087.452%2027.203%2088.817%2072.968zm-277.716-26.862v54.059h102.574v39.965h-102.574v94.319h-48.19V54.742h160.726v41.29zm-204.091%200v54.059h103.252v39.965h-103.252v94.319h-48.096V54.742h161.31v41.29z&#x27;/%3e%3cpath%20fill=&#x27;%23ed1b2d&#x27;%20fill-rule=&#x27;nonzero&#x27;%20d=&#x27;M0%200h983.502v328.125H0z&#x27;/%3e%3cpath%20fill=&#x27;%23fff&#x27;%20fill-rule=&#x27;nonzero&#x27;%20d=&#x27;M600.828%20273.395h63.664l-85.67-84.011H685.15v84.011h50.249v-84.011h106.335l-85.7%2084.011h63.676l109.071-109.147L819.71%2054.747h-63.676l85.7%2084.358H735.399V54.747H685.15v84.358H578.822l85.67-84.358h-63.664L491.745%20164.248z&#x27;/%3e%3c/svg%3e" alt="sbb"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Schweizerische Bundesbahnen AG<br/>Bern, Schweiz<br/>Öffentlicher Verkehr</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->3/2024 - 6/2024</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Telekom MMS über GULP Information Services GmbH, München</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">Apollo Client</li><li class="_1adldme1">Commitlint</li><li class="_1adldme1">ESLint</li><li class="_1adldme1">GraphQL</li><li class="_1adldme1">Husky</li><li class="_1adldme1">Jest</li><li class="_1adldme1">Lit</li><li class="_1adldme1">Mono Repository</li><li class="_1adldme1">Next Intl</li><li class="_1adldme1">Next.js</li><li class="_1adldme1">PNPM</li><li class="_1adldme1">Playwright</li><li class="_1adldme1">REST</li><li class="_1adldme1">React</li><li class="_1adldme1">React Hook Form</li><li class="_1adldme1">React Query</li><li class="_1adldme1">SWR</li><li class="_1adldme1">Sonarcube</li><li class="_1adldme1">Storybook</li><li class="_1adldme1">Tailwind</li><li class="_1adldme1">Testing Library</li><li class="_1adldme1">TurboRepo</li><li class="_1adldme1">TypeScript</li><li class="_1adldme1">Vite</li><li class="_1adldme1">Web Components</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Detaillierte Analyse der bestehenden Technologie und Architektur eines Mikro-Frontends, um Verbesserungsvorschläge zu erarbeiten. Begleitung und Umsetzung von Code-Refactorings im Team zur nachweislichen Qualitäts- und Performanceverbesserung.</p><p>Implementierung eines Proof of Concept für eine Mono-Repository-Lösung für die nationale Ticket-Buchungsstrecke der SBB.</p><p>Beratung zur Internationalisierung des Frontends unter Verwendung von CrowdIn und Next Intl.</p><p>Aufstellen eines Linting-Regelwerks unter Beachtung der Team-Dynamiken und aktueller Best Practises. Umsetzung in Form von CI-Tasks als auch im Rahmen der Workspace-Integration der Entwickler.</p><p>Etliche Austauschtermine und die tiefgehende Einbindung in die Organisation um im Rahmen der Frontends eine einheitliche Technologie zu fördern aber die Autonomie der Teams weiterhin zu gewährleisten.</p></div><ul class="_13mngvza"></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Lead Frontend Developer</span>Multi-Marken Kunden- und Support-Portale für Strom- und Gasanbieter</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20aria-description=&#x27;Das%20Logo%20der%20EnBW%20Energie%20Baden-Württemberg%20AG%20besteht%20aus%20der%20stilisierten%20Darstellung%20der%204%20blauen%20Lettern%20&amp;quot;EnBW&amp;quot;%20mit%20einem%20vorangestellten%20orangefarbenen%20Balken.&#x27;%20aria-label=&#x27;Logo%20der%20EnBW&#x27;%20class=&#x27;enbw-logo&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20viewBox=&#x27;0%200%20101.53%2017.83&#x27;%3e%3cpath%20fill=&#x27;%23009&#x27;%20d=&#x27;M32.1%208.9c-.9-1-1.5-2.2-1.5-3.7%200-2.9%202.3-5.2%205.2-5.2h9.4v3.1h-9.4c-1.1%200-2.1.9-2.1%202.1%200%201.1.9%202.1%202.1%202.1H42v3.1h-6.2c-1.1%200-2.1.9-2.1%202.1%200%201.1.9%202.1%202.1%202.1h9.4v3.1h-9.4c-2.9%200-5.2-2.3-5.2-5.2%200-1.3.5-2.6%201.5-3.6m24-.5c1.1%200%202.1.9%202.1%202.1v7.3h3.1v-7.3c0-2.9-2.3-5.2-5.2-5.2h-8.4v12.5h3.1V8.4zm36.2%207.9c1%20.9%202.4%201.5%203.8%201.5%202.9%200%205.4-2.4%205.4-5.3V.1h-3.1v12.4c0%201.1-1.1%202.2-2.2%202.2s-2.2-1-2.2-2.2V5.3h-3.2v7.2c0%201.1-1.1%202.2-2.2%202.2s-2.2-1-2.2-2.2V.1h-3.1v12.4c0%202.9%202.5%205.3%205.4%205.3%201.3%200%202.7-.6%203.6-1.5M67.6%203.2h7.3c1.1%200%202.1.9%202.1%202.1%200%201.1-.9%202.1-2.1%202.1h-4.2v3.1h4.2c1.1%200%202.1.9%202.1%202.1%200%201.1-.9%202.1-2.1%202.1H64.4v3.1h10.4c2.9%200%205.2-2.3%205.2-5.2%200-1.4-.6-2.7-1.5-3.7.9-1%201.5-2.2%201.5-3.7C80%202.3%2077.7%200%2074.8%200H64.4v11.5h3.1z&#x27;%20style=&#x27;--darkreader-inline-fill:%2300007a&#x27;/%3e%3cpath%20fill=&#x27;%23f90&#x27;%20d=&#x27;M25.7%2010.3V7.6H1.3C.6%207.6%200%208.2%200%208.9s.6%201.3%201.3%201.3h24.4z&#x27;%20style=&#x27;--darkreader-inline-fill:%23ffa31a&#x27;/%3e%3c/svg%3e" alt="enbw"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>EnBW AG<br/>Karlsruhe<br/>Energieversorgung</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->6/2022 - 2/2024</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Michael Page, Düsseldorf</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">Apollo Client</li><li class="_1adldme1">Contentful</li><li class="_1adldme1">Downshift</li><li class="_1adldme1">ESLint</li><li class="_1adldme1">Emotion</li><li class="_1adldme1">Formik</li><li class="_1adldme1">Framer Motion</li><li class="_1adldme1">GraphQL</li><li class="_1adldme1">Jotai</li><li class="_1adldme1">Material UI</li><li class="_1adldme1">PNPM</li><li class="_1adldme1">Playwright</li><li class="_1adldme1">REST</li><li class="_1adldme1">Radix UI</li><li class="_1adldme1">React</li><li class="_1adldme1">React Hook Form</li><li class="_1adldme1">SWR</li><li class="_1adldme1">Storybook</li><li class="_1adldme1">TurboRepo</li><li class="_1adldme1">TypeScript</li><li class="_1adldme1">Vanilla Extract</li><li class="_1adldme1">Vite</li><li class="_1adldme1">Vitest</li><li class="_1adldme1">Yup</li><li class="_1adldme1">gRPC</li><li class="_1adldme1">i18next</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Meine Rolle umfasste die architektonische Beratung innerhalb des ReactJS-Frameworks für eine Reihe von Webanwendungen, die für den Drittmarkt entwickelt wurden. Dies schloss sowohl Portale für Endkunden als auch für interne Dienstleister, wie Support-Mitarbeiter, ein. Eine besondere Herausforderung bestand darin, die Anwendungen als White-Label-Produkte zu konzipieren, die flexibel genug waren, um eine breite Palette von Markenanpassungen zu unterstützen – von Farbschemata und Logos bis hin zu spezifischen Funktionalitäten.</p><p>Die Skalierbarkeit und Anpassungsfähigkeit dieser Plattformen waren entscheidend, um sie für verschiedene Marken und Unternehmen attraktiv zu machen. Die technologische Basis, die ich für das Kundenberater-Portal entwickelte, diente anderen Teams als Vorlage und Inspiration für ihre eigenen Projekte. Zusätzlich war ich für die Entwicklung wiederverwendbarer Komponenten verantwortlich, die über einzelne Projekte hinweg Einsatz fanden und somit die Konsistenz und Effizienz in der Entwicklung förderten.</p><p>Ein besonderes Augenmerk lag auf der Schaffung responsiver Portale, die eine optimale Anzeige auf verschiedensten Desktop-Systemen ermöglichten. Wenngleich der Fokus nicht primär auf mobilen Endgeräten lag, so war die Flexibilität zwischen unterschiedlichen Desktop-Umgebungen ein zentrales Element.</p><p>Ein wesentlicher Bestandteil meiner Arbeit war auch das Einrichten und Pflegen der Entwicklungsinfrastruktur, wobei ich mich für innovative Lösungen wie ein Mono-Repository und eine umfangreiche Testabdeckung durch Storybook entschied. Diese Initiativen trugen maßgeblich zu einer effizienten, kollaborativen Arbeitsumgebung bei und setzten neue Standards für die Projektentwicklung und -qualität.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Ich empfehle Sebastian mit großem Enthusiasmus für jede Rolle oder jedes Projekt, das tiefgreifende Fachkenntnisse in der Web-Frontend-Entwicklung, außergewöhnliche Führungsqualitäten in der Teamorganisation und strategische Entscheidungsfähigkeiten erfordert. Da ich das Privileg hatte, mit Sebastian zusammenzuarbeiten, habe ich aus erster Hand erfahren, welchen Einfluss er auf unsere Projekte hat, indem er Innovation und Exzellenz auf Schritt und Tritt vorantreibt. Sebastians Verständnis für aktuelle Technologien in der Webentwicklung ist herausragend. Er hält sich nicht nur über die neuesten Trends und Tools auf dem Laufenden, sondern besitzt auch die seltene Fähigkeit zu erkennen, welche davon am effektivsten eingesetzt werden können, um die Projektergebnisse zu verbessern. Seine Empfehlungen und Entscheidungen beruhen stets auf einer sorgfältigen Analyse und einem vorausschauenden Ansatz, der sicherstellt, dass unsere Projekte nicht nur erfolgreich, sondern auch zukunftssicher sind. Über seinen technischen Scharfsinn hinaus ist Sebastian eine natürliche Führungspersönlichkeit. Seine Herangehensweise an die Organisation und Führung von Teams ist sowohl inspirierend als auch effektiv und fördert ein Umfeld der Zusammenarbeit, des Lernens und der hohen Leistung. Unter seiner Leitung waren unsere Teams in der Lage, ehrgeizige Ziele zu erreichen und die Erwartungen in Bezug auf Qualität und Pünktlichkeit oft zu übertreffen. Sebastians Rollen als Senior Developer, Frontend Architect und Frontend Lead haben seine Vielseitigkeit und sein Durchsetzungsvermögen unter Beweis gestellt und ihn zu einer unschätzbaren Bereicherung in jedem Projektszenario gemacht. Seine Fähigkeit, diese Rollen mit Bravour auszufüllen, spricht Bände über seine Kompetenz, seine strategische Denkweise und sein Engagement für hervorragende Leistungen. Für jedes Unternehmen, das seine Webentwicklungsprojekte zu neuen Höhenflügen führen möchte, ist Sebastian der ideale Kandidat.</p></blockquote><figcaption class="f5nchw2"><cite>Patrick Krumm</cite><br/>Software-Architekt<br/>EnBW AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian ist ein Top-Experte für die Entwicklung von Web-Frontends, mit einem hervorragenden Überblick über aktuelle Technologien, sowie erfolgreiche Team-Organisation. Mit seiner großen Erfahrung ist er ein wertvoller Berater in Entscheidungs- und Auswahlprozessen, sowie in der Erarbeitung von Entwicklungsrichtlinien. Seine Empfehlungen oder Entscheidungen trifft er stets wohlüberlegt und kann diese detailliert begründen. Aufgrund seiner hohen Kompetenz und Durchsetzungsstärke kann er in Projekten verschiedene Rollen erfolgreich ausfüllen, vom Senior Developer bis zum Frontend Architect oder Frontend Lead.</p></blockquote><figcaption class="f5nchw2"><cite>Jochen Reinelt</cite><br/>Team Lead<br/>EnBW AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Während unserer gemeinsamen Zeit bei EnBW habe ich Sebastian als Dienstleister kennengelernt und ihn als außergewöhnlich kompetenten und engagierten Lead Front End Developer erlebt. Sebastian verfügt über ein umfangreiches Wissen über die neuesten Frontend-Technologien und zeigt eine bemerkenswerte Fähigkeit, komplexe Probleme kreativ und effizient zu lösen. Er hat eine Schlüsselrolle dabei gespielt, das Projekt zur Entwicklung innovativer und benutzerfreundlicher Webanwendungen voranzutreiben. Ich möchte mich für die gemeinsame Zeit bedanken und freue mich auf die Fertigstellung des Projekts.</p></blockquote><figcaption class="f5nchw2"><cite>Emanuele De Monte</cite><br/>Product Owner<br/>EnBW AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Ich kann Sebastian als Lead Frontend Developer und Softwarearchitekt sehr empfehlen. In den 1,5 Jahren, in denen wir zusammen gearbeitet haben, hat er immer wieder gezeigt, dass er technisch auf dem neuesten Stand ist, akribisch auf Details achtet, kundenorientiert ist, einen offenen Ansatz verfolgt und - was besonders wichtig ist - einen Sinn für Humor hat, der unsere Zusammenarbeit im Team bereichert. Sebastian ist eine wertvolle Bereicherung für jedes Projekt oder Team.</p></blockquote><figcaption class="f5nchw2"><cite>Artur König</cite><br/>UX und UI Designer</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian ist ein bemerkenswerter Mentor und Kollege. Sein umfangreiches Wissen und seine Bereitschaft, sein Fachwissen mit anderen zu teilen, sind für unser gesamtes Team von großem Vorteil, und ich möchte ihn nicht mehr missen. Eine von Sebastians hervorragendsten Eigenschaften ist seine Bereitschaft, zuzuhören und Ratschläge zu geben. Wann immer ich auf eine Herausforderung stieß, hatte Sebastian ein geduldiges Ohr und praktische Lösungen parat. Seine Ratschläge und Einsichten waren für mich von unschätzbarem Wert, sowohl beruflich als auch persönlich. Ich kann Sebastian mit gutem Gewissen als engagierten und sachkundigen Fachmann empfehlen, mit dem man rundherum hervorragend zusammenarbeiten kann. Er wird für jede Organisation eine wertvolle Bereicherung sein.</p></blockquote><figcaption class="f5nchw2"><cite>Kai Santanius</cite><br/>Frontend-Entwickler (Consultant)<br/>Bold Ventures GmbH</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian ist ein überaus professioneller, sehr erfahrener Softwarearchitekt, der weiß, wovon er spricht. In unserem gemeinsamen Projekt bei der EnBW war er eine wichtige Stimme für eine vernünftige und technologisch fundierte Software-Architektur, sowie ein großartiger Sparringspartner für jede technologische Frage oder Idee, die man aufwerfen wollte. Jedes Projektteam würde sich freuen, ihn als Teammitglied zu haben, da er sowohl bei der technischen Umsetzung als auch bei komplexen Architekturdiskussionen unterstützen kann. Ich wünsche ihm alles Gute.</p></blockquote><figcaption class="f5nchw2"><cite>Tobias Arweiler</cite><br/>Senior Software-Entwickler (Freelancer)</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Ich hatte das Privileg, mehr als ein Jahr lang mit Sebastian als Scrum Master zu arbeiten. Sebastian ist ein außergewöhnlicher Lead Developer, dessen tiefgreifende technische Expertise und innovative Denkweise unser Team konsequent zum Erfolg führt. Seine Fähigkeit, komplexe Konzepte in klare, umsetzbare Lösungen zu übersetzen, ist in unserer agilen Umgebung von unschätzbarem Wert. Sebastian leitet mit Leichtigkeit an und inspiriert unser Team zu neuen Höchstleistungen. Unter seiner Leitung haben wir erhebliche Verbesserungen bei der Effizienz und der Produktqualität festgestellt. Ich empfehle Sebastian von ganzem Herzen für jede fortgeschrittene Entwicklungsaufgabe. Er ist nicht nur ein hochqualifizierter Entwickler, sondern auch ein echter Teamplayer, der für jedes Projekt, an dem er beteiligt ist, einen immensen Wert darstellt.</p></blockquote><figcaption class="f5nchw2"><cite>Rouven Haban</cite><br/>Scrum Master (Consultant)</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Senior React Developer</span>IOT-Plattform zur Überwachung von Maschinen und Anlagen</div></h2><img class="_1lmsyyq0 _13mngvz4" src="/assets/azeti-ByoS5ZnO.svg" alt="azeti"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Azeti GmbH<br/>Berlin<br/>Industrie 4.0</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->3/2022 - 5/2022</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Staffgroup GmbH, Berlin</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">BabelJS</li><li class="_1adldme1">ESLint</li><li class="_1adldme1">Emotion</li><li class="_1adldme1">Formik</li><li class="_1adldme1">Jest</li><li class="_1adldme1">Material UI</li><li class="_1adldme1">Mono Repository</li><li class="_1adldme1">NX</li><li class="_1adldme1">REST</li><li class="_1adldme1">React</li><li class="_1adldme1">React Intl</li><li class="_1adldme1">React Router</li><li class="_1adldme1">TypeScript</li><li class="_1adldme1">Yarn</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Bei der Entwicklung einer umfangreichen Frontend-Applikation für die Überwachung von Maschinen auf Basis von ReactJS, meisterte ich technische Herausforderungen wie das Mono-Repository-Setup mit NX, Internationalisierung, und Theming für White Label-Lösungen. Die Bewältigung dieser Herausforderungen und der Umgang mit großen Datenmengen demonstrierten meine Fähigkeit, komplexe Anforderungen effizient umzusetzen.</p></div><ul class="_13mngvza"></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Lead Web Frontend Architekt</span>Kundenportal zur Pflege von Basisdaten und der Verwaltung von PV-Anlagen</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20xml:space=&#x27;preserve&#x27;%20fill-rule=&#x27;evenodd&#x27;%20stroke-linejoin=&#x27;round&#x27;%20stroke-miterlimit=&#x27;2&#x27;%20clip-rule=&#x27;evenodd&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20viewBox=&#x27;0%200%20875%20209&#x27;%3e%3cpath%20fill=&#x27;%231e398f&#x27;%20fill-rule=&#x27;nonzero&#x27;%20d=&#x27;M875%2051.978h-21.032l-16.101%2065.136-18.856-65.136h-15.089l-18.856%2065.136-15.958-65.136H748.08l27.554%20103.281h16.832l19.003-62.658%2018.994%2062.658h16.832zm-152.436%2072.535c0%206.963-4.355%2012.767-13.494%2012.767h-21.027v-25.39h21.027c9.139%200%2013.494%205.665%2013.494%2012.623m-1.449-42.651c0%207.106-4.788%2011.894-13.347%2011.894h-19.725V69.965h19.725c8.559%200%2013.347%204.788%2013.347%2011.897m21.611%2043.664c0-13.775-7.975-20.314-14.216-23.212%205.224-2.469%2012.767-9.864%2012.767-21.325%200-17.701-11.751-29.011-31.913-29.011h-41.487v103.281h43.226c18.423%200%2031.623-10.441%2031.623-29.733m-131.409-15.085h-28.726c.152-3.339.58-5.372%201.735-8.127%202.037-4.493%206.245-7.832%2012.628-7.832s10.583%203.339%2012.62%207.832c1.159%202.755%201.596%204.788%201.743%208.127m18.562%2012.909v-8.412c0-20.75-11.893-36.124-32.925-36.124-19.587%200-32.933%2013.93-32.933%2038.585%200%2030.615%2017.122%2038.737%2034.957%2038.737%2013.64%200%2021.036-4.208%2028.725-11.893l-11.46-11.179c-4.788%204.787-8.845%207.114-17.114%207.114-10.591%200-16.538-7.114-16.538-16.828zm-77.13%2031.909v-16.967h-33.941l33.941-44.247V79.683H497.05v16.979h31.619l-33.505%2044.242v14.355zm-69.721%200v-15.95h-6.816c-4.502%200-6.531-2.466-6.531-6.816V96.225h13.347V81.862h-13.347V59.517h-18.856v22.341h-7.979v14.363h7.979v37.427c0%2010.734%206.522%2021.611%2021.905%2021.611zm-69.172-44.818h-28.721c.143-3.339.58-5.372%201.739-8.127%202.033-4.493%206.236-7.832%2012.62-7.832s10.587%203.339%2012.62%207.832c1.163%202.755%201.595%204.788%201.742%208.127m18.567%2012.909v-8.412c0-20.75-11.894-36.124-32.929-36.124-19.583%200-32.925%2013.93-32.925%2038.585%200%2030.615%2017.113%2038.737%2034.957%2038.737%2013.636%200%2021.028-4.208%2028.726-11.893l-11.465-11.179c-4.788%204.787-8.849%207.114-17.114%207.114-10.595%200-16.538-7.114-16.538-16.828zm-80.187%2031.909V51.978h-20.158v63.246l-40.904-63.246h-17.991v103.281h20.158V91.874l40.904%2063.385z&#x27;/%3e%3cpath%20fill=&#x27;url(%23a)&#x27;%20fill-rule=&#x27;nonzero&#x27;%20d=&#x27;M135.315%204.099%2059.974%2079.418l19.793%2019.785%2075.332-75.328c5.424-5.425%205.424-14.352%200-19.776A13.95%2013.95%200%200%200%20145.205%200c-3.578%200-7.16%201.365-9.89%204.099m49.122%2049.152L158.24%2079.439l19.785%2019.789%2026.197-26.197a14%2014%200%200%200%204.097-9.89%2014%2014%200%200%200-4.097-9.89%2013.95%2013.95%200%200%200-9.89-4.095%2013.96%2013.96%200%200%200-9.899%204.095M53.209%20184.429a14%2014%200%200%200-4.098%209.89c0%203.708%201.475%207.268%204.098%209.89%205.43%205.418%2014.353%205.418%2019.784%200l75.336-75.324-19.784-19.776zM4.095%20135.327A13.95%2013.95%200%200%200%200%20145.222v.002c0%207.672%206.313%2013.985%2013.985%2013.985a14%2014%200%200%200%209.894-4.102l26.201-26.184L30.3%20109.13z&#x27;/%3e%3cpath%20fill=&#x27;url(%23b)&#x27;%20fill-rule=&#x27;nonzero&#x27;%20d=&#x27;M62.931%200a13.87%2013.87%200%200%200-9.71%204.095%2013.97%2013.97%200%200%200-4.102%209.888c0%203.708%201.477%207.268%204.102%209.887l26.206%2026.206L99.219%2030.3%2072.997%204.095A13.94%2013.94%200%200%200%2063.288%200zM4.095%2053.242A13.95%2013.95%200%200%200%200%2063.132c0%203.57%201.365%207.161%204.095%209.882l75.302%2075.278%2019.793-19.781-75.311-75.269a13.95%2013.95%200%200%200-9.89-4.103%2013.95%2013.95%200%200%200-9.894%204.099m105.035%2026.5%2075.316%2075.319c5.459%205.459%2014.32%205.459%2019.78%200a13.98%2013.98%200%200%200%204.102-9.89c0-3.709-1.477-7.27-4.102-9.89L128.91%2059.97zm.013%2098.278%2026.214%2026.214a13.95%2013.95%200%200%200%209.89%204.095c3.709.005%207.27-1.47%209.89-4.095a13.97%2013.97%200%200%200%204.106-9.89%2013.97%2013.97%200%200%200-4.106-9.89l-26.21-26.201z&#x27;/%3e%3cdefs%3e%3clinearGradient%20id=&#x27;a&#x27;%20x1=&#x27;0&#x27;%20x2=&#x27;1&#x27;%20y1=&#x27;0&#x27;%20y2=&#x27;0&#x27;%20gradientTransform=&#x27;rotate(-45%20252.794%20107.354)scale(299.874)&#x27;%20gradientUnits=&#x27;userSpaceOnUse&#x27;%3e%3cstop%20offset=&#x27;0&#x27;%20stop-color=&#x27;%23ef7c00&#x27;/%3e%3cstop%20offset=&#x27;1&#x27;%20stop-color=&#x27;%23f7a600&#x27;/%3e%3c/linearGradient%3e%3clinearGradient%20id=&#x27;b&#x27;%20x1=&#x27;0&#x27;%20x2=&#x27;1&#x27;%20y1=&#x27;0&#x27;%20y2=&#x27;0&#x27;%20gradientTransform=&#x27;rotate(45%201.201%20-2.998)scale(299.826)&#x27;%20gradientUnits=&#x27;userSpaceOnUse&#x27;%3e%3cstop%20offset=&#x27;0&#x27;%20stop-color=&#x27;%231360ab&#x27;/%3e%3cstop%20offset=&#x27;1&#x27;%20stop-color=&#x27;%231e2972&#x27;/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" alt="netzeBw"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Netze BW GmbH<br/>Stuttgart<br/>Energieversorgung</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->2/2021 - 2/2022</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Hays AG, Mannheim</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">Cypress</li><li class="_1adldme1">Formik</li><li class="_1adldme1">JavaScript</li><li class="_1adldme1">REST</li><li class="_1adldme1">React</li><li class="_1adldme1">React Intl</li><li class="_1adldme1">React Router</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Ich übernahm die architekturelle Verantwortung für die Frontend-Architektur, entwickelte Verbesserungsvorschläge für bestehende Strukturen und skizzierte Architekturen für neue Entwicklungen. Durch die Anwendung von API-First-Entwicklung und die Implementierung von End-to-End Tests mit Cypress, erreichte ich eine Code-Coverage von 70% für das bestehende Kundencenter, was eine solide Basis für die Qualitätssicherung in zukünftigen Releases bildete.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian überzeugt mit seinem tiefen Fachwissen in Sachen Frontend-Architektur, Tooling und React im Speziellen. Dabei kommuniziert er ehrlich und bringt mit seiner Kompetenz jede Codebasis voran. Vielen Dank, es hat Spaß gemacht!</p></blockquote><figcaption class="f5nchw2"><cite>Florian Matz</cite><br/>Software-Entwickler (Freelancer)</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian arbeitet selbstständig an allen Aufgaben, die in der täglichen Projektarbeit anfallen. Er ist ein ausgewiesener Experte im Frontend-Bereich und steht jederzeit mit seinem Know-how zur Verfügung. Bei der Analyse der Frontend-Architektur hat er viele sinnvolle Verbesserungsmöglichkeiten gefunden und mit Hilfe von Best Practices pragmatisch umgesetzt. Seine Lösungsvorschläge und Diskussionsbeiträge sind immer ein elementarer Input.</p></blockquote><figcaption class="f5nchw2"><cite>Yangyang Gao</cite><br/>Software-Entwickler (Consultant)<br/>CGI Deutschland</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">React- und GraphQL-Architekt</span>Multi-Marken Online-Shop-Plattform in der Otto-Gruppe</div></h2><img class="_1lmsyyq0 _13mngvz4" src="/assets/empiriecom-black-fXLxFKpT.svg" alt="empiriecom"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>empiriecom GmbH &amp; Co. KG<br/>Burgkunstadt<br/>E-Commerce</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->11/2020 - 2/2021</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->AWESOME! Software GmbH, Montabaur</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">Apollo Client</li><li class="_1adldme1">Apollo Server</li><li class="_1adldme1">GraphQL</li><li class="_1adldme1">Jest</li><li class="_1adldme1">React</li><li class="_1adldme1">React Router</li><li class="_1adldme1">TypeScript</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>In meinem Verantwortungsbereich lag die Erweiterung und Optimierung unseres GraphQL-Services, ein Prozess, der die Integration neuer Resolver und eine Anbindung an eine MySQL-Datenbank umfasste. Die Herausforderung bestand darin, nicht nur die Systemfunktionalität zu erweitern, sondern auch die Qualität und Wartbarkeit des Gesamtsystems durch gezielte Verbesserungen zu erhöhen. Durch die Einführung verbesserter Typisierung, die konsequente Nutzung von Async/Await, die Optimierung der Testbarkeit und die Verfeinerung unseres Toolings konnte ich einen signifikanten Beitrag zur Steigerung der Systemeffizienz leisten.</p><p>Zusätzlich nahm ich maßgeblich Einfluss auf die architektonische Weiterentwicklung unserer internen Komponentenbibliothek. Diese Arbeit ermöglichte es, die Modularität und Wiederverwendbarkeit unserer Softwarekomponenten zu verbessern, was wiederum die Entwicklungseffizienz und Systempflege erleichterte. Mein Einsatz führte zu einer spürbaren Verbesserung der Systemqualität und trug dazu bei, das Fundament für zukünftige Innovationen zu legen.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Es war großartig, mit dir zu arbeiten. Ich werde deine Kompetenz, deinen Weitblick und unsere Gespräche vermissen. Viel Glück und denk daran: Man sieht sich immer zweimal im Leben. Das war eine Drohung. :)</p></blockquote><figcaption class="f5nchw2"><cite>Sascha Metz</cite><br/>Web-Developer (Consultant)<br/>Visuellagentur UG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Vielen Dank für deinen professionellen Einsatz. Du hast das Team mit deiner Unterstützung in vielerlei Hinsicht weitergebracht. Es war ein außerordentliches Vergnügen, mit Dir zu arbeiten.</p></blockquote><figcaption class="f5nchw2"><cite>Natalie Stoisch</cite><br/>Lead User Centered Design / Scrum Master<br/>empiriecom GmbH &amp; Co. KG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Vielen Dank, dass Du uns bei unseren PACE-Projekten so tatkräftig unterstützt hast. Deine erfrischende und ehrliche Art hat uns an der einen oder anderen Stelle auf Konzeptlücken aufmerksam gemacht.</p></blockquote><figcaption class="f5nchw2"><cite>Alexander Ritz</cite><br/>Product Owner Business Intelligence<br/>empiriecom GmbH &amp; Co. KG</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">React-Architekt</span>Neuentwicklung von State-of-the-Art Web-Anwendungen für einen führenden Baustoffkonzern</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20xml:space=&#x27;preserve&#x27;%20id=&#x27;Ebene_1&#x27;%20x=&#x27;0&#x27;%20y=&#x27;0&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20version=&#x27;1.1&#x27;%20viewBox=&#x27;0%200%20986.5%20283.5&#x27;%3e%3cstyle%3e.st0{fill:%23004e2b}%3c/style%3e%3cpath%20d=&#x27;M283.5%20283.5H109c-65.4%200-109-43.6-109-109V0h174.4c65.4%200%20109%2043.6%20109%20109v174.5z&#x27;%20class=&#x27;st0&#x27;/%3e%3cpath%20fill=&#x27;%2300dd39&#x27;%20d=&#x27;M152.6%2098.1h21.8c40.7%200%2065.4%2024.8%2065.4%2065.4v76.3H218c-40.1%200-65.4-25.6-65.4-65.4z&#x27;/%3e%3cpath%20fill=&#x27;%23fff&#x27;%20d=&#x27;M43.6%2043.6h87.2v196.2H109c-40.5%200-65.4-24.5-65.4-65.4z&#x27;/%3e%3cpath%20d=&#x27;M348.9%20239.9V158H365l27.5%2041.1%2027.9-41.1h15.7v81.8H419v-53.1L396.2%20220h-7.5l-22.8-33.2v53.1zm97.8-31.1c0-18.2%2014-32.3%2032.3-32.3%2010.3%200%2017.4%204.3%2021.3%209.3l.4-8.2H516v62.2h-15.3l-.4-8.2c-3.9%205-11%209.3-21.3%209.3-18.3.1-32.3-13.9-32.3-32.1m34.7%2018.8c10.6%200%2018.8-8.1%2018.8-18.8%200-10.5-8.2-18.8-18.8-18.8s-18.8%208.3-18.8%2018.8c0%2010.7%208.2%2018.8%2018.8%2018.8m56.9-35.4H524v-14.5h14.3v-16.9h16.1v16.9h22.7v14.5h-22.7v21.3c0%207.9%204%2011.9%2011.9%2011.9h10.8v14.5h-13.6c-16.6%200-25.2-8.6-25.2-25.2zm45.7%2016.6c0-19.2%2014.3-32.3%2032.5-32.3%2019.6%200%2032.3%2013.1%2032.3%2032.3%200%202.3%200%203.2-.2%206.7h-47.7c1.8%206.8%207.5%2012.3%2017.8%2012.3%207.8%200%2012.4-2.1%2016.8-6.8l10.1%2010.1c-5.6%205.1-13.6%2010.1-27.6%2010.1-21.9-.2-34-13.3-34-32.4m48.6-6.5c-.9-6.5-6.1-12.5-15.4-12.5-10.2%200-15.2%206.1-16.8%2012.5zm26.6%2037.6v-35.3c0-16.4%2010.5-26.9%2026.9-26.9h14.5v14.5h-10.8c-10.3%200-14.5%204.2-14.5%2014.5v33.2zm49.1-84c0-5.4%203.6-9.1%209.7-9.1s9.7%203.7%209.7%209.1-3.6%209.1-9.7%209.1c-6.1.1-9.7-3.7-9.7-9.1m1.6%2084v-62.1H726v62.1zm26.8-31.1c0-18.2%2014-32.3%2032.3-32.3%2010.3%200%2017.4%204.3%2021.3%209.3l.4-8.2H806v62.2h-15.3l-.4-8.2c-3.9%205-11%209.3-21.3%209.3-18.3.1-32.3-13.9-32.3-32.1m34.7%2018.8c10.6%200%2018.8-8.1%2018.8-18.8%200-10.5-8.2-18.8-18.8-18.8s-18.8%208.3-18.8%2018.8c0%2010.7%208.1%2018.8%2018.8%2018.8m47.9%2012.3v-86.5h16.1v86.5zm24.5-9.4%2010.1-10.1c4.7%204.7%2013.6%207.5%2022.2%207.5%208.9%200%2012.4-1.9%2012.4-5.1%200-3.5-3.5-5.1-17.2-7.7-16-3-25.5-7.9-25.5-19.6%200-12.2%2012.5-18.9%2028.6-18.9%2013.6%200%2023.4%204.6%2028.9%2010.1l-10.1%2010.1c-3.7-3.7-10.4-7-19.1-7-7.9%200-12.3%201.9-12.3%205.1%200%203.3%202.9%204.7%2017.9%207.7%2014.5%202.9%2024.8%207.5%2024.8%2019.6%200%2012.2-11.1%2018.9-29.6%2018.9-15.1-.1-25-4.5-31.1-10.6M405.7%20125.4V92.7H366v32.7h-17.1V43.6H366V77h39.7V43.6h17.1v81.8zm27.7-31.1c0-19.2%2014.3-32.3%2032.5-32.3%2019.6%200%2032.3%2013.1%2032.3%2032.3%200%202.3%200%203.2-.2%206.7h-47.7c1.8%206.8%207.5%2012.3%2017.8%2012.3%207.8%200%2012.4-2.1%2016.8-6.8l10.1%2010.1c-5.6%205.1-13.6%2010.1-27.6%2010.1-22-.1-34-13.2-34-32.4m48.6-6.4c-.9-6.5-6.1-12.5-15.4-12.5-10.2%200-15.2%206.1-16.8%2012.5zm25.4-46.4c0-5.4%203.6-9.1%209.7-9.1s9.7%203.7%209.7%209.1-3.6%209.1-9.7%209.1-9.7-3.7-9.7-9.1m1.6%2083.9v-62h16.1v62.1H509zm79.8-86.5H605v86.5h-15.3l-.4-8.2c-3.9%205-11%209.3-21.3%209.3-18.2%200-32.3-14-32.3-32.3s14-32.3%2032.3-32.3c9.9%200%2016.8%204%2020.8%208.8zm-18.3%2074.2c10.6%200%2018.8-8.1%2018.8-18.8%200-10.5-8.2-18.8-18.8-18.8s-18.8%208.3-18.8%2018.8c0%2010.8%208.1%2018.8%2018.8%2018.8m44.6-18.8c0-19.2%2014.3-32.3%2032.5-32.3%2019.6%200%2032.3%2013.1%2032.3%2032.3%200%202.3%200%203.2-.2%206.7H632c1.8%206.8%207.5%2012.3%2017.8%2012.3%207.8%200%2012.4-2.1%2016.8-6.8l10.1%2010.1c-5.6%205.1-13.6%2010.1-27.6%2010.1-21.9-.1-34-13.2-34-32.4m48.6-6.4c-.9-6.5-6.1-12.5-15.4-12.5-10.2%200-15.2%206.1-16.8%2012.5zm26.6%2037.5V38.9h16.1v86.5zM736%2070.8c4-4.8%2010.9-8.8%2020.8-8.8%2018.2%200%2032.3%2014%2032.3%2032.3s-14%2032.3-32.3%2032.3c-10.3%200-17.4-4.3-21.3-9.3l-.4%208.2h-15.3V38.9H736zm18.3%204.7c-10.6%200-18.8%208.3-18.8%2018.8%200%2010.8%208.2%2018.8%2018.8%2018.8s18.8-8.1%2018.8-18.8c0-10.5-8.1-18.8-18.8-18.8m42.1%2018.8c0-19.2%2014.3-32.3%2032.5-32.3%2019.6%200%2032.3%2013.1%2032.3%2032.3%200%202.3%200%203.2-.2%206.7h-47.7c1.8%206.8%207.5%2012.3%2017.8%2012.3%207.8%200%2012.4-2.1%2016.8-6.8l10.1%2010.1c-5.6%205.1-13.6%2010.1-27.6%2010.1-22-.1-34-13.2-34-32.4m48.6-6.4c-.9-6.5-6.1-12.5-15.4-12.5-10.2%200-15.2%206.1-16.8%2012.5zm26.5%2037.5V90.1c0-16.4%2010.5-26.9%2026.9-26.9h14.5v14.5h-10.8c-10.3%200-14.5%204.2-14.5%2014.5v33.2zm50.1%2015.4%2010.1-10.1c5%205%2010.9%208.2%2021.4%208.2s17.3-6.8%2017.3-17.3v-3.9c-4%204.8-10.9%208.8-20.8%208.8-18.2%200-32.3-14-32.3-32.3s14-32.3%2032.3-32.3c10.3%200%2017.4%204.3%2021.3%209.3l.4-8.2h15.3v57c0%2019.9-13.6%2032.3-33.4%2032.3-15.4%200-25.8-5.1-31.6-11.5m30.4-27.7c10.6%200%2018.8-8.1%2018.8-18.8%200-10.5-8.2-18.8-18.8-18.8s-18.8%208.3-18.8%2018.8c0%2010.8%208.1%2018.8%2018.8%2018.8&#x27;%20class=&#x27;st0&#x27;/%3e%3c/svg%3e" alt="heidelbergMaterials"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>HeidelbergCement AG<br/>Heidelberg<br/>Baustoffindustrie</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->6/2019 - 9/2020</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Hays AG, Mannheim</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">Azure</li><li class="_1adldme1">Cypress</li><li class="_1adldme1">ESLint</li><li class="_1adldme1">Jest</li><li class="_1adldme1">Lerna</li><li class="_1adldme1">Material UI</li><li class="_1adldme1">REST</li><li class="_1adldme1">React</li><li class="_1adldme1">React Router</li><li class="_1adldme1">Redux</li><li class="_1adldme1">TypeScript</li><li class="_1adldme1">i18next</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Im Zuge der Weiterentwicklung und Erweiterung einer Webanwendung zur Verfolgung von LKWs mit Baumaterialien, war ich federführend bei der Entwicklung einer Heuristik für die visuelle Aufbereitung von LKW-Routen in einer Google-Maps-Ansicht. Ein zentraler Aspekt meiner Arbeit war die Einführung eines Mono-Repositories, um die Frontend-Entwicklung zu vereinheitlichen und die Implementierung automatisierter Tools für das Hosting in Azure und Azure CDN zu optimieren. Dies verbesserte nicht nur die Performance im Vergleich zur vorherigen Docker-basierten Lösung, sondern förderte auch eine effizientere und kollaborative Arbeitsweise im Team.</p><p>Durch die Standardisierung von TypeScript und ESLint schaffte ich eine konsistente Entwicklungsgrundlage, die zusammen mit der Einführung von Cypress-basierten E2E-Tests zu einer qualitativ hochwertigeren Codebasis führte. Die schrittweise Migration der Codebasis auf TypeScript und die Implementierung eines verbesserten Axios-basierten API-Clients waren weitere Meilensteine, die zur Robustheit und Skalierbarkeit unserer Anwendung beitrugen.</p><p>Als Sparringspartner für UX-Designer und in meiner Funktion als leitender Entwickler unterstützte ich die Gestaltung eines benutzerzentrierten UI-Frameworks. Meine Rolle beinhaltete die Entwicklung eines gemeinsamen Verständnisses für effektive Komponentenstrukturen und deren Umsetzung, wodurch wir innovative und benutzerfreundliche Lösungen realisieren konnten. Meine Beiträge wurden als wegweisend für die Art und Weise, wie wir Webanwendungen entwickeln und veröffentlichen, angesehen und haben maßgeblich dazu beigetragen, unseren technologischen Stack zu verbessern und das Team zu inspirieren, bestehende Grenzen zu überwinden und kontinuierlich dazuzulernen.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Vielen Dank für all Deine Leistungen, Sebastian! Und wow, ich habe gar nicht bemerkt, dass wir fast 1,5 Jahre zusammen gearbeitet haben. Es gibt jetzt wirklich eine sehr große Lücke, die das Team zu füllen hat, da Du etliche wichtige Beiträge zu unserem Stack hinzugefügt hast. Du hast Dir im Laufe der Zeit einen sehr guten Ruf als React-Experte im Team erworben, und ich hatte das Gefühl, dass die Leute Deinem Rat wirklich tiefgehend vertrauen. Ich wünsche Dir alles Gute für Deinen zukünftigen Weg und möge der Code mit Dir sein. Immer.</p></blockquote><figcaption class="f5nchw2"><cite>Christian Klaucke</cite><br/>Head of Digital Product Engineering<br/>HeidelbergCement AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Danke Sebastian. Es war mir ein Vergnügen, mit Dir zu arbeiten und mit Dir über die winzigen aber wichtigen Details moderner Web-Technologie-Stacks zu diskutieren. Zusammen konnten wir die Art und Weise, wie wir unsere Web-Anwendungen entwickeln und veröffentlichen, einen gewaltigen Sprung nach vorn bringen. Deine tiefgehende Erfahrung mit React und den sinnvollen Praktiken der Webentwicklung wurden von mir immer sehr geschätzt.</p></blockquote><figcaption class="f5nchw2"><cite>Danny Fürniß</cite><br/>Lead Product Engineer<br/>HeidelbergCement AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Während unserer Zusammenarbeit mit Sebastian wurden mein Team und ich Zeuge, wie eine sachkundige und erfahrene Person die Köpfe des gesamten Teams wachrütteln kann. Er zwang uns, mehr zu lernen und generell mehr zu hinterfragen. Auch, in die richtige Richtung zu lernen, damit wir dann selbst Lösungen finden konnten. Dem Team arbeitsfähige Lösungen zu geben, ist sicher wertvoll, aber es ist vorteilhafter, ihnen beizubringen, wie sie selbst denken und das Problem lösen können. Abgesehen davon habe ich die Gesellschaft von Sebastian sehr genossen und schätze es sehr, dass wir den Vorteil hatten, gemeinsam überlegene Lösungen für verschiedene komplexe Probleme zu finden.</p></blockquote><figcaption class="f5nchw2"><cite>Igor Ilic</cite><br/>Software-Entwickler<br/>HeidelbergCement AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Es hat mich gefreut, mit Sebastian arbeiten zu können. Unser Projekt hat viel von seinem langjährigen Frontend Know-How profitiert. Er kennt sich nicht nur mit ReactJS gut aus, sondern hat auch das Gesamtsystem immer im Blick. Das kommt nicht oft vor. Er ist kommunikativ, engagiert und offen. Ich selbst würde mit ihm gerne immer wieder zusammenarbeiten und kann ihn für weitere Projekte nur empfehlen.</p></blockquote><figcaption class="f5nchw2"><cite>Dominik Skalnik</cite><br/>Software-Entwickler<br/>HeidelbergCement AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian ist ein ausgezeichneter Entwickler und viel mehr ein Kollege und Coach, welcher mit scharfer Präzision hochqualitative Lösungen entwickelt. Sebastian hat Themen wie Backend für Frontend und Frontend Operations vorangebracht und unser Team mit einer Reihe von Tools bereichert. Ich wünsche ihm alles Gute und in seinem neuem Team viel Spaß und Erfolg.</p></blockquote><figcaption class="f5nchw2"><cite>Armin Naimi</cite><br/>Software-Entwickler<br/>HeidelbergCement AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Als UX-Designer ist es großartig, mit Sebastian zu arbeiten. Seine benutzerzentrierte Denkweise unterstützte und forderte das Team und mich heraus. Er ist neugierig und hat nie Angst davor, die Komfortzone zu verlassen, wenn es darum geht, Qualität zu realisieren. Das ist mit Sicherheit ein Wert für jedes Unternehmen, mit dem er zusammenarbeitet.</p></blockquote><figcaption class="f5nchw2"><cite>Cesare Cesari</cite><br/>UX Designer<br/>HeidelbergCement AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian zeichnet eine klare und direkte Kommunikation aus; sowohl in Besprechungen als auch im Quelltext. Für komplexe Probleme und Anforderungen sucht Sebastian einfache und zukunftsfähige Lösungen. Dabei greift er gerne auf seine Erfahrung aus früheren Projekten zurück. Beim Tooling ist er up to date und verfolgt mit Enthusiasmus neue Entwicklungen in der Branche.</p></blockquote><figcaption class="f5nchw2"><cite>Sebastian Walter</cite><br/>Team Leiter Frontend<br/>HeidelbergCement AG</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">React Mentor</span>Mentoring und Consulting für neues React-Team</div></h2><img class="_1lmsyyq0 _13mngvz4" src="/assets/ge-healthcare-0QiJACcL.svg" alt="geHealthCare"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>GE Healthcare GmbH<br/>Freiburg<br/>Gesundheitswesen</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->2/2019 - 2/2019</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Belcan Technical Recruiting, London</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">Apollo Client</li><li class="_1adldme1">GraphQL</li><li class="_1adldme1">Jest</li><li class="_1adldme1">REST</li><li class="_1adldme1">React</li><li class="_1adldme1">Redux</li><li class="_1adldme1">TypeScript</li><li class="_1adldme1">Webpack</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>In einem intensiven, mehrtägigen Workshop zu Best Practices in der Frontend-Entwicklung mit einem Schwerpunkt auf React teilte ich mein Wissen über bewährte Konventionen, von der Ordnerstruktur bis hin zu Implementierungsstrategien. Der Workshop deckte ein breites Spektrum ab, einschließlich des effektiven Managements von Assets, der Einführung in TypeScript für eine verbesserte Typisierung und Strategien für die Interaktion mit serverseitigen Daten. Ein besonderer Fokus lag auf der Erörterung der Vorzüge und Herausforderungen funktionaler versus Klassen-Deklarationen in React sowie der Bedeutung von kontinuierlicher Weiterbildung durch Ressourcen wie Newsletter, Video-Kurse und Konferenzen.</p><p>Darüber hinaus untersuchten wir Möglichkeiten zur Reduzierung von Boilerplate-Code bei der Verwendung von Redux durch das Duck-Pattern und initiierten Diskussionen über die Einsatzmöglichkeiten von GraphQL in Projekten. Das primäre Ziel dieses Workshops war, Teilnehmenden ein tiefgehendes Verständnis für die Nuancen moderner Frontend-Entwicklung zu vermitteln und ihnen handfeste Lösungsansätze für alltägliche Entwicklungsherausforderungen an die Hand zu geben.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Ich hatte das Vergnügen, von Sebastian während eines Coachings für den Aufbau einer auf React basierenden Unternehmensanwendung im Gesundheitswesen betreut zu werden. Er ist ein leidenschaftlicher Softwareentwickler, klar in seiner Kommunikation und ein produktiver Partner zum Gedankenaustausch. Er hat meine höchste Empfehlung.</p></blockquote><figcaption class="f5nchw2"><cite>Alexander Fechner</cite><br/>Software-Entwickler<br/>GE Healthcare GmbH</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Vielen Dank für unsere Beratungssitzung über HTML5/React-bezogene Technologien in Freiburg. Ihr breites Wissen im HTML5-Universum ist beeindruckend. Sie haben uns viele wertvolle Empfehlungen gegeben, die auf - und das ist das Wichtigste - echten praktischen Erfahrungen beruhen.</p></blockquote><figcaption class="f5nchw2"><cite>Stefan Huggle</cite><br/>Software-Architekt<br/>GE Healthcare GmbH</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">React/GraphQL-Architekt</span>Responsive Multi-Marken mehrsprachigen E-Commerce-Neuentwicklung (Produktseiten, Warenkorb, Kundenkonto)</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20xml:space=&#x27;preserve&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20viewBox=&#x27;0%200%20591.7%20106.1&#x27;%3e%3cpath%20fill=&#x27;%23d20626&#x27;%20d=&#x27;M53.1%207.5c12.2%200%2023.6%204.7%2032.2%2013.3S98.6%2040.9%2098.6%2053s-4.7%2023.6-13.3%2032.2-20.1%2013.3-32.2%2013.3c-12.2%200-23.6-4.7-32.2-13.3S7.5%2065.2%207.5%2053.1s4.7-23.6%2013.3-32.2S40.9%207.5%2053.1%207.5m0-7.5C23.8%200%200%2023.8%200%2053.1s23.8%2053.1%2053.1%2053.1%2053.1-23.8%2053.1-53.1S82.4%200%2053.1%200m-6.6%2028.5V62c0%201.7-1.7%204.1-3.8%204.1s-3.8-1.5-3.8-4.1V28.5h-13v35.8c0%205.5%201.2%209.7%203.7%2012.6s6%204.4%2010.6%204.4c2.9%200%205.4-.6%207.3-1.7%202-1.1%203.8-3%205.6-5.6%201.7%202.6%203.6%204.5%205.6%205.6s4.4%201.7%207.3%201.7c4.6%200%208.2-1.5%2010.6-4.4%202.5-2.9%203.7-7.1%203.7-12.6V28.5h-13V62c0%202.6-1.7%204.1-3.8%204.1s-3.8-2.4-3.8-4.1V28.5zm154.7%2052.7h-12.6l-10.4-35.7h-.2l-10.4%2035.7h-12.7l-15-52.7h13.7l8.3%2035.1h.2l9.4-35.1h13.3l9.5%2035.1h.2l8.5-35.1h13.3zM228.4%2039c-3.9%200-7-3.1-7-6.7s3.1-6.7%207-6.7%207%203%207%206.7c0%203.8-3.2%206.7-7%206.7m-6.1%2042.2V44.1h12.2v37.1zm36.2-27.9v14.1c0%203.4%201.1%205.2%204.6%205.2%201.2%200%202.7-.2%203.6-.6l.1%208.9c-1.6.6-4.5%201.1-7.1%201.1-9.9%200-13.2-5.3-13.2-13.2V53.3h-6v-9.2h5.9v-9.8h12v9.8h8.7v9.2zm30%200v14.1c0%203.4%201.1%205.2%204.6%205.2%201.2%200%202.7-.2%203.6-.6l.1%208.9c-1.6.6-4.5%201.1-7.1%201.1-9.9%200-13.2-5.3-13.2-13.2V53.3h-6v-9.2h5.9v-9.8h12v9.8h8.7v9.2zM303%2066.5v-9.7h19v9.7zm54%2016c-16.8%200-29-11.2-29-27.8%200-16.9%2012.5-27.7%2028.6-27.7%208.3%200%2015.9%202.8%2020.3%207l-8%209.2c-2.5-2.8-6.7-4.9-11.8-4.9-8.9%200-15.5%207-15.5%2016.5%200%209.7%205.7%2016.6%2016.1%2016.6%203%200%205.7-.4%208-1.4v-9.6h-10.1V50.1h21.7V78c-5.2%202.7-12.2%204.5-20.3%204.5m53-28.4c-1.1-.3-2.2-.4-3.1-.4-6.6%200-8.7%205.4-8.7%208.4v19.1H386V44.1h11.8v5.4h.1c1.9-3.7%205.5-6.4%2010.1-6.4%201%200%202%20.1%202.6.3zm30.2%2027.1v-5.1h-.1c-1.7%203.3-6%206.2-11.2%206.2-10%200-13.5-7.7-13.5-15.2v-23h12.3v20.1c0%204.2%201%207.9%205.5%207.9%204.2%200%206.6-3.7%206.6-8v-20H452v37.1zm43%201c-4.5%200-8.9-1.9-11.2-5.1h-.1v22h-12.2v-55h11.6v4.5h.2c2.2-3%206.4-5.6%2011.8-5.6%2010.8%200%2017.6%209.1%2017.6%2019.4s-6.5%2019.8-17.7%2019.8M480.3%2053c-5.5%200-8.9%204.8-8.9%209.5%200%204.8%203.4%209.5%208.9%209.5%205.8%200%208.7-4.8%208.7-9.6%200-4.7-2.9-9.4-8.7-9.4m50%2029.2c-4.5%200-8.9-1.9-11.2-5.1h-.1v22h-12.2v-55h11.6v4.5h.2c2.2-3%206.4-5.6%2011.8-5.6%2010.8%200%2017.6%209.1%2017.6%2019.4s-6.5%2019.8-17.7%2019.8M527.4%2053c-5.5%200-8.9%204.8-8.9%209.5%200%204.8%203.4%209.5%208.9%209.5%205.8%200%208.7-4.8%208.7-9.6%200-4.7-2.9-9.4-8.7-9.4m64.2%2013h-26.9c.4%204.1%204.5%207%208.9%207%203.9%200%206.6-1.6%208.2-3.9l8.5%205.4c-3.5%205.1-9.3%207.9-16.8%207.9-11.2%200-20.4-7.1-20.4-19.6%200-12.1%208.8-19.9%2020-19.9%2010.9%200%2018.6%207.5%2018.6%2020.2%200%201%200%202-.1%202.9m-11.2-7.6c0-3.9-2.5-7.1-7.3-7.1-4.7%200-8.1%203.3-8.4%207.1z&#x27;/%3e%3c/svg%3e" alt="wittGruppe"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Josef Witt GmbH (Otto Gruppe)<br/>Weiden<br/>E-Commerce</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->9/2018 - 6/2019</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Computer Futures/SThree GmbH, München</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">Apollo Client</li><li class="_1adldme1">Apollo Server</li><li class="_1adldme1">GraphQL</li><li class="_1adldme1">PostCSS</li><li class="_1adldme1">React</li><li class="_1adldme1">React Router</li><li class="_1adldme1">Styled Components</li><li class="_1adldme1">TypeScript</li><li class="_1adldme1">Webpack</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Die Herausforderung, einen Online-Shop neu zu entwickeln, der sowohl Multi-Brand-Fähigkeiten als auch internationale Unterstützung bietet, führte mich zur Implementierung einer GraphQL-Orchestration-Schicht mittels Apollo auf Client- und Serverseite. Diese Aufgabe umfasste nicht nur technische Neuerungen, sondern auch das Mentoring meines Teams, um ein tiefes Verständnis und eine effektive Anwendung der Technologien zu gewährleisten. Durch die Einführung serverseitigen Renderings (SSR) und einer fortschrittlichen Code-Splitting-Lösung mit Loadable Components konnte die Leistung und Nutzererfahrung des Shops signifikant gesteigert werden.</p><p>Ein weiterer wichtiger Meilenstein war die Implementierung einer JWT-basierten, SSR-kompatiblen Nutzerzuordnung, die eine nahtlose Nutzererfahrung über verschiedene Sessions und Geräte hinweg ermöglichte. Durch Optimierungen im Bereich des Toolings, einschließlich Threading und Caching in Webpack, sowie der Umstellung des TypeScript-Toolings auf Babel, konnte ich die Entwicklungszeiten und die Hot Module Replacement (HMR)-Effizienz deutlich verbessern. Darüber hinaus trug die Optimierung des clientseitigen Routings und die Implementierung von Preloading für diverse Code-Split-Pfade zu einer reibungslosen und schnellen Navigation bei.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian ist ein stets involviertes, dynamisches Teammitglied mit unschätzbarer Erfahrung im Bereich Tools und Web-Performance. Mit Sebastian im Team haben wir endlich ein zuverlässiges SSR/HMR-Setup mit einem unterhaltsamen Entwickler-Erlebnis. Er hat es uns leicht gemacht, auf GraphQL umzusteigen. Ich habe vor allem unsere Gespräche und unseren technischen Austausch genossen. Für mich persönlich war Sebastian ein Vorbild dafür, in Konfrontationssituationen ruhig und konstruktiv zu bleiben.</p></blockquote><figcaption class="f5nchw2"><cite>Abraham Schilling</cite><br/>Senior Frontend Developer<br/>Josef Witt GmbH (Otto-Gruppe)</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">React/GraphQL-Architekt</span>Neue ARD-Mediathek für HBBTV-fähige Fernseher und Web-Browser</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20viewBox=&#x27;0%200%20815%20240&#x27;%3e%3cpath%20fill=&#x27;%231D0B40&#x27;%20d=&#x27;m588.4%20240%20119-120-119-120v78l41.9%2042-42%2042v78Zm-284.8-93.2L325.3%2013h50.3l-38.1%20216H281L256.7%2090.5l-24.4%20138.7h-56.4L137.8%2013H188l21.8%20133.7L231.6%2013h50.2zm185.8-11.4%2016.7%2024.3%2045.6%2069.4h-60.6l-51.5-84.4h-1.9V229h-49.9V13c18.3-1.3%2041.6-1.6%2067.6-1.6%2051%200%2080.8%2018.3%2080.8%2064.1%200%2029.1-18%2052.8-46.8%2059.8Zm-39.2-26.2c21.3%200%2034.8-11.2%2034.8-29.4%200-17-10-27.2-33.5-27.2-5.1%200-11%20.3-13.8.6v55.3c2.6.3%207.7.7%2012.5.7m-310.4%2050c0%2041.9-33.5%2073-88.6%2073-15%200-30.8-1.6-44.5-4.8l2.2-47.3c12.1%204.5%2030.4%209.1%2046%209.1%2018.4%200%2031.5-7.7%2031.5-23%200-15.4-14.8-21.2-32.2-28C30%20129%201%20117.7%200%2076-.9%2035.3%2032%208.5%2086.1%208.5c11.5%200%2026%201.3%2039.4%203.9l-.1%2044a162%20162%200%200%200-41.2-6.7c-20.9%200-30.8%209-30.8%2021.1%200%2014%2014.8%2019.9%2032.1%2026.9%2024.6%209.9%2054.3%2021.9%2054.3%2061.5M695.3%2078V0l119%20120-119%20120v-78l41.9-42-42-42Z&#x27;/%3e%3c/svg%3e" alt="swr"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Südwestrundfunk<br/>Mainz<br/>Rundfunk</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->7/2018 - 9/2018</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->GULP Information Services GmbH, München</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">Apollo Client</li><li class="_1adldme1">Apollo Server</li><li class="_1adldme1">Flowtype</li><li class="_1adldme1">GraphQL</li><li class="_1adldme1">REST</li><li class="_1adldme1">React</li><li class="_1adldme1">React Router</li><li class="_1adldme1">Sass</li><li class="_1adldme1">Webpack</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Bei der Neu-Entwicklung einer Mediathek für alle Sender der ARD als gemeinsame Plattform lag mein Fokus auf der Unterstützung moderner HBBTV-fähiger Fernseher und der Bereitstellung responsiver Layouts für Web-Browser auf Handys, Tablets und Desktops. Ich war maßgeblich an der Entwicklung und Optimierung der GraphQL-Schnittstelle beteiligt, um eine effiziente Kommunikation mit bestehenden REST-APIs zu gewährleisten. Dieses Projekt zielte darauf ab, eine nahtlose und benutzerfreundliche Medienbibliothek zu schaffen, die den Zugriff auf Inhalte über eine Vielzahl von Geräten ermöglicht und dabei modernste Technologien nutzt.</p></div><ul class="_13mngvza"></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">React Architekt</span>Real-Time Verkehrs-Informationsangebot für den ÖPNV-Bereich</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20viewBox=&#x27;0%200%20143%2074.948&#x27;%3e%3cpath%20fill=&#x27;%23009d3c&#x27;%20d=&#x27;m143%2025.823-8.379%207.238h-20.755v34.51a7.374%207.374%200%201%201-14.748%200V33.062h-2.1a7.374%207.374%200%200%201%200-14.748h2.1V6.841h.027a7.365%207.365%200%200%201%2014.693%200h.029v11.47h20.755ZM63.018%2036.461v31.105a7.481%207.481%200%200%201-14.96%200V38.64a5.579%205.579%200%201%200-11.158%200v28.923a7.3%207.3%200%200%201-7.2%207.385%207.59%207.59%200%200%201-7.548-7.381V37.843c0-.6-.025-1.071-.025-1.614%200-9.9%209.39-17.919%2020.624-17.919S63.01%2026.332%2063.01%2036.228ZM7.375%2038.07A7.373%207.373%200%200%200%200%2045.444v22.129a7.375%207.375%200%200%200%2014.749%200V45.464a7.39%207.39%200%200%200-7.374-7.394m0-5.013A7.374%207.374%200%201%200%200%2025.683a7.376%207.376%200%200%200%207.375%207.374m77.766%2012.416v-.02a7.375%207.375%200%200%200-14.749%200v22.12a7.375%207.375%200%201%200%2014.749%200zm-7.374-12.415a7.374%207.374%200%201%200-7.374-7.374%207.375%207.375%200%200%200%207.374%207.374&#x27;/%3e%3c/svg%3e" alt="init"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Init SE<br/>Karlsruhe<br/>Öffentlicher Verkehr</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->4/2018 - 7/2018</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Megapart GmbH, Karlsruhe</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">Babel</li><li class="_1adldme1">CSS Modules</li><li class="_1adldme1">DotEnv</li><li class="_1adldme1">ESLint</li><li class="_1adldme1">Formik</li><li class="_1adldme1">Jest</li><li class="_1adldme1">Popmotion</li><li class="_1adldme1">PostCSS</li><li class="_1adldme1">React</li><li class="_1adldme1">React Intl</li><li class="_1adldme1">React Router</li><li class="_1adldme1">Storybook</li><li class="_1adldme1">Stylelint</li><li class="_1adldme1">Webpack</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Bei der Neuentwicklung eines webbasierten Dashboards für Echtzeit-Abfahrsinformationen im ÖPNV-Umfeld übernahm ich die eigenverantwortliche Architektur und Entwicklung, in enger Absprache mit Produktmanagern. Ich traf die Auswahl aktueller Technologien und führte Schulungen für Mitarbeiter in den Bereichen React und Web-Entwicklung durch. Ein zentraler Bestandteil meiner Arbeit war die Entwicklung eines GraphQL-Servers mit Apollo, der eine Vielzahl unterschiedlicher REST-APIs, sowohl Inhouse als auch extern, nutzte. Für die Erkennung der Geo-Position und die Ermittlung von Routen und Distanzen setzte ich auf MapBox und OpenStreetMap. Darüber hinaus gestaltete ich das Seiten-Layout und setzte die ersten Design-Konzepte in wiederverwendbare Komponenten und Views um, um eine intuitive und effiziente Benutzeroberfläche zu schaffen.</p></div><ul class="_13mngvza"></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">React Experte</span>Entwicklung eines Telematik-Angebotes für Logistikunternehmen</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20viewBox=&#x27;0%200%20566.93%2090.71&#x27;%3e%3cpath%20d=&#x27;M493.47%2087.6h15.55V37.88l57.91%2051.88V4.24h-15.57v51.4L493.48%202.09zm-65.96-71.25c-15.59%200-28.26%2012.68-28.26%2028.26s12.68%2028.26%2028.26%2028.26c15.59%200%2028.26-12.68%2028.26-28.26s-12.67-28.26-28.26-28.26m0%2071.93c-24.08%200-43.67-19.59-43.67-43.67S403.43.94%20427.51.94s43.67%2019.59%2043.67%2043.67-19.59%2043.67-43.67%2043.67m-132.5-69.92H326V87.6h15.95V18.36h30.99V4.24h-77.93zM194.54%2087.6h18.29l42.39-83.37h-18.29zm62.36-34.35%2017.51%2034.35h18.65l-26.88-52.63zm-78.67-18.08c0-16.86-13.34-30.94-30.3-30.94h-46.55V87.6h15.95V65.54l29.89-.1L158.5%2087.6h17.89l-12.83-25.25c8.42-4.49%2014.67-14.9%2014.67-27.18m-34.06%2016.48h-26.84V18.36h26.84c11.73%200%2018.23%208.61%2018.23%2016.7.01%207.06-4.79%2016.59-18.23%2016.59M0%204.24v14.12h30.99V87.6h15.95V18.36h30.99V4.24z&#x27;/%3e%3c/svg%3e" alt="traton"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Traton: RIO<br/>München<br/>Nutzfahrzeugindustrie</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->1/2018 - 3/2018</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Ray Sono AG, München</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">AWS</li><li class="_1adldme1">Amazon S3</li><li class="_1adldme1">BabelJS</li><li class="_1adldme1">ESLint</li><li class="_1adldme1">Karma</li><li class="_1adldme1">LessJS</li><li class="_1adldme1">Mocha</li><li class="_1adldme1">React</li><li class="_1adldme1">Redux</li><li class="_1adldme1">Redux Saga</li><li class="_1adldme1">Sinon</li><li class="_1adldme1">Webpack</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Bei der Unterstützung der Weiterentwicklung einer bereits von Kunden genutzten Plattform arbeitete ich in einem verteilten Team mit Standorten in Leipzig und München. Meine Rolle umfasste die Einbringung architektureller Verbesserungsvorschläge sowie das Mentoring von Kollegen, um die Qualität und Effizienz der Plattform zu steigern. Durch diese Zusammenarbeit trug ich zur Optimierung bestehender Prozesse und Strukturen bei, förderte den Wissensaustausch innerhalb des Teams und unterstützte die kontinuierliche Weiterentwicklung der Plattform, um den Anforderungen und Bedürfnissen der Nutzer noch besser gerecht zu werden.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian Werner ist in einer späten Projektphase in ein fachlich wie technisch sehr komplexes Projekt eingestiegen und hat dort nach einer sehr kurzen Einarbeitungszeit nicht nur als vollwertiges Teammitglied mitgearbeitet, sondern auch direkt konstruktive Lösungsvorschläge zu Problemen in der Architektur und der Technik gegeben. Wir sind mit der Zusammenarbeit sehr zufrieden und würden uns freuen, auch zukünftige Projekte gemeinsam umzusetzen.</p></blockquote><figcaption class="f5nchw2"><cite>Stefan Hammer</cite><br/>Product Manager<br/>Ray Sono AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Herr Werners Hauptaufgaben waren die Umsetzung von Formularen und Interaktionen in den Buchungsmodulen und Performance-Optimierungen im Chat und im Allgemeinen bzgl. der Ladezeit. Die ihm übertragenen Aufgaben wurden von Herrn Werner zu unserer vollsten Zufriedenheit bearbeitet. Mit sehr viel Einsatzbereitschaft und seiner kommunikativen Art hat sich Herr Werner schnell in unser Entwicklungsteam integriert und konnte in hohem Maße zum Projekterfolg beitragen.</p></blockquote><figcaption class="f5nchw2"><cite>Yolanda Cruz-Stempian</cite><br/>Partner Management</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Frontend Architekt</span>Eine Plattform zum Austausch zwischen Pharma-Branche und Ärzten</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20xml:space=&#x27;preserve&#x27;%20fill-rule=&#x27;evenodd&#x27;%20stroke-linejoin=&#x27;round&#x27;%20stroke-miterlimit=&#x27;2&#x27;%20clip-rule=&#x27;evenodd&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20viewBox=&#x27;0%200%201417%20500&#x27;%3e%3cpath%20fill=&#x27;%2315496e&#x27;%20fill-rule=&#x27;nonzero&#x27;%20d=&#x27;M603.25%20248.042c-2.5-17.375-15.208-26.792-32.583-26.792-16.292%200-39.25%208.542-39.25%2051.917%200%2023.791%2010.5%2048.916%2037.875%2048.916%2018.25%200%2030.916-12.166%2033.958-32.583h31.5c-5.792%2037-28.708%2057.458-65.458%2057.458-44.75%200-69.334-31.791-69.334-73.791%200-43.084%2023.459-76.792%2070.417-76.792%2033.167%200%2061.333%2016.583%2064.375%2051.667zm46.708%2023.5c0-43.667%2026.25-75.125%2072.084-75.125%2045.833%200%2072.083%2031.458%2072.083%2075.125%200%2043.916-26.25%2075.416-72.083%2075.416-45.834%200-72.084-31.5-72.084-75.416m112.709%200c0-24.584-12.417-50.292-40.625-50.292-28.167%200-40.625%2025.708-40.625%2050.292%200%2024.833%2012.458%2050.541%2040.625%2050.541%2028.208%200%2040.625-25.708%2040.625-50.541m45.625-125.709h31.5v197.25h-31.5zm52.333%200h31.5v29.834h-31.5zm0%2054.417h31.5v142.833h-31.5zm191.417%20195.583h-31.5v-71.25H1020c-9.917%2015.75-29.542%2022.375-47.792%2022.375-42.25%200-61.583-36.208-61.583-74.583%200-41.708%2021.833-75.958%2066.833-75.958%2018.209%200%2035.375%206.875%2044.209%2023.208h.541V200.25h29.834zm-70.417-73.75c27.333%200%2040.042-20.416%2040.042-50.25%200-30.958-13.792-50.541-40.042-50.541-26%200-39.5%2024.583-39.5%2050.541%200%2024.834%2010.75%2050.25%2039.5%2050.25m218.75%2021h-30.917v-19.875h-.583c-7.75%2014.375-24.875%2023.75-40.625%2023.75-37.292%200-53.333-18.791-53.333-56.083V200.25h31.5v87.583c0%2025.125%2010.208%2034.25%2027.333%2034.25%2026.25%200%2035.083-16.875%2035.083-38.958V200.25h31.5v142.833zm21.708-197.25h31.5v29.834h-31.5zm0%2054.417h31.5v142.833h-31.5zm50.375%2071.292c0-43.667%2026.25-75.125%2072.084-75.125%2045.875%200%2072.125%2031.458%2072.125%2075.125%200%2043.916-26.25%2075.416-72.125%2075.416-45.834%200-72.084-31.5-72.084-75.416m112.709%200c0-24.584-12.417-50.292-40.625-50.292-28.167%200-40.584%2025.708-40.584%2050.292%200%2024.833%2012.417%2050.541%2040.584%2050.541%2028.208%200%2040.625-25.708%2040.625-50.541&#x27;/%3e%3cpath%20fill=&#x27;%2365b32e&#x27;%20fill-rule=&#x27;nonzero&#x27;%20d=&#x27;M125%20270.833C125%20190.292%20190.292%20125%20270.833%20125h18.75C279.375%2054.417%20219.25%200%20145.833%200H0v145.833c0%2073.417%2054.417%20133.542%20125%20143.75z&#x27;/%3e%3cpath%20fill=&#x27;%232581c4&#x27;%20fill-rule=&#x27;nonzero&#x27;%20d=&#x27;M270.833%20125C190.292%20125%20125%20190.292%20125%20270.833V500l83.333-83.333h62.5c80.542%200%20145.834-65.292%20145.834-145.834V125z&#x27;/%3e%3c/svg%3e" alt="coliquio"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>coliquio GmbH<br/>Konstanz<br/>Gesundheitswesen</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->6/2017 - 12/2017</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Michael Page, München</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">ESLint</li><li class="_1adldme1">Jest</li><li class="_1adldme1">React</li><li class="_1adldme1">Redux</li><li class="_1adldme1">Storybook</li><li class="_1adldme1">Stylelint</li><li class="_1adldme1">Webpack</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Für das Projekt-Setup einer Green-Field React-Anwendung im Pharma-Bereich übernahm ich die Neustrukturierung der existierenden Komponenten-Library und führte eigene NPM Repositories ein. Diese Maßnahme diente der Erhöhung der Wiederverwendbarkeit von Komponenten und der Implementierung einheitlicher Linting-Regeln. Ich setzte auf responsive Design mit CSS Grid Layout und responsiver Typographie, um eine optimale Darstellung auf einer breiten Gerätevielfalt zu gewährleisten. Des Weiteren realisierte ich serverseitiges Rendering mit React, inklusive intelligentem Code-Splitting für JavaScript und CSS. Die Evaluierung und Auswahl von Oberflächen-Komponenten für Animationen, Charting und weitere Funktionen gehörten ebenfalls zu meinen Aufgaben, um eine benutzerfreundliche und visuell ansprechende Anwendung zu entwickeln.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian did a great job as a Frontend Engineer and Architect in our team. He happily shared his knowledge and teached us how to write state-of-the-art React applications. Thanks for the good collaboration, it was a pleasure working together!</p></blockquote><figcaption class="f5nchw2"><cite>Florian Eibeck</cite><br/>Software-Entwickler (Consultant)<br/>Mayflower GmbH</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastians Expertise im Bereich moderner Web-Technologien ist umfassend und tiefgreifend, so dass die Zusammenarbeit für mich eine bereichernde Erfahrung war. Der Kunde profitierte zudem von seinem Engagement in diversen Open-Source Projekten, die uns bei der Umsetzung der Anforderungen zugute kamen.</p></blockquote><figcaption class="f5nchw2"><cite>Florian Geier</cite><br/>Software-Entwickler (Freiberufler)</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Ich habe mit Sebastian an einer neuen Plattform für Coliquio gearbeitet. Sein Wissen und seine Erfahrung mit Javascript, React-Technologie und modernen Front-End-Frameworks waren wirklich beeindruckend. Ich freue mich darauf, wieder mit ihm zusammenzuarbeiten!</p></blockquote><figcaption class="f5nchw2"><cite>Jens Rusitschka</cite><br/>UX-Designer (Freiberufler)</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Lead Frontend Architekt</span>Neues Online-Banking für Geschäftskunden mit signifikaten Umsätzen</div></h2><img class="_1lmsyyq0 _13mngvz4" src="/assets/deutschebank-CVnlrQ_t.svg" alt="deutscheBank"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Deutsche Bank AG<br/>Eschborn<br/>Finanzen</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->3/2017 - 6/2017</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Hays AG, Mannheim</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">BabelJS</li><li class="_1adldme1">CSS Modules</li><li class="_1adldme1">ESLint</li><li class="_1adldme1">Jest</li><li class="_1adldme1">PostCSS</li><li class="_1adldme1">REST</li><li class="_1adldme1">React</li><li class="_1adldme1">Redux</li><li class="_1adldme1">Stylelint</li><li class="_1adldme1">Webpack</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Während des Aufbaus einer zukunftsweisenden Frontend-Architektur nahm ich eine Schlüsselrolle ein, indem ich eng mit Systemarchitekten und Produktmanagern zusammenarbeitete. Ein wichtiger Aspekt meiner Arbeit war die Führung und das Mentoring von zwei Offshore-Teams in Indien, für die ich den Git-Flow und Pull Requests als zentrale Arbeitsmethodik etablierte. Meine Verantwortung umfasste nicht nur die Schulung dieser Teams, sondern auch die Bewertung und Genehmigung ihres Codes, um die Einhaltung höchster Qualitätsstandards zu gewährleisten.</p><p>Ein weiterer Schwerpunkt meiner Tätigkeit lag in der sorgfältigen Evaluierung neuer Technologien, um einen innovativen Technologie-Stack zu definieren, der in enger Zusammenarbeit mit verschiedenen Stakeholdern des Konzerns ausgewählt wurde. Darüber hinaus leitete ich die Analyse und Konzeption eines neuen Development 2.0 Environments, das darauf abzielte, die Produktivität der Softwareentwicklung signifikant zu steigern. Diese Initiative zielte darauf ab, eine effiziente, moderne Entwicklungsumgebung zu schaffen, die optimal auf die Anforderungen der Softwareentwicklung abgestimmt ist.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Ich habe mit Sebastian in einem agilen Projekt für ein Unternehmen im Banksegment gearbeitet. Er ist ein außergewöhnlich talentierter Frontend-Architekt und ReactJS-Entwickler mit einem sehr tiefen Verständnis von UX/UI. Sebastian hat eine persönliche Leidenschaft für die Entwicklung hochmoderner Web- und Mobilanwendungen. Seine Fähigkeit, neue Technologien aufzugreifen, liegt weit über dem Durchschnitt. Er sucht nie nach dem komfortablen Ansatz, er stellt das Design, die User Experience, die Art und Weise, wie wir arbeiten, wie wir Software produzieren, welche Technologien wir wählen, in Frage und geht damit weit über die Kundenerwartung hinaus, das beste Produkt zu entwickeln. Ich würde mich freuen, bei zukünftigen Projekten mit ihm zusammenzuarbeiten!</p></blockquote><figcaption class="f5nchw2"><cite>Makele Ghebreamlak</cite><br/>Software-Architekt (Consultant)<br/>Melsicon GmbH</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Ich hatte das Vergnügen, mit Sebastian durch seine Führung eines Backbone-Teams bei einem Kunden zusammenzuarbeiten, für den wir beide tätig sind. Sebastians Engagement, eine Innovationsagenda durch seine persönliche Identität und seine tiefgreifenden Software-Kenntnisse in die Unternehmensarchitektur unseres Kunden einzubringen, war von größter Bedeutung und führte zu großartigen Ergebnissen. Sebastian geht in seinem täglichen Arbeitsleben mit gutem Beispiel voran und ermutigte daher nicht nur sein Backbone-Team, sondern auch das Projektteam selbst. Ich würde mich freuen, in Zukunft wieder zusammenarbeiten zu können, wenn sich die Gelegenheit dazu bietet.</p></blockquote><figcaption class="f5nchw2"><cite>Michael Rodegast</cite><br/>Interims Management (Consultant)</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Es war ein großes Privileg für mich, mit einem so talentierten und sachkundigen Entwickler wie Sebastian zusammenzuarbeiten, der sich fließend in der neuesten UI-Tech auskennt. Es ist heutzutage ziemlich schwierig, einen leidenschaftlichen Coder wie ihn zu finden. Wir haben bei unserem letzten Projekt viel aus seinen Erfahrungen mit React, Webpack und seinem EdgeStack gelernt. Ich freue mich darauf, in naher Zukunft wieder mit Sebastian zusammenzuarbeiten.</p></blockquote><figcaption class="f5nchw2"><cite>Adib Istanbouli</cite><br/>Senior Software-Entwickler (Consultant)<br/>Accenture Germany</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Senior Frontend Architekt</span>Neuentwicklung eines Portal für die Planung und Durchführung von Sprachkursen</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20xml:space=&#x27;preserve&#x27;%20fill-rule=&#x27;evenodd&#x27;%20stroke-linejoin=&#x27;round&#x27;%20stroke-miterlimit=&#x27;2&#x27;%20clip-rule=&#x27;evenodd&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20viewBox=&#x27;0%200%20467%20134&#x27;%3e%3cpath%20fill=&#x27;%231e3490&#x27;%20fill-rule=&#x27;nonzero&#x27;%20d=&#x27;M409.509.008H57.143C25.581.008%200%2020.835%200%2052.387v28.567c0%2031.549%2025.581%2052.379%2057.139%2052.379h352.37c31.566%200%2057.144-20.83%2057.144-52.379V52.379C466.653%2020.831%20441.075%200%20409.509%200&#x27;/%3e%3cpath%20fill=&#x27;%23fff&#x27;%20fill-rule=&#x27;nonzero&#x27;%20d=&#x27;M292.673%2013.046c-3.951%200-7.668%201.494-10.468%204.29a14.73%2014.73%200%200%200-4.286%2010.468c0%203.946%201.501%207.675%204.286%2010.464a14.65%2014.65%200%200%200%2010.468%204.289h.008c8.089%200%2014.746-6.656%2014.746-14.745v-.13c0-8.027-6.605-14.632-14.633-14.632h-.121m-47.543%204.665v86.761h26.481V17.715zM50.037%2023.89v80.586h39.85c14.149%200%2029.258-5.827%2029.258-21.944%200-11.38-7.712-16.392-14.124-18.664l-3.531-1.134c1.836-.298%203.531-1.009%203.531-1.009%206.206-1.989%2010.343-8.276%2010.343-15.891%200-6.142-1.788-10.996-5.299-14.499-5-5.012-13.584-7.441-26.106-7.441zm268.992%205.677v18.414h-7.688v20.427h7.692v36.068h26.735V68.408h8.576V47.981h-8.58V29.567zM76.142%2042.178h3.661c2.954-.024%206.343-.085%208.321%201.892%201.061%201.054%201.513%202.603%201.513%204.54%200%201.986-.512%203.531-1.642%204.665-1.929%201.937-5.125%202.272-8.322%202.272h-3.531zm79.198%204.665c-9.577%200-18.136%203.381-24.088%209.334-5.448%205.456-8.322%2012.699-8.322%2021.06%200%207.68%202.514%2014.112%207.438%2019.039%206.134%206.122%2015.565%209.459%2026.61%209.459%2012.773%200%2027.93-5.201%2031.53-18.788h-25.727c-.646%203.252-2.986%204.79-6.182%204.79-2.079%200-3.834-.553-5.045-1.764-2.179-2.183-2.393-5.972-2.393-8.954v-.755h40.86c.605-9.342-2.09-16.707-7.821-22.828-6.344-6.772-15.944-10.593-26.86-10.593m39.725%201.138v56.495h26.482v-21.44c0-7.021%203.636-14.628%2011.727-14.628h7.817V47.981c-9.678-.218-16.841%202.704-19.795%2010.718V47.981zm84.492%200v56.495h26.607V47.981zm80.461.121v20.306h20.177l-.633%201.134-21.058%2034.805v.129h58.766V84.17h-21.691l.758-1.13%2021.817-34.934zM156.223%2060.716c1.937%200%203.778.876%205.166%202.268a8.5%208.5%200%200%201%202.526%206.053v.888h-14.754v-.888c0-4.951%202.805-8.321%207.062-8.321M76.142%2071.184h3.911c3.579%200%208.547.101%2011.219%202.773%201.21%201.21%201.767%202.768%201.767%204.794%200%202.066-.654%203.801-1.888%205.044-2.672%202.655-7.567%202.647-10.848%202.647h-4.161z&#x27;/%3e%3c/svg%3e" alt="berlitz"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Berlitz Deutschland GmbH<br/>Frankfurt am Main<br/>Bildung</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->10/2016 - 2/2017</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Syzygy GmbH, Bad Homburg</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">CSS Modules</li><li class="_1adldme1">ESLint</li><li class="_1adldme1">Gulp</li><li class="_1adldme1">PostCSS</li><li class="_1adldme1">React</li><li class="_1adldme1">StyleLint</li><li class="_1adldme1">Webpack</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Im Zuge der Neugestaltung und Optimierung des Frontends einer umfangreichen Anwendung, konzentrierte ich mich auf die Implementierung und Architektur im React-Umfeld. Ein Schlüsselelement meiner Arbeit war die Einführung des Apollo Clients und Servers, um GraphQL für eine effiziente Frontend-Backend-Kommunikation zu nutzen. Diese Maßnahme revolutionierte die Datenabfrage- und -manipulationsprozesse durch eine flexiblere Schnittstelle und trug entscheidend zur Performance-Steigerung und Verbesserung der User Experience bei.</p><p>Mein Ansatz, der auf einer tiefgehenden Analyse und einem kritischen Blick auf die bestehende Architektur basierte, führte zu einem schlankeren Systemdesign, verbessertem Tooling und der Auswahl adäquater Libraries. Durch diese strategischen Veränderungen konnten wir das Projekt aus einer technologischen Sackgasse führen und auf den Pfad des Erfolgs zurückbringen. Die von mir durchgeführten Anpassungen erhöhten nicht nur die Effizienz und Effektivität des Teams, sondern ermöglichten auch eine nachhaltige Wissensvermittlung und Strukturverbesserung innerhalb des Projekts.</p><p>Die positive Resonanz aus meinem Team unterstreicht die transformative Wirkung meiner Arbeit. Als Architekt und Mentor trug ich maßgeblich zur Entwicklung robuster und wartbarer Code-Basen bei, förderte die fachliche Weiterentwicklung des Teams und sorgte für eine konstruktive, lösungsorientierte Atmosphäre.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Vielleicht kennen Sie das ja auch: es gibt diese Projekte die einfach nicht gut laufen - u.a. deswegen, weil technologisch nicht der beste Ansatz verfolgt wurde, wegen hohem Zeitdruck, mangelnder Erfahrung und nicht zuletzt, weil im React-Umfeld derzeit eine besonders hohe Dynamik konkurrierender Ansätze besteht. Solch ein Projekt braucht Expertenwissen und die überzeugende Standhaftigkeit, dass ein besserer Ansatz möglich ist, auch wenn es die Entwicklung zunächst zurück wirft. Sebastian Werner hat sowohl die Kompetenz als auch die Persönlichkeit und lenkte nach ausführlicher Analyse mit den richtigen Konzepten das Projekt in deutlich bessere Bahnen. Eine deutlich schlankere Architektur, verbessertes Tooling und der Einsatz der passenden Libraries waren Schlüssel zum Erfolg. Wir haben viel gelernt und bedanken uns für die Unterstützung - es hat Spaß gemacht!</p></blockquote><figcaption class="f5nchw2"><cite>Jürgen Werle</cite><br/>Senior Web Developer<br/>Syzygy Deutschland GmbH</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian konnte mit seiner Expertise viele Probleme lösen und dem Projekt eine gute Struktur geben. Wir waren durch die von ihm vorgestellten Werkzeuge und Architektur effizienter und effektiver. Außerdem konnte er uns viel neues Wissen vermitteln. Er hat sich neben der Rolle des Architekten, auch schnell als Mentor etabliert, der uns half besseren und robusteren JavaScript-Code zu programmieren. Ich konnte einiges lernen und war froh über seine Verbesserungsvorschläge. Mit Hilfe von Sebastian konnten wir in einigen festgefahrenen Situationen wieder einen klaren Blick auf das eigentliche Problem bekommen, dass wir anschließend gemeinsam als Team lösen konnten. Ich hätte mir gewünscht Sebastian von Anfang an im Projekt zu haben, um mit ihm das Projekt robust und stabil aufzubauen.</p></blockquote><figcaption class="f5nchw2"><cite>Claudia Ceh</cite><br/>Frontend Developer<br/>Syzygy Deutschland GmbH</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian hat umfassendes, tagaktuelles Wissen über alle Aspekte der Entwicklung hochkomplexer Web-Frontends. Den anstehenden Umbau des Frontends zu einer Software, die dem derzeit sehr schnelllebigen Stand der Technik entspricht, hat er mit Hilfe dieses Wissens maßgeblich getrieben. Das Ergebnis war eine vom Frontend-Team als hervorragend anerkannte Lösung. Ich kann Sebastian als Frontend-Architekten, Big-Picture-Menschen und Teamplayer uneingeschränkt empfehlen.</p></blockquote><figcaption class="f5nchw2"><cite>Giso Deutschmann</cite><br/>Software-Architekt (Freelancer)</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian ist ein erfahrener Berater für Frontend-Technologien. Er zeichnet sich durch sein breites, wie auch tiefes und vor allem aktuelles Wissen zu State-Of-The-Art Technologien aus. Wir haben daher sehr von seiner Unterstützung und Expertise bei der Umsetzung des Frontends mit React-Redux-GraphQL für eine international ausgerichtete Plattform profitiert. Wir haben Sebastian als aktiven Berater erlebt, der auch nicht davor zurückscheut, den Finger - wo notwendig - in die sprichwörtliche Wunde zu legen. Dabei ist er stets konstruktiv und seine Vorschläge unterstützen dabei, das Produkt auf ein verbessertes Niveau zu heben.</p></blockquote><figcaption class="f5nchw2"><cite>Marc Zollingkoffer</cite><br/>Director Software Engineering<br/>Syzygy Deutschland GmbH</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Senior Frontend Architekt</span>Unterstützung der Entwicklung eines neuen Online-Shops</div></h2><img class="_1lmsyyq0 _13mngvz4" src="/assets/hornbach-C2sPsVno.svg" alt="hornbach"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Hornbach Baumarkt AG<br/>Bornheim<br/>Handel</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->5/2016 - 9/2016</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Systeme24, Mainz</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">Emotion</li><li class="_1adldme1">PostCSS</li><li class="_1adldme1">React</li><li class="_1adldme1">React Intl</li><li class="_1adldme1">React Router</li><li class="_1adldme1">Redux</li><li class="_1adldme1">Webpack</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Bei der Umstellung der Styling-Plattform auf PostCSS entwickelte ich eine Tooling-Lösung, die Hot Module Replacement (HMR) für React mit Server-Side Rendering (SSR) unterstützt. Die Implementierung von React Intl ermöglichte die Internationalisierung der Anwendung, während Techniken wie Tree-Shaking und automatische Chunks die Effizienz und Leistung verbesserten. Ziel war es, eine konsistente und reaktionsfähige Nutzererfahrung über eine Vielzahl von Plattformen hinweg zu gewährleisten, einschließlich Desktop-Browsern, Tablet-Browsern und Smartphone-Browsern. Diese strategische Überarbeitung führte zu einer Optimierung der Ladezeiten und einer signifikanten Verbesserung der allgemeinen Benutzerfreundlichkeit.</p></div><ul class="_13mngvza"></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Senior Frontend Architekt</span>Architektur für innovative neue Robo-Advisor Web-Anwendung der Deutschen Bank Gruppe</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20xml:space=&#x27;preserve&#x27;%20fill-rule=&#x27;evenodd&#x27;%20stroke-linejoin=&#x27;round&#x27;%20stroke-miterlimit=&#x27;2&#x27;%20clip-rule=&#x27;evenodd&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20viewBox=&#x27;0%200%20900%20323&#x27;%3e%3cpath%20fill-rule=&#x27;nonzero&#x27;%20d=&#x27;M297.458%200%2098.417%20237.25v46.208l199.041-237.25zm-98.416%2038.583L0%20275.833v46.209L199%2084.75zm632.875%20128.084-1.5-.375c-27.084-6.709-39.417-9.75-39.417-25.959%200-14.875%2011.875-24.458%2030.292-24.458%2018.416%200%2028.25%209.375%2029.75%2027.792v1.541h43.291V143.5a56.6%2056.6%200%200%200-11.375-36.75c-16.666-21.042-44.708-24.25-60-24.25-57.75%200-78.333%2032.208-78.333%2062.5%200%2025.875%2012.167%2044.958%2072.75%2059.958%2024.417%205.792%2035.542%208.334%2035.542%2024.209s-13.792%2025-35.125%2025c-14.417%200-24.25-4.584-29.167-13.667a41.7%2041.7%200%200%201-4.167-20.833v-2.084h-45.833v1.709c.292%2018.5.958%2067.666%2076.958%2067.666%2050%200%2084.125-25.625%2084.459-63.75v-1.166c-.375-39.584-37.834-48.5-67.917-55.667m-172.208%2055.417L627.833%2086.333H579.25l-33.458%20135.792-27.834-135.792H471.5l46.875%20196.834h47.667l35.708-139.875%2032.458%20139.875h49.167l49-196.834h-43.208zM429.542%20104.167c-15.875-11.834-38.417-17.792-67.042-17.792h-65.042v196.958h61.334a180%20180%200%200%200%2034.791-2.166%2078.32%2078.32%200%200%200%2048.584-29.542C455.875%20233.875%20463%20210.417%20463%20181.958c0-19.75-4.167-56.041-33.333-77.666M398.833%20235.75c-11.791%2011.958-27.25%2012.5-43.375%2012.5h-10.75v-126.5h11.709a98%2098%200%200%201%2025.375%201.75c29.416%208.333%2033.791%2040.083%2033.791%2058.333%200%2011-1.625%2038.292-16.666%2053.625&#x27;/%3e%3c/svg%3e" alt="dws"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Deutsche Asset &amp; Wealth Management<br/>Frankfurt am Main<br/>Finanzen</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->11/2015 - 4/2016</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Questax GmbH</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">Gulp</li><li class="_1adldme1">JSPM</li><li class="_1adldme1">JavaScript</li><li class="_1adldme1">Sass</li><li class="_1adldme1">VueJS</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Während meiner Beratungstätigkeit für die Frontend-Architektur einer innovativen internationalen Investment-Plattform stand die Entwicklung einer Single Page Application (SPA) im Mittelpunkt, die sich durch live aktualisierte Charts und international formatierte Werte, wie Währungen, auszeichnet. Die von mir gewählte Technologieauswahl und die sorgfältige Projektstrukturierung spielten eine entscheidende Rolle dabei, die komplexen Anforderungen des Projekts effizient zu erfüllen und eine Plattform zu gestalten, die sowohl robust als auch benutzerfreundlich ist.</p><p>Meine Arbeitsweise, geprägt durch Präzision und Gewissenhaftigkeit, ermöglichte es, einen umfassenden Überblick über die Frontend-Technologien zu bewahren und sowohl die Vorteile als auch die Herausforderungen gängiger Ansätze, Tools und Frameworks genau zu evaluieren. Durch eine detaillierte Analyse der Interaktionen zwischen Frontend und Benutzern konnte ich Schwächen in den UI-Konzepten frühzeitig identifizieren und beheben. Die resultierende Frontend-Architektur, die ich entwickelte, trug nicht nur zur Steigerung des Projektwerts bei, sondern legte auch den Grundstein für eine solide Basis, die sich im weiteren Verlauf des Projekts als äußerst robust erwies.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian Werner arbeitet sehr gewissenhaft und genau. Er hat einen immensen Überblick über die Technologien im Frontend-Bereich und kennt sowohl die Benefits als auch die Nachteile gängiger Ansätze, Tools und Frameworks. Sebastian analysiert sehr genau die Abläufe und Interaktionen zwischen Frontend und Benutzer. Dadurch können Schwächen in den UI Konzepten frühzeitig adressiert und behoben werden. Die in dem Projekt geschaffene Frontend-Architektur schuf einen erheblichen Mehrwert und klare Strukturen die sich im späteren Projektverlauf als sehr solide Basis erwiesen haben.</p></blockquote><figcaption class="f5nchw2"><cite>Mark Paluch</cite><br/>Software-Architekt (Freiberufler)</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian Werner ist ein sehr erfahrener Front-end Entwickler und Architekt, der darüber hinaus den holistischen Blick auf das gesamte Projekt im Auge behält. Seine Kompetenz bringt er vollumfänglich ein und setzt sich sehr mit den Themen auseinander. Er arbeitet fokussiert, gewissenhaft sowie dennoch schnell und konnte sich so erfolgreich in das Projekt einbringen.</p></blockquote><figcaption class="f5nchw2"><cite>Kai Bald</cite><br/>Project Lead<br/>Deutsche Asset &amp; Wealth Management</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Senior User Interface Architekt</span>Aufwendig animiertes Frontend für die neue Telekom-Entertain-Plattform</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20viewBox=&#x27;0%200%2035.625%2036.227&#x27;%3e%3cpath%20fill=&#x27;%23232527&#x27;%20d=&#x27;M10.938%2030.223v3.386c0%20.962-.477%201.475-1.344%201.475-.872%200-1.352-.528-1.352-1.516v-3.34h-1.2v3.381c0%201.664.924%202.618%202.536%202.618%201.627%200%202.56-.972%202.56-2.667v-3.337zm4.414%200-2.606%205.911h1.225l.503-1.144.036-.086h2.706l.531%201.23h1.258l-2.581-5.876-.023-.035zm7.133%200-1.343%204.068-1.307-4.065h-1.277l2.061%205.912h.994l1.345-3.883%201.344%203.883h1.002l2.056-5.912h-1.244l-1.31%204.065-1.343-4.068zm11.74%200v5.906h1.183v-5.906zm-33.956%200v5.915h1.2v-2.402h2.71v2.402h1.2v-5.914h-1.2v2.386h-2.71v-2.386zm28.058.005v5.906h4.467v-1.077H29.51v-1.465h2.183v-1.077H29.51v-1.21h3.168v-1.077zM15.86%2031.72l.856%201.98h-.003l.058.137h-1.815l.057-.137z&#x27;/%3e%3cpath%20fill=&#x27;%23cf0a2c&#x27;%20d=&#x27;M15.212%200c-.476.042-1.762.334-1.762.334-2.9.75-3.585%203.38-3.585%203.38a5%205%200%200%200-.225%201.323v.582a7%207%200%200%200%20.238%201.569c.969%204.294%205.73%2011.35%206.753%2012.831.073.072.131.046.131.046.11-.03.102-.136.102-.136h.002c1.576-15.754-1.654-19.93-1.654-19.93m5.208%200s-3.245%204.178-1.667%2019.94h.002c.012.1.083.122.083.122.106.04.16-.06.16-.06%201.05-1.52%205.784-8.537%206.748-12.814%200%200%20.523-2.07.018-3.474%200%200-.716-2.671-3.62-3.377%200%200-.836-.213-1.724-.338M5.455%204.727s-2.762%202.622-2.9%205.401h.001v.421l.006.096c.12%202.242%201.805%203.568%201.805%203.568%202.717%202.648%209.295%205.99%2010.823%206.749.022.008.1.034.147-.025%200%200%20.024-.018.035-.051v-.07q-.001-.006-.005-.012C11.182%2011.659%205.455%204.727%205.455%204.727m24.715%200s-5.71%206.91-9.893%2016.037h.001s-.05.105.03.173c0%200%20.025.018.058.026h.058a.1.1%200%200%200%20.032-.015v.001c1.57-.78%208.097-4.1%2010.801-6.735%200%200%201.712-1.376%201.802-3.583.198-3.066-2.889-5.904-2.889-5.904m5.139%209.078s-9.308%204.995-14.12%208.242v.001s-.086.057-.056.16c0%200%20.046.083.112.083%201.724.003%208.247.01%208.41-.02%200%200%20.844-.034%201.886-.434%200%200%202.32-.738%203.526-3.372%200%200%20.55-1.101.558-2.649v-.066a6.3%206.3%200%200%200-.316-1.945m-34.995.024c-.847%202.621.293%204.734.295%204.737%201.188%202.51%203.456%203.271%203.456%203.271a6.7%206.7%200%200%200%202.094.46c.164.03%206.513.003%208.214-.005.072%200%20.112-.073.112-.073l.011-.023v-.065a.2.2%200%200%200-.051-.075C9.635%2018.81.314%2013.829.314%2013.829m13.865%209.27-10.95.383c1.188%202.117%203.187%203.762%205.27%203.257%201.438-.36%204.695-2.631%205.77-3.399l-.003-.003c.083-.075.053-.135.053-.135-.027-.098-.14-.098-.14-.098zm7.252.007v.004s-.097.013-.124.085c0%200-.023.098.041.147%201.048.753%204.226%202.974%205.757%203.406%200%200%20.232.079.62.093h.234c1.026-.036%202.812-.563%204.436-3.353z&#x27;/%3e%3c/svg%3e" alt="huawei"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Huawei Technologies<br/>Darmstadt<br/>Informationstechnologie</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->6/2014 - 10/2015</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Networkers International</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">DalekJS</li><li class="_1adldme1">Grunt</li><li class="_1adldme1">JSDuck</li><li class="_1adldme1">Jasmine</li><li class="_1adldme1">LessJS</li><li class="_1adldme1">Velocity.js</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>In meiner beratenden Rolle für die Software-Architektur einer neuen, international ausgerichteten Plattform war ich maßgeblich an der Entwicklung und Optimierung einer Single Page Application (SPA) beteiligt. Mein Fokus lag auf der Einführung eines MVP-Konzeptes zur Verbesserung der Modularität und Struktur des Codes, was wesentlich zur Steigerung der Effizienz und Benutzerfreundlichkeit der Plattform beitrug. Ich leitete die Implementierung eines anspruchsvollen, interaktiven Interfaces, das fortschrittliche UI-Übergänge ermöglichte, und koordinierte die Entwicklungsstrategien zwischen Offshore- und Onsite-Teams. Diese Koordination umfasste eine enge Zusammenarbeit mit internationalen Teams, insbesondere mit chinesischen Mitarbeitern von Huawei und der Deutschen Telekom, wobei ich nicht nur technische, sondern auch kulturelle und sprachliche Herausforderungen erfolgreich meisterte.</p><p>Ein weiterer Schwerpunkt meiner Tätigkeit war die Sicherstellung der Softwarequalität durch die Entwicklung umfassender Tests, einschließlich Unit- und UI-Tests. Ich übernahm auch die Verantwortung für die Dokumentation des Codes und das Management der Tooling-Prozesse für Entwicklung und Deployment, was eine konsistente und effiziente Arbeitsumgebung schuf.</p><p>Die Zusammenarbeit in einem internationalen Kontext stellte besondere Herausforderungen dar, insbesondere im Hinblick auf Sprachbarrieren und unterschiedliche Erwartungshaltungen an Qualität und Arbeitsweise. Meine Erfahrung in der Arbeit mit vielfältigen Teams ermöglichte es mir jedoch, diese Herausforderungen erfolgreich zu navigieren und eine effektive Kommunikation und Zusammenarbeit zwischen allen Beteiligten zu fördern. Dies trug maßgeblich dazu bei, die Projektziele zu erreichen und eine solide Grundlage für zukünftige Entwicklungen zu legen.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian and I have worked in the same project for about 1.5 years now and I&#x27;ve come to know him as a person who has a very good knowledge of his field and is always keen on keeping up-to-date on the latest developments - which is not an easy thing when technology advance as fast as it does in this business. Sebastian also show a willingness to think outside the box (to use an old cliché) and tries to figure out new, better and more efficient ways of doing things. He&#x27;s also proven to have a good feel and consideration for the impact of his work on the end-user experience. As a plus, he&#x27;s also a nice and amendable person that I think would easily fit in with most teams.</p></blockquote><figcaption class="f5nchw2"><cite>Joakim Martensson</cite><br/>Senior UI/UX Designer<br/>Huawei Germany GmbH</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian was part of our agile development team and I worked with him as a product owner. Sebastian is an excellent web application / UI developer. He was one of our technical key UI architects who defined the UI architecture and build major elements of those UI elements. He is innovative, focuses on details and delivers solution.</p></blockquote><figcaption class="f5nchw2"><cite>Gerlando La Porta</cite><br/>Management Consulting<br/>Archtexx Consulting GmbH</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian Werner does a great job in our project. He has very good development and consultant skills and brings in solutions idea to make our project successful.</p></blockquote><figcaption class="f5nchw2"><cite>Mario Günzel</cite><br/>Product Manager TV Platforms &amp; User Experience<br/>Deutsche Telekom AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>I can recommend Sebastian as a person with great expertise and deep background of web architecture and Frontend development. He is a thought leader in his field. As a innovative strategist he understands complex matters even when outside of his direct area of expertise. He shows all the time a lot of analytical capability and willingness for his both personal &amp; professional development. He is ambitious and smart. His open-minded approach could not be overestimated.</p></blockquote><figcaption class="f5nchw2"><cite>Ingo Müller</cite><br/>Senior Product Manager<br/>Deutsche Telekom AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>In a huge collaboration project I recognized Sebastian as a very skilled and qualified teammate. From a design perspective he served as a convergent bridge between design and technology and pushed the project to a higher level with his expertise.</p></blockquote><figcaption class="f5nchw2"><cite>Sascha Lee</cite><br/>UI-Designer<br/>Deutsche Telekom AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>I enjoyed the time to work together with Sebastian in a challenging project at Deutsche Telekom for our TV Delivery Devision. Sebastian has worked for us in a international team as UI Architekt and JavaScript/HTML Consultant. In our project we are focusing to build the new user interface for the product Entertain TV. His very high skills in web development was very helpful and Sebastian did a professional job. Especially his work on some reusable user interface components was very impressive and helps our project and other teams at Deutsche Telekom a lot. Thank you for your work, I would like to work with you every time again.</p></blockquote><figcaption class="f5nchw2"><cite>Patric Schouler</cite><br/>Experte ICT System-Entwicklung<br/>Deutsche Telekom AG</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Senior Frontend Developer</span>Responsive Homepage für den Software-Hersteller MAGIX</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20viewBox=&#x27;0%200%20351.53%2060.08&#x27;%3e%3cpath%20d=&#x27;m334.4%2029.65%2017.13%2025.47h-13.82l-10.95-16.77-10.96%2016.77h-13.82l17.13-25.47-16.39-24.47h13.82l10.22%2016.05%2010.22-16.05h13.82zM277.79%205.18h11.76v49.94h-11.76zm-33.2%2021.67v9.73h7.8v6.19c-1.18%201.07-5.33%202.5-8.42%202.5-9.19%200-15.52-5.92-15.52-15.12%200-10.49%207.4-15.12%2015.86-15.12a19.6%2019.6%200%200%201%2010.46%203.74l6-8.85a28.9%2028.9%200%200%200-18-5.6c-16.18%200-26.52%2010.44-26.52%2025.82%200%2015.55%209.92%2025.82%2027.57%2025.82%206.4%200%2014.71-2.64%2019.27-7.06V26.85Zm-66.41%207.08h11.59L184%2019.81Zm.51-28.75h10.52l21.39%2049.94h-12.2l-4.26-10.49h-20.37l-4.26%2010.49h-12.2Zm-31.98%2049.93h-11.69V22.8l-15.07%2020.53h-.31L104.58%2022.8v32.31H92.89V5.18h11l15.88%2021.28%2015.91-21.28h11ZM5.62%2047.49a5.62%205.62%200%200%201-5.16-7.83l10-23.38a5.62%205.62%200%200%201%2010.31%204.43l-10%2023.33a5.62%205.62%200%200%201-5.15%203.45m16.01%2012.55a5.62%205.62%200%200%201-5.16-7.83L37.39%203.4a5.62%205.62%200%201%201%2010.33%204.42L26.77%2056.67a5.62%205.62%200%200%201-5.14%203.37m24.03-6a5.62%205.62%200%200%201-5.16-7.83L56.27%209.4a5.62%205.62%200%201%201%2010.33%204.42L50.82%2050.65a5.62%205.62%200%200%201-5.16%203.39&#x27;/%3e%3c/svg%3e" alt="magix"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>MAGIX Software GmbH<br/>Berlin<br/>Informationstechnologie</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->11/2013 - 2/2014</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Triplesense Reply GmbH</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">Jasy</li><li class="_1adldme1">Modular Scales</li><li class="_1adldme1">Sass</li><li class="_1adldme1">Uglify</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>In diesem Projekt integrierten wir ein führendes CSS-Framework, um eine responsive und optisch ansprechende Webseite zu entwickeln, die sich nahtlos an unterschiedliche Bildschirmauflösungen anpasst. In enger Abstimmung mit den Design- und Konzeptteams schufen wir eine wartungsarme und flexibel gestaltete Webseite, die ein magazinartiges Design mit hochwertiger Typografie kombiniert. Zu den Schlüsselelementen gehörten eine Sticky-Funktion für wichtige Webseitenbereiche sowie ein interaktiver, tabellarischer Produktvergleich, der Nutzern detaillierte Vergleiche ermöglicht.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian ist ein überaus motivierter, mitdenkender und kreativer Entwickler. Er hat sich im Team gut integriert und die Meetings durch viele Ideen und innovative Lösungsansätze bereichert. Darüber hinaus hat die Arbeit mit ihm Spaß gemacht, weil er auch menschlich gut ins Team gepasst hat.</p></blockquote><figcaption class="f5nchw2"><cite>Astrid Fischer</cite><br/>Konzept- / Information-Architektin<br/>Triplesense Reply GmbH</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Senior Frontend Developer</span>Erweiterung der Webseite des Kabelanbieters Tele Columbus</div></h2><img class="_1lmsyyq0 _13mngvz4" src="/assets/telecolumbus-BwE3Lw33.svg" alt="telecolumbus"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Tele Columbus AG<br/>Berlin<br/>Telekommunikation</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->4/2013 - 12/2013</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->Triplesense Reply GmbH</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">Google Ads</li><li class="_1adldme1">HTML5</li><li class="_1adldme1">RPC</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Bei der Umsetzung der Photoshop-Designs in funktionierende Webanwendungen für iPhones und Android-Geräte nutzte ich HTML5-Technologie, um eine hochperformante Rich Internet Application (RIA) zu entwickeln. Diese App zeichnete sich durch interaktive Layer-Wechsel ohne den klassischen Seitennachladeeffekt aus. Die Implementierung einer MVP-basierten Architektur mit Template-Rendering basierte auf einem Core-Framework, wodurch eine strukturierte und wartbare Codebasis sichergestellt wurde. Für die HTML5-Formularvalidierung setzte ich auf interaktive Rückmeldungen zu Fehlerzuständen, um die Benutzererfahrung zu verbessern. Die Anbindung an ein bestehendes, PHP-basiertes Backend erfolgte über RPC, was eine nahtlose Datenintegration ermöglichte. Zudem integrierte ich Werbe- und Tracking-Netzwerke durch intelligente, nachgelagerte Einbindung, um Marketingziele effektiv zu unterstützen, ohne die Nutzererfahrung zu beeinträchtigen.</p></div><ul class="_13mngvza"></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">JavaScript-Architekt</span>Leitung der Architektur des neuen Telefoniecenters Frontends</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20xml:space=&#x27;preserve&#x27;%20fill-rule=&#x27;evenodd&#x27;%20stroke-linejoin=&#x27;round&#x27;%20stroke-miterlimit=&#x27;2&#x27;%20clip-rule=&#x27;evenodd&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20viewBox=&#x27;0%200%20417%20500&#x27;%3e%3cpath%20fill=&#x27;%23e20074&#x27;%20fill-rule=&#x27;nonzero&#x27;%20d=&#x27;M337.608%20500v-35.152h-24.026c-41.439%200-60.461-24.783-60.461-61.249V35.152h7.127c77.608%200%20126.897%2051.812%20126.897%20127.987v6.825h29.522V0H.017v169.964h29.516v-6.82c0-76.18%2049.283-127.992%20126.897-127.992h7.127v368.447c0%2036.472-19.022%2061.249-60.467%2061.249H79.069V500z&#x27;/%3e%3cpath%20fill=&#x27;%23e20074&#x27;%20fill-rule=&#x27;nonzero&#x27;%20d=&#x27;M416.661%20330.036h-99.072v-99.999h99.067zm-317.583%200H0v-99.999h99.078z&#x27;/%3e%3c/svg%3e" alt="deutscheTelekom"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Deutsche Telekom<br/>Darmstadt<br/>Telekommunikation</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->11/2012 - 4/2013</p><p class="_13mngvz6">Auftraggeber:<br/> <!-- -->axxessio GmbH, Bonn</p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">HTML5</li><li class="_1adldme1">Jasy</li><li class="_1adldme1">REST</li><li class="_1adldme1">jQuery</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>In der Rolle des leitenden Entwicklers übernahm ich die Herausforderung, eine Rich Internet Application (RIA) für die Konfiguration von VOIP-Merkmalen für Festnetzanschlüsse zu entwickeln. Unser Ziel war es, die fortschrittlichen Möglichkeiten moderner Desktop-Browser ab Internet Explorer 9 voll auszuschöpfen, um den Benutzern eine nahtlose und intuitive Konfigurationserfahrung zu bieten. Die effiziente Anbindung an ein existierendes Backend-System über einen REST-Proxy ermöglichte eine direkte Kommunikation zwischen Frontend und Backend, wodurch die Grundlage für eine dynamische und reaktionsfähige Anwendung gelegt wurde.</p><p>Durch die Implementierung von Live-Feedback und HTML5-Formularvalidierung, kombiniert mit einer intelligenten Hintergrund-Synchronisation, konnte ich die Benutzerinteraktion signifikant verbessern. Dies erhöhte nicht nur die Zufriedenheit der Endnutzer, sondern trug auch dazu bei, Fehlerquellen zu minimieren und die Datenintegrität zu sichern. Die Anwendung basierte auf einer soliden MVP-Architektur, die durch Template-Rendering ergänzt wurde, um eine klare Trennung von Präsentation und Logik zu gewährleisten.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian was the driving force making our SCRUM Team successful. His strong programming skills combined with a keen perception helped us, to release a web application for telephony configuration using state of the art web technologies. Sebastian is a great guy with an enormous knowledge about modern software design and software architecture. I really enjoyed working with him!</p></blockquote><figcaption class="f5nchw2"><cite>Matthias Huthmacher</cite><br/>Projektmanager<br/>Deutsche Telekom AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian Werner beweist erstklassige Qualitäten bei der Entwicklung von RIA-Oberflächen und ist ein exzellenter Sparringspartner in komplexen SCRUM-Projekten.</p></blockquote><figcaption class="f5nchw2"><cite>Chris Bauer</cite><br/>UI-Designer (Freiberufler)</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Senior JavaScript Developer</span>Bahnbrechende Grundlagen-Technologie zur HTML5-basierten Umsetzung von Internet-Spielen als Ersatz für Flash</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20xml:space=&#x27;preserve&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20viewBox=&#x27;0%200%20300%20275&#x27;%3e%3cpath%20fill=&#x27;%23dc0606&#x27;%20fill-rule=&#x27;evenodd&#x27;%20d=&#x27;M0%20275h300V0H0Z&#x27;/%3e%3cpath%20fill=&#x27;%23fff&#x27;%20d=&#x27;M165.34%2037.638c2.953-3.704%207.38-7.146%2013.036-1.322%206.15%205.56%2010.824%2010.585%209.347%2012.175-.983%201.058-3.442-.265-5.163-1.325-2.214%201.06-3.199%202.913-3.692%205.295-.736%202.647-1.474%205.824-2.706%206.089%201.724%207.673.74%2021.701-1.474%2026.203v7.674c6.394%2012.44%2010.575%2045.79%202.213%2061.143%200%200-.246%2019.849-3.934%2028.585%200%200-3.689%2018.792-2.706%2028.85%201.72.792%206.64%203.97%207.625%205.822.983%201.588%201.229%204.235.983%205.029-2.214%204.235-14.51%204.5-19.922%200-1.229-4.235.985-20.117.492-29.908-.739-9.528-1.721-13.235-3.199-25.94-7.869%201.59-15.984%202.381-25.085%201.324-2.213%2010.85-6.148%2026.733-6.64%2035.997-.493%207.146-.985%2027.526-.985%2027.526%200%201.853%201.477%203.44%201.477%204.764.244%202.117.49%204.764.244%206.088-3.196%206.617-16.97%205.823-19.183.265%200-1.589.246-5.03.985-6.088.736-1.323%203.934-3.706%204.427-5.558.982-6.882%201.72-31.761%200-37.586-2.46-5.294-4.427-19.587-4.674-32.024-1.72-.53-8.608-5.03-15.495-9.529-2.46%208.469-7.133%2012.703-7.133%2012.703l2.214%2011.646c1.475.265%206.394%202.382%207.38%204.237.735%201.587.735%202.909.735%204.234-1.474%202.912-12.05%202.382-14.017-.265l-6.887-23.556s2.46-7.942%201.229-18.262c-21.89%202.382-28.776%2033.35-31.236%2047.642l.246%202.117c.492.792.492%203.175%200%203.705-1.721%203.442-12.297%203.177-14.51%200%200-1.058.245-2.913.983-4.5.738-1.06%204.427-3.969%205.411-4.764l4.92-20.909c.737-23.291%206.394-45.525%2015.494-57.7-12.544-16.41-11.314-34.672-1.476-44.2.984-1.06%202.952-2.12%203.69-1.59.49.264.247%201.06-.738%202.911-6.887%2011.116-5.657%2026.204%207.133%2034.41%2014.756-10.059%2057.798-11.91%2057.798-11.91l.983-4.503c-.493-1.852-2.214-9.79-1.721-13.763-.493-.265-1.721-2.117-3.689-3.704-1.477-1.325-3.69-1.325-4.427-2.912-4.673%206.616-3.445-1.587-2.706-4.764%201.229-5.824%202.214-14.293%2010.822-15.088%201.72-.265%205.902%200%207.625%202.117%201.475-2.382%2013.525-5.291%2016.231-4.764%202.46-2.382%2018.694-3.174%2019.676-2.117m88.921%20171.667-9.999-1.905v23.577l-36.146-20.72v36.676l10.253%201.906v-20.482l35.892%2021.91zm15.894-21.434-62.039-22.863v10.953l30.251%2010.482-30.25%209.763v12.145l44.093-15.955%2017.945%207.62zm-15.894-63.826H221.96c-9.743%200-14.87%205.953-14.87%2013.099%200%206.43%203.333%2010.717%207.435%2013.812l-6.409.715v10.24h46.145v-10.955h-29.737c-4.615-3.333-6.412-6.908-6.412-10.24%200-3.336%201.797-5.715%207.692-5.715h28.457zm14.356-9.528c1.025-3.333%202.05-7.858%202.05-15.003%200-12.861-7.434-19.053-22.815-19.053h-39.736V90.94l3.075.238c-2.051%202.382-4.102%206.43-4.102%2010.717%200%2011.671%209.23%2017.863%2023.843%2017.863%2013.33%200%2022.56-6.192%2022.56-16.909%200-4.287-2.308-8.573-5.64-11.194h2.563c5.896%200%209.998%203.095%209.998%209.525%200%205.48-1.025%208.574-2.05%2011.194zm-51.272-14.765c0-2.859%201.28-6.192%203.075-8.097h17.947c2.564%202.144%204.614%205.477%204.614%209.525%200%203.813-2.82%206.907-12.049%206.907-8.716%200-13.587-2.143-13.587-8.335m36.916-62.636h-46.145v10.24l3.075.477c-2.051%202.382-4.102%206.43-4.102%2010.479%200%2011.909%2010%2018.1%2024.613%2018.1%2013.33%200%2023.584-6.191%2023.584-17.147%200-4.048-2.051-8.335-5.64-10.955l4.615-.716zm-36.916%2019.29c0-2.855%201.28-6.191%203.075-8.096h19.74c2.564%201.905%204.615%205.476%204.615%209.289%200%203.81-3.844%207.143-13.073%207.143-8.462%200-14.357-2.144-14.357-8.335m29.737-28.342c0-1.905%201.538-3.333%203.59-3.333%202.307%200%203.845%201.428%203.845%203.333%200%202.144-1.538%203.574-3.846%203.574-2.05%200-3.589-1.43-3.589-3.574m6.922%200c0-1.428-1.538-2.856-3.333-2.856-1.794%200-3.076%201.428-3.076%202.856%200%201.67%201.282%203.098%203.076%203.097s3.333-1.428%203.333-3.097m-5.384%201.431v-1.43c0-1.19.257-1.667%201.282-1.667.77%200%201.026.477%201.026%201.192l2.05-1.192v.715l-2.05%201.19v.477h2.05v.715zm1.795-.715v-.477c0-.713%200-1.19-.769-1.19-.513%200-.513.477-.513.951v.716z&#x27;/%3e%3c/svg%3e" alt="zynga"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Zynga Germany GmbH<br/>Frankfurt am Main<br/>Spiele</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->4/2011 - 11/2012</p><p class="_13mngvz6">Auftraggeber:<br/> </p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">ES5</li><li class="_1adldme1">Jasy</li><li class="_1adldme1">Polyfill</li><li class="_1adldme1">iOS</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Während meiner Zeit bei Zynga nahm ich die herausfordernde Aufgabe an, die Architektur und Entwicklung eines hardware-beschleunigten Scrollers für umfangreiche Spielfelder zu leiten. Dieses innovative Projekt zielte darauf ab, ein nahtloses Scroll-Erlebnis zu ermöglichen, das dem von iOS ähnelt – einschließlich Bouncing und Deceleration. Parallel dazu führte ich signifikante Verbesserungen in unserem Tooling-System durch, indem ich neue Funktionen wie einen API-Browser, Scaffolding, einen lokalen Webserver mit Proxy-Funktion, die Integration in die Asset-Management-Infrastruktur von Zynga sowie einen SpriteSheet-Generator implementierte.</p><p>Ein weiterer wesentlicher Bestandteil meiner Arbeit war die kontinuierliche Weiterentwicklung des verwendeten JavaScript-Frameworks. Dazu gehörte die Einführung von Polyfills für ES5-Methoden zur Sicherstellung der Kompatibilität mit älteren Browsern, die Unterstützung von Multi-Wert-Eigenschaften in Klassen-Deklarationen und die Entwicklung von effizienten Ladesystemen für Skripte, Stylesheets und Bilder. Diese Verbesserungen waren entscheidend, um die Performance und die Benutzererfahrung unserer Anwendungen zu steigern.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian war eine unschätzbarer Teil des Teams unseres Technologie Studios für Zynga in Frankfurt. Er besitzt die Fähigkeit zu analysieren wie ein Feature idealerweise funktionieren sollte, anstatt genau nach Vorgaben zu handeln, und verbessert somit sehr häufig das gesamte Produkt. Er betrachtet Software-Architektur von allen Ecken ganzheitlich und gewinnt so oft souverän die Oberhand in überhitzten Diskussionen, vor allem weil er sich immer für den Kunden des Produkts einsetzt. Eine Eigenschaft, die Sebastian und ich uns teilen, ist das Auge für Details, insbesondere für Design, User Experience und Feinschliff. Man findet äußerst selten einen so guten JavaScript-Entwickler, der gleichzeitig skalierbare Architekturen planen kann und selbstverständlich Wert auf Layout, UI und UX legt.</p></blockquote><figcaption class="f5nchw2"><cite>Paul Bakaus</cite><br/>CTO<br/>Zynga Germany GmbH</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Working with Sebastian was always a pleasure. He has a vastly-founded knowledge about UI architectures and compiling architectures in JavaScript. He founded the Jasy project, which is the underlying web framework at Zynga allowing to publish everything automagically to S3 et al. Very talented guy, would love to work with him again.</p></blockquote><figcaption class="f5nchw2"><cite>Christoph Martens</cite><br/>JavaScript-Entwickler<br/>Zynga Germany GmbH</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>I have had great experiences collaborating with Sebastian on various projects. I have used his software and tools extensively and found him eager to listen to feedback and make changes accordingly. He never hesitates to answer questions personally. I appreciate his architecture choices because they are forward-thinking, maintainable, and extensible.</p></blockquote><figcaption class="f5nchw2"><cite>Matthew Jaquish</cite><br/>Software-Entwickler<br/>Zynga Inc.</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Senior Software Developer</span>Innovative Cross-Plattform-Entwicklung für Smartphone-Angebote auf HTML5-Basis</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20xml:space=&#x27;preserve&#x27;%20fill-rule=&#x27;evenodd&#x27;%20stroke-linejoin=&#x27;round&#x27;%20stroke-miterlimit=&#x27;2&#x27;%20clip-rule=&#x27;evenodd&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20viewBox=&#x27;0%200%20417%20500&#x27;%3e%3cpath%20fill=&#x27;%23e20074&#x27;%20fill-rule=&#x27;nonzero&#x27;%20d=&#x27;M337.608%20500v-35.152h-24.026c-41.439%200-60.461-24.783-60.461-61.249V35.152h7.127c77.608%200%20126.897%2051.812%20126.897%20127.987v6.825h29.522V0H.017v169.964h29.516v-6.82c0-76.18%2049.283-127.992%20126.897-127.992h7.127v368.447c0%2036.472-19.022%2061.249-60.467%2061.249H79.069V500z&#x27;/%3e%3cpath%20fill=&#x27;%23e20074&#x27;%20fill-rule=&#x27;nonzero&#x27;%20d=&#x27;M416.661%20330.036h-99.072v-99.999h99.067zm-317.583%200H0v-99.999h99.078z&#x27;/%3e%3c/svg%3e" alt="deutscheTelekom"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Deutsche Telekom AG<br/>Darmstadt<br/>Telekommunikation</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->3/2009 - 3/2011</p><p class="_13mngvz6">Auftraggeber:<br/> </p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">Adobe AIR</li><li class="_1adldme1">BONDI</li><li class="_1adldme1">PhoneGap</li><li class="_1adldme1">QtWebkit</li><li class="_1adldme1">Unify</li><li class="_1adldme1">WAC</li><li class="_1adldme1">ePub</li><li class="_1adldme1">qooxdoo</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Meine Tätigkeit konzentrierte sich auf die Analyse zukünftiger Entwicklungen im Mobilfunkmarkt und die Etablierung von Web-Technologien, um den Multi-Plattform-Ansatz der Deutschen Telekom zu unterstützen. Im Zuge dessen entwickelte ich die Fußball.de-Fan-App mit Unify und PhoneGap, deren Funktionsweise in einem Demo-Video auf YouTube präsentiert wurde. Zudem initiierte ich das OpenSource Framework Unify, entwickelte eine allgemeine Navigationslogik für mobile Anwendungen und leitete die Ausarbeitung zur Beantragung von Patenten für die geschaffenen Lösungen ein.</p><p>Die Basisarbeiten zur Integration von Unify in native Anwendungen umfassten den Einsatz von PhoneGap, QtWebkit und Adobe AIR. Ich stellte das Framework auf internen und externen Events vor und kooperierte mit den T-Labs, T-Mobile sowie weiteren Mobilfunk-Anbietern und -Herstellern zur Integration von Unify in die BONDI-Initiative bzw. WAC.</p><p>Darüber hinaus war ich für die Entwicklung der PagePlace-Anwendung für Desktop-Browser und einer RIA-Anwendung auf Basis des qooxdoo-Frameworks zuständig, die das Lesen von Büchern und das Verwalten von Abonnements ermöglichte. Diese Arbeit beinhaltete das Parsen und Aufbereiten von ePub-basierten Büchern inklusive Entschlüsselung und Rendering innerhalb der Anwendung sowie die Implementierung einer komplexen Animationsmechanik für qooxdoo-basierte Anwendungen und die Entwicklung eines eigenen Themes, das auf dem internen Styleguide basierte.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Developer with excellent skills in web technologies, always ahead with technology and market trends. Great guy.</p></blockquote><figcaption class="f5nchw2"><cite>Bernhard Hochstätter</cite><br/>Head of Mobile Solutions<br/>Deutsche Telekom AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Ich war sehr froh mit Sebastian arbeiten zu dürfen. Er ist ein echter Experte vor allem in Sachen JavaScript und Python. Er kann aber auch in Sachen UI/UX überzeugen. Ich konnte viel von Ihm lernen und ich würde jederzeit gern wieder mit ihm arbeiten.</p></blockquote><figcaption class="f5nchw2"><cite>Rocco Georgi</cite><br/>Software-Entwickler (Consultant)</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian is a smart Web 2.0 guy, I worked together the last year. He is deeply involved in Browser, JavaScript, CSS, HTML technologies and always knows about the latest development and trends. I can recommend working together with him and enjoy common time and work.</p></blockquote><figcaption class="f5nchw2"><cite>Jochen Hiller</cite><br/>Developer Evangelist<br/>Deutsche Telekom AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Mentor, Teamleiter und ein hervorragender Entwickler.</p></blockquote><figcaption class="f5nchw2"><cite>Alexander Dittner</cite><br/>Software-Entwickler<br/>Deutsche Telekom AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Working with Sebastian was a big pleasure. He has brilliant ideas all the time based on his experience and huge development knowledge. He put to our work great dose of organization and he has immense influence on code quality in our application. I&#x27;m still impressed by his knowledge about frameworks, JavaScript and Python development.</p></blockquote><figcaption class="f5nchw2"><cite>Marek Pawlowski</cite><br/>Software-Entwickler (Consultant)</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Teamlead JavaScript Development</span>Architekturelle Verbesserung, Performance-Optimierung und Implementierung von Komponenten für Soziales Netzwerk</div></h2><img class="_1lmsyyq0 _13mngvz4" src="/assets/studivz-BxVHowm-.svg" alt="studivz"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>studiVZ<br/>Berlin<br/>Soziale Medien</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->10/2008 - 2/2009</p><p class="_13mngvz6">Auftraggeber:<br/> </p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">Ajax</li><li class="_1adldme1">HTML5</li><li class="_1adldme1">JavaScript</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Ich leitete ein Team von vier Frontend-Spezialisten bei der Entwicklung neuartiger Oberflächen für eines der größten europäischen sozialen Netzwerke, das sich an Schüler, Studenten und Erwachsene richtet. Unser Fokus lag auf der Neuentwicklung und Verbesserung bestehender Oberflächenkomponenten. Ein Schlüsselprojekt war die Entwicklung eines Foto-Betrachters, der Nutzern die Möglichkeit bietet, Personen auf Fotos zu markieren. Diese Arbeit trug maßgeblich dazu bei, die Interaktivität und Benutzerfreundlichkeit der Plattform zu erhöhen und den Austausch unter den Nutzern zu fördern.</p></div><ul class="_13mngvza"></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Senior Software Developer</span>Initiierung, Architektur und Entwicklung des qooxdoo JavaScript-Frameworks</div></h2><img class="_1lmsyyq0 _13mngvz4" src="data:image/svg+xml,%3csvg%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20preserveAspectRatio=&#x27;xMinYMin&#x27;%20viewBox=&#x27;0%200%20401%20401&#x27;%3e%3cpath%20fill=&#x27;%23fff&#x27;%20d=&#x27;M.4.9h400v400H.4z&#x27;/%3e%3cpath%20fill=&#x27;%23003d8f&#x27;%20fill-rule=&#x27;evenodd&#x27;%20d=&#x27;M9.8%2010.2h381.3v381.3H9.8zm265.8%20122v-29.1h65.2v181.1h-35.7v-152zm-31.2%2058c1.7%2020-1.1%2030.8-3.4%2036.2l-28.2-38.3c29.6-20.8%2036.9-54.8%2013-76.5-19.8-14-40.1-14-61%200-21%2019.3-19.6%2042.6%204.2%2069.8-40.7%2025-44.1%2052.9-26.5%2082.4%2018.8%2027.8%2060.7%2034.3%2097.1%2010.5l7.1%209.7H285l-24.4-31.1c10.1-10%2015.9-31.9%2013.9-62.6h-30.1zm-55.9%2015.5c-19.5%2013-25.6%2026.8-16%2042%2010.9%2012.2%2028.3%2011.8%2047.5%200zm5.8-42-8-11.8c-5.7-11.9-2.5-21.9%209.7-21.9%2013.2.7%2017.5%209.5%208.8%2023.5zM45.1%20132.3v-29.1h65.2v181.1H74.6v-152z&#x27;%20clip-rule=&#x27;evenodd&#x27;/%3e%3c/svg%3e" alt="oneAndOne"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>1&amp;1 Internet AG<br/>Karlsruhe<br/>Informationstechnologie</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->11/2004 - 9/2008</p><p class="_13mngvz6">Auftraggeber:<br/> </p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">JavaScript</li><li class="_1adldme1">Python</li><li class="_1adldme1">qooxdoo</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Vor zwei Jahrzehnten wagte ich mich mit meinem Team an die Entwicklung eines visionären Widget-Systems, inspiriert von den ausgefeilten Merkmalen nativer UI-Toolkits wie Qt. Unser Ziel war es, die Möglichkeiten webbasierter Anwendungen grundlegend zu erweitern und eine Schnittstelle zu schaffen, die Layout-Queues, Child-/Shadow-Widgets und ein fortschrittliches Styling einschließlich Schatten, dynamischen Dekorateuren und Farbverläufen bot. Diese Technologien sollten die Art und Weise, wie Interaktionen im Web gestaltet werden, neu definieren.</p><p>Die Herausforderung bestand darin, diese komplexen Konzepte in einer Zeit umzusetzen, in der Webbrowser noch nicht für derartige Innovationen ausgerüstet waren. Unsere Arbeit führte zu einer Python-basierten, plattformübergreifenden Tooling-Lösung, die nicht nur die Zusammenstellung, Optimierung und Internationalisierung ermöglichte, sondern auch die Grenzen dessen, was im Web machbar ist, neu definierte. Trotz der späteren Einstellung des Projekts, war die gewonnene Erkenntnis, dass wir das Potenzial des Webs signifikant erweitern konnten, ein wahrer Durchbruch.</p><p>Meine Erfahrungen und das Feedback aus der Community zeigen, dass Visionen, gepaart mit Entschlossenheit und technischem Know-how, die Entwicklung der digitalen Welt vorantreiben können.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>I have been using qooxdoo for external and internal projects for a while. Sebastian has always been extremely helpful and accomodating when answering questions about qooxdoo and accepting contributions. His direct, to-the-point and pragmatic style is an excellent asset.</p></blockquote><figcaption class="f5nchw2"><cite>Chris Ricks</cite><br/>SecurePay Group Pty Ltd</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>I know Sebastian through his work on the qooxdoo library which is the coolest thing I have seen in a long time.</p></blockquote><figcaption class="f5nchw2"><cite>Tobias Oetiker</cite><br/>Oetiker + Partner AG</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>I worked with Sebastian during development of an open source software project which relies on the qooxdoo JavaScript GUI toolkit developed at Sebastian&#x27;s company. His fast, competent and friendly support on every aspect of the toolkit was crucial for the successful development of my application. I can recommend him as collaborator in open source and other projects, and his leading role in the qooxdoo project was clearly visible.</p></blockquote><figcaption class="f5nchw2"><cite>Christian Boulanger</cite><br/>Humboldt Universität, Berlin</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian is a visionary who has the unique ability to put his extraordinary vision into practice. Sebastian&#x27;s work on the qooxdoo toolkit provided capabilities and insight that no other toolkit has matched. His ability to combine performance, power, and ease of use is truly a welcome sight. There is no doubt that he will continue to be a driving force in the industry.</p></blockquote><figcaption class="f5nchw2"><cite>Paul Morel</cite><br/>Tartan Solutions, Inc.</figcaption></article><article class="f5nchw0"><blockquote class="f5nchw1"><p>Sebastian ranks among the most influential people in the Web 2.0 space. Sebastian&#x27;s ingenious work on the architecture of the qooxdoo framework has resulted in a fully functional and easy-to-deploy open source JavaScript UI. The Open Source Ajax community is indebted to Sebastian for his awesome work on qooxdoo.</p></blockquote><figcaption class="f5nchw2"><cite>Michael Rea</cite><br/>Tartan Solutions, Inc.</figcaption></article></ul></div><div class="_13mngvz1"><h2 class="_163wsq60 _13mngvz2"><div class="_163wsq61"><span class="_13mngvz3">Web Developer</span>Online-Shop der DSL-Marke 1&amp;1 mit XSLT-basiertem Backend-Rendering</div></h2><img class="_1lmsyyq0 _13mngvz4" src="/assets/schlund-partner-tf3avRG4.svg" alt="schlundPartner"/><div class="_13mngvz5"><p class="_13mngvz7">Kunde:<br/>Schlund+Partner GmbH &amp; Co. KG<br/>Karlsruhe<br/>Informationstechnologie</p><p class="_13mngvz6">Zeitraum:<br/> <!-- -->5/2002 - 10/2004</p><p class="_13mngvz6">Auftraggeber:<br/> </p><div class="_163wsq60"><div class="_163wsq61"><ul class="_1adldme0 _13mngvz8"><li class="_1adldme1">CSS</li><li class="_1adldme1">HTML</li><li class="_1adldme1">JavaScript</li><li class="_1adldme1">Pustefix</li><li class="_1adldme1">XSLT</li></ul></div></div></div><div class="_1jp97cv0 _13mngvz9"><p>Ich übernahm die Gestaltung des Online-Auftritts, des Bestellvorgangs und die Kreation von Newsletter-Kampagnen, wobei mein Fokus auf der Umsetzung von HTML-Markup und CSS basierend auf vorgefertigten Designs lag. In der Zusammenarbeit mit Backend-Entwicklern spielte ich eine Schlüsselrolle bei der Dynamisierung der Inhalte, um eine lebendige und interaktive Nutzererfahrung zu schaffen. Ein wesentlicher Bestandteil meiner Arbeit war die Entwicklung von XSLT-Templates zur Anzeige von Produkt-Vergleichen, Produktseiten und weiteren Elementen unter Einsatz des Pustefix-Frameworks, das für seine rekursive XSLT-Engine bekannt ist. Darüber hinaus setzte ich JavaScript-Komponenten für das Control-Center um, einschließlich Toolbars, Menüs und Umschaltern, die durch einfache HTML-Attribute steuerbar sind. Diese Komponenten trugen maßgeblich dazu bei, die Bedienbarkeit und Funktionalität der Website zu verbessern und ein nahtloses Einkaufserlebnis für die Nutzer zu gewährleisten.</p></div><ul class="_13mngvza"><article class="f5nchw0"><blockquote class="f5nchw1"><p>Long story short: Sebastian is a highly skilled JavaScript/DOM Scripting Magician with whom it always was/is a pleasure to work.</p></blockquote><figcaption class="f5nchw2"><cite>Jens O. Meiert</cite><br/>Web-Entwickler<br/>GMX GmbH</figcaption></article></ul></div></div></main><footer class="wddyz30"><span>© 2024 Sebastian Software GmbH |<!-- --> <a data-discover="true" href="/imprint">Impressum</a></span><div class="n23pss0"></div><span>Gemacht mit ♥ in Mainz und Heidelberg</span></footer><script>((STORAGE_KEY2, restoreKey) => {
    if (!window.history.state || !window.history.state.key) {
      let key2 = Math.random().toString(32).slice(2);
      window.history.replaceState({
        key: key2
      }, "");
    }
    try {
      let positions = JSON.parse(sessionStorage.getItem(STORAGE_KEY2) || "{}");
      let storedY = positions[restoreKey || window.history.state.key];
      if (typeof storedY === "number") {
        window.scrollTo(0, storedY);
      }
    } catch (error) {
      console.error(error);
      sessionStorage.removeItem(STORAGE_KEY2);
    }
  })("positions", null)</script><link rel="modulepreload" href="/assets/manifest-6744cd47.js"/><link rel="modulepreload" href="/assets/entry.client-k3AT7OUR.js"/><link rel="modulepreload" href="/assets/analytics.performance-DR8rodDK.js"/><link rel="modulepreload" href="/assets/jsx-runtime-BxNiXvOs.js"/><link rel="modulepreload" href="/assets/exports-KBwdzmED.js"/><link rel="modulepreload" href="/assets/components-7yLVYZ2h.js"/><link rel="modulepreload" href="/assets/clsx-BI8IdQ9S.js"/><link rel="modulepreload" href="/assets/root-DTf3RB7Z.js"/><link rel="modulepreload" href="/assets/Tag-DyqOZSe6.js"/><link rel="modulepreload" href="/assets/RichText-gFPPVbmO.js"/><link rel="modulepreload" href="/assets/ProjectList-tlIjqzKf.js"/><link rel="modulepreload" href="/assets/werner-CEl7Pp9o.js"/><script>window.__remixContext = {"url":"/werner/","basename":"/","future":{"v3_fetcherPersist":false,"v3_relativeSplatPath":false,"v3_throwAbortReason":false,"unstable_singleFetch":false,"unstable_lazyRouteDiscovery":false},"isSpaMode":false,"state":{"loaderData":{"routes/werner":[{"title":"Übernahme, Beratung und Weiterentwicklung der Buchungsstrecke für die Schweizer Bundesbahn (SBB)","role":"Leitender Frontend Architekt","customer":{"name":"Schweizerische Bundesbahnen AG","location":"Bern, Schweiz","logo":"sbb","industry":"Öffentlicher Verkehr"},"contractor":"Telekom MMS über GULP Information Services GmbH, München","period":{"start":"2024-03","end":"2024-06"},"description":["Detaillierte Analyse der bestehenden Technologie und Architektur eines Mikro-Frontends, um Verbesserungsvorschläge zu erarbeiten. Begleitung und Umsetzung von Code-Refactorings im Team zur nachweislichen Qualitäts- und Performanceverbesserung.","Implementierung eines Proof of Concept für eine Mono-Repository-Lösung für die nationale Ticket-Buchungsstrecke der SBB.","Beratung zur Internationalisierung des Frontends unter Verwendung von CrowdIn und Next Intl.","Aufstellen eines Linting-Regelwerks unter Beachtung der Team-Dynamiken und aktueller Best Practises. Umsetzung in Form von CI-Tasks als auch im Rahmen der Workspace-Integration der Entwickler.","Etliche Austauschtermine und die tiefgehende Einbindung in die Organisation um im Rahmen der Frontends eine einheitliche Technologie zu fördern aber die Autonomie der Teams weiterhin zu gewährleisten."],"technologies":["Apollo Client","Commitlint","ESLint","GraphQL","Husky","Jest","Lit","Mono Repository","Next.js","Next Intl","Playwright","PNPM","React","React Query","React Hook Form","REST","Sonarcube","Storybook","SWR","Tailwind","Testing Library","TurboRepo","TypeScript","Vite","Web Components"],"testimonials":[],"id":"Schweizerische Bundesbahnen AG-2024-03"},{"title":"Multi-Marken Kunden- und Support-Portale für Strom- und Gasanbieter","role":"Lead Frontend Developer","customer":{"name":"EnBW AG","location":"Karlsruhe","logo":"enbw","industry":"Energieversorgung"},"contractor":"Michael Page, Düsseldorf","period":{"start":"2022-06","end":"2024-02"},"description":["Meine Rolle umfasste die architektonische Beratung innerhalb des ReactJS-Frameworks für eine Reihe von Webanwendungen, die für den Drittmarkt entwickelt wurden. Dies schloss sowohl Portale für Endkunden als auch für interne Dienstleister, wie Support-Mitarbeiter, ein. Eine besondere Herausforderung bestand darin, die Anwendungen als White-Label-Produkte zu konzipieren, die flexibel genug waren, um eine breite Palette von Markenanpassungen zu unterstützen – von Farbschemata und Logos bis hin zu spezifischen Funktionalitäten.","Die Skalierbarkeit und Anpassungsfähigkeit dieser Plattformen waren entscheidend, um sie für verschiedene Marken und Unternehmen attraktiv zu machen. Die technologische Basis, die ich für das Kundenberater-Portal entwickelte, diente anderen Teams als Vorlage und Inspiration für ihre eigenen Projekte. Zusätzlich war ich für die Entwicklung wiederverwendbarer Komponenten verantwortlich, die über einzelne Projekte hinweg Einsatz fanden und somit die Konsistenz und Effizienz in der Entwicklung förderten.","Ein besonderes Augenmerk lag auf der Schaffung responsiver Portale, die eine optimale Anzeige auf verschiedensten Desktop-Systemen ermöglichten. Wenngleich der Fokus nicht primär auf mobilen Endgeräten lag, so war die Flexibilität zwischen unterschiedlichen Desktop-Umgebungen ein zentrales Element.","Ein wesentlicher Bestandteil meiner Arbeit war auch das Einrichten und Pflegen der Entwicklungsinfrastruktur, wobei ich mich für innovative Lösungen wie ein Mono-Repository und eine umfangreiche Testabdeckung durch Storybook entschied. Diese Initiativen trugen maßgeblich zu einer effizienten, kollaborativen Arbeitsumgebung bei und setzten neue Standards für die Projektentwicklung und -qualität."],"technologies":["Apollo Client","Contentful","Downshift","ESLint","Emotion","Formik","Framer Motion","GraphQL","gRPC","i18next","Jotai","Material UI","PNPM","Playwright","Radix UI","React","React Hook Form","REST","Storybook","SWR","TurboRepo","TypeScript","Vanilla Extract","Vite","Vitest","Yup"],"testimonials":[{"author":"Patrick Krumm","position":"Software-Architekt","company":"EnBW AG","text":"Ich empfehle Sebastian mit großem Enthusiasmus für jede Rolle oder jedes Projekt, das tiefgreifende Fachkenntnisse in der Web-Frontend-Entwicklung, außergewöhnliche Führungsqualitäten in der Teamorganisation und strategische Entscheidungsfähigkeiten erfordert. Da ich das Privileg hatte, mit Sebastian zusammenzuarbeiten, habe ich aus erster Hand erfahren, welchen Einfluss er auf unsere Projekte hat, indem er Innovation und Exzellenz auf Schritt und Tritt vorantreibt. Sebastians Verständnis für aktuelle Technologien in der Webentwicklung ist herausragend. Er hält sich nicht nur über die neuesten Trends und Tools auf dem Laufenden, sondern besitzt auch die seltene Fähigkeit zu erkennen, welche davon am effektivsten eingesetzt werden können, um die Projektergebnisse zu verbessern. Seine Empfehlungen und Entscheidungen beruhen stets auf einer sorgfältigen Analyse und einem vorausschauenden Ansatz, der sicherstellt, dass unsere Projekte nicht nur erfolgreich, sondern auch zukunftssicher sind. Über seinen technischen Scharfsinn hinaus ist Sebastian eine natürliche Führungspersönlichkeit. Seine Herangehensweise an die Organisation und Führung von Teams ist sowohl inspirierend als auch effektiv und fördert ein Umfeld der Zusammenarbeit, des Lernens und der hohen Leistung. Unter seiner Leitung waren unsere Teams in der Lage, ehrgeizige Ziele zu erreichen und die Erwartungen in Bezug auf Qualität und Pünktlichkeit oft zu übertreffen. Sebastians Rollen als Senior Developer, Frontend Architect und Frontend Lead haben seine Vielseitigkeit und sein Durchsetzungsvermögen unter Beweis gestellt und ihn zu einer unschätzbaren Bereicherung in jedem Projektszenario gemacht. Seine Fähigkeit, diese Rollen mit Bravour auszufüllen, spricht Bände über seine Kompetenz, seine strategische Denkweise und sein Engagement für hervorragende Leistungen. Für jedes Unternehmen, das seine Webentwicklungsprojekte zu neuen Höhenflügen führen möchte, ist Sebastian der ideale Kandidat."},{"author":"Jochen Reinelt","position":"Team Lead","company":"EnBW AG","text":"Sebastian ist ein Top-Experte für die Entwicklung von Web-Frontends, mit einem hervorragenden Überblick über aktuelle Technologien, sowie erfolgreiche Team-Organisation. Mit seiner großen Erfahrung ist er ein wertvoller Berater in Entscheidungs- und Auswahlprozessen, sowie in der Erarbeitung von Entwicklungsrichtlinien. Seine Empfehlungen oder Entscheidungen trifft er stets wohlüberlegt und kann diese detailliert begründen. Aufgrund seiner hohen Kompetenz und Durchsetzungsstärke kann er in Projekten verschiedene Rollen erfolgreich ausfüllen, vom Senior Developer bis zum Frontend Architect oder Frontend Lead."},{"author":"Emanuele De Monte","position":"Product Owner","company":"EnBW AG","text":"Während unserer gemeinsamen Zeit bei EnBW habe ich Sebastian als Dienstleister kennengelernt und ihn als außergewöhnlich kompetenten und engagierten Lead Front End Developer erlebt. Sebastian verfügt über ein umfangreiches Wissen über die neuesten Frontend-Technologien und zeigt eine bemerkenswerte Fähigkeit, komplexe Probleme kreativ und effizient zu lösen. Er hat eine Schlüsselrolle dabei gespielt, das Projekt zur Entwicklung innovativer und benutzerfreundlicher Webanwendungen voranzutreiben. Ich möchte mich für die gemeinsame Zeit bedanken und freue mich auf die Fertigstellung des Projekts."},{"author":"Artur König","position":"UX und UI Designer","text":"Ich kann Sebastian als Lead Frontend Developer und Softwarearchitekt sehr empfehlen. In den 1,5 Jahren, in denen wir zusammen gearbeitet haben, hat er immer wieder gezeigt, dass er technisch auf dem neuesten Stand ist, akribisch auf Details achtet, kundenorientiert ist, einen offenen Ansatz verfolgt und - was besonders wichtig ist - einen Sinn für Humor hat, der unsere Zusammenarbeit im Team bereichert. Sebastian ist eine wertvolle Bereicherung für jedes Projekt oder Team."},{"author":"Kai Santanius","position":"Frontend-Entwickler (Consultant)","company":"Bold Ventures GmbH","text":"Sebastian ist ein bemerkenswerter Mentor und Kollege. Sein umfangreiches Wissen und seine Bereitschaft, sein Fachwissen mit anderen zu teilen, sind für unser gesamtes Team von großem Vorteil, und ich möchte ihn nicht mehr missen. Eine von Sebastians hervorragendsten Eigenschaften ist seine Bereitschaft, zuzuhören und Ratschläge zu geben. Wann immer ich auf eine Herausforderung stieß, hatte Sebastian ein geduldiges Ohr und praktische Lösungen parat. Seine Ratschläge und Einsichten waren für mich von unschätzbarem Wert, sowohl beruflich als auch persönlich. Ich kann Sebastian mit gutem Gewissen als engagierten und sachkundigen Fachmann empfehlen, mit dem man rundherum hervorragend zusammenarbeiten kann. Er wird für jede Organisation eine wertvolle Bereicherung sein."},{"author":"Tobias Arweiler","position":"Senior Software-Entwickler (Freelancer)","text":"Sebastian ist ein überaus professioneller, sehr erfahrener Softwarearchitekt, der weiß, wovon er spricht. In unserem gemeinsamen Projekt bei der EnBW war er eine wichtige Stimme für eine vernünftige und technologisch fundierte Software-Architektur, sowie ein großartiger Sparringspartner für jede technologische Frage oder Idee, die man aufwerfen wollte. Jedes Projektteam würde sich freuen, ihn als Teammitglied zu haben, da er sowohl bei der technischen Umsetzung als auch bei komplexen Architekturdiskussionen unterstützen kann. Ich wünsche ihm alles Gute."},{"author":"Rouven Haban","position":"Scrum Master (Consultant)","text":"Ich hatte das Privileg, mehr als ein Jahr lang mit Sebastian als Scrum Master zu arbeiten. Sebastian ist ein außergewöhnlicher Lead Developer, dessen tiefgreifende technische Expertise und innovative Denkweise unser Team konsequent zum Erfolg führt. Seine Fähigkeit, komplexe Konzepte in klare, umsetzbare Lösungen zu übersetzen, ist in unserer agilen Umgebung von unschätzbarem Wert. Sebastian leitet mit Leichtigkeit an und inspiriert unser Team zu neuen Höchstleistungen. Unter seiner Leitung haben wir erhebliche Verbesserungen bei der Effizienz und der Produktqualität festgestellt. Ich empfehle Sebastian von ganzem Herzen für jede fortgeschrittene Entwicklungsaufgabe. Er ist nicht nur ein hochqualifizierter Entwickler, sondern auch ein echter Teamplayer, der für jedes Projekt, an dem er beteiligt ist, einen immensen Wert darstellt."}],"id":"EnBW AG-2022-06"},{"title":"IOT-Plattform zur Überwachung von Maschinen und Anlagen","role":"Senior React Developer","customer":{"name":"Azeti GmbH","location":"Berlin","logo":"azeti","industry":"Industrie 4.0"},"contractor":"Staffgroup GmbH, Berlin","period":{"start":"2022-03","end":"2022-05"},"technologies":["NX","React","BabelJS","Emotion","ESLint","Formik","React Intl","React Router","Material UI","Mono Repository","REST","Jest","TypeScript","Yarn"],"description":["Bei der Entwicklung einer umfangreichen Frontend-Applikation für die Überwachung von Maschinen auf Basis von ReactJS, meisterte ich technische Herausforderungen wie das Mono-Repository-Setup mit NX, Internationalisierung, und Theming für White Label-Lösungen. Die Bewältigung dieser Herausforderungen und der Umgang mit großen Datenmengen demonstrierten meine Fähigkeit, komplexe Anforderungen effizient umzusetzen."],"id":"Azeti GmbH-2022-03"},{"title":"Kundenportal zur Pflege von Basisdaten und der Verwaltung von PV-Anlagen","role":"Lead Web Frontend Architekt","customer":{"name":"Netze BW GmbH","location":"Stuttgart","logo":"netzeBw","industry":"Energieversorgung"},"contractor":"Hays AG, Mannheim","period":{"start":"2021-02","end":"2022-02"},"description":["Ich übernahm die architekturelle Verantwortung für die Frontend-Architektur, entwickelte Verbesserungsvorschläge für bestehende Strukturen und skizzierte Architekturen für neue Entwicklungen. Durch die Anwendung von API-First-Entwicklung und die Implementierung von End-to-End Tests mit Cypress, erreichte ich eine Code-Coverage von 70% für das bestehende Kundencenter, was eine solide Basis für die Qualitätssicherung in zukünftigen Releases bildete."],"technologies":["Cypress","Formik","JavaScript","React","React Router","React Intl","REST"],"testimonials":[{"author":"Florian Matz","position":"Software-Entwickler (Freelancer)","text":"Sebastian überzeugt mit seinem tiefen Fachwissen in Sachen Frontend-Architektur, Tooling und React im Speziellen. Dabei kommuniziert er ehrlich und bringt mit seiner Kompetenz jede Codebasis voran. Vielen Dank, es hat Spaß gemacht!"},{"author":"Yangyang Gao","position":"Software-Entwickler (Consultant)","company":"CGI Deutschland","text":"Sebastian arbeitet selbstständig an allen Aufgaben, die in der täglichen Projektarbeit anfallen. Er ist ein ausgewiesener Experte im Frontend-Bereich und steht jederzeit mit seinem Know-how zur Verfügung. Bei der Analyse der Frontend-Architektur hat er viele sinnvolle Verbesserungsmöglichkeiten gefunden und mit Hilfe von Best Practices pragmatisch umgesetzt. Seine Lösungsvorschläge und Diskussionsbeiträge sind immer ein elementarer Input."}],"id":"Netze BW GmbH-2021-02"},{"title":"Multi-Marken Online-Shop-Plattform in der Otto-Gruppe","role":"React- und GraphQL-Architekt","customer":{"name":"empiriecom GmbH \u0026 Co. KG","location":"Burgkunstadt","logo":"empiriecom","industry":"E-Commerce"},"contractor":"AWESOME! Software GmbH, Montabaur","period":{"start":"2020-11","end":"2021-02"},"description":["In meinem Verantwortungsbereich lag die Erweiterung und Optimierung unseres GraphQL-Services, ein Prozess, der die Integration neuer Resolver und eine Anbindung an eine MySQL-Datenbank umfasste. Die Herausforderung bestand darin, nicht nur die Systemfunktionalität zu erweitern, sondern auch die Qualität und Wartbarkeit des Gesamtsystems durch gezielte Verbesserungen zu erhöhen. Durch die Einführung verbesserter Typisierung, die konsequente Nutzung von Async/Await, die Optimierung der Testbarkeit und die Verfeinerung unseres Toolings konnte ich einen signifikanten Beitrag zur Steigerung der Systemeffizienz leisten.","Zusätzlich nahm ich maßgeblich Einfluss auf die architektonische Weiterentwicklung unserer internen Komponentenbibliothek. Diese Arbeit ermöglichte es, die Modularität und Wiederverwendbarkeit unserer Softwarekomponenten zu verbessern, was wiederum die Entwicklungseffizienz und Systempflege erleichterte. Mein Einsatz führte zu einer spürbaren Verbesserung der Systemqualität und trug dazu bei, das Fundament für zukünftige Innovationen zu legen."],"technologies":["Apollo Client","Apollo Server","GraphQL","Jest","React","React Router","TypeScript"],"testimonials":[{"author":"Sascha Metz","position":"Web-Developer (Consultant)","company":"Visuellagentur UG","text":"Es war großartig, mit dir zu arbeiten. Ich werde deine Kompetenz, deinen Weitblick und unsere Gespräche vermissen. Viel Glück und denk daran: Man sieht sich immer zweimal im Leben. Das war eine Drohung. :)"},{"author":"Natalie Stoisch","position":"Lead User Centered Design / Scrum Master","company":"empiriecom GmbH \u0026 Co. KG","text":"Vielen Dank für deinen professionellen Einsatz. Du hast das Team mit deiner Unterstützung in vielerlei Hinsicht weitergebracht. Es war ein außerordentliches Vergnügen, mit Dir zu arbeiten."},{"author":"Alexander Ritz","position":"Product Owner Business Intelligence","company":"empiriecom GmbH \u0026 Co. KG","text":"Vielen Dank, dass Du uns bei unseren PACE-Projekten so tatkräftig unterstützt hast. Deine erfrischende und ehrliche Art hat uns an der einen oder anderen Stelle auf Konzeptlücken aufmerksam gemacht."}],"id":"empiriecom GmbH \u0026 Co. KG-2020-11"},{"title":"Neuentwicklung von State-of-the-Art Web-Anwendungen für einen führenden Baustoffkonzern","role":"React-Architekt","customer":{"name":"HeidelbergCement AG","location":"Heidelberg","logo":"heidelbergMaterials","industry":"Baustoffindustrie"},"contractor":"Hays AG, Mannheim","period":{"start":"2019-06","end":"2020-09"},"description":["Im Zuge der Weiterentwicklung und Erweiterung einer Webanwendung zur Verfolgung von LKWs mit Baumaterialien, war ich federführend bei der Entwicklung einer Heuristik für die visuelle Aufbereitung von LKW-Routen in einer Google-Maps-Ansicht. Ein zentraler Aspekt meiner Arbeit war die Einführung eines Mono-Repositories, um die Frontend-Entwicklung zu vereinheitlichen und die Implementierung automatisierter Tools für das Hosting in Azure und Azure CDN zu optimieren. Dies verbesserte nicht nur die Performance im Vergleich zur vorherigen Docker-basierten Lösung, sondern förderte auch eine effizientere und kollaborative Arbeitsweise im Team.","Durch die Standardisierung von TypeScript und ESLint schaffte ich eine konsistente Entwicklungsgrundlage, die zusammen mit der Einführung von Cypress-basierten E2E-Tests zu einer qualitativ hochwertigeren Codebasis führte. Die schrittweise Migration der Codebasis auf TypeScript und die Implementierung eines verbesserten Axios-basierten API-Clients waren weitere Meilensteine, die zur Robustheit und Skalierbarkeit unserer Anwendung beitrugen.","Als Sparringspartner für UX-Designer und in meiner Funktion als leitender Entwickler unterstützte ich die Gestaltung eines benutzerzentrierten UI-Frameworks. Meine Rolle beinhaltete die Entwicklung eines gemeinsamen Verständnisses für effektive Komponentenstrukturen und deren Umsetzung, wodurch wir innovative und benutzerfreundliche Lösungen realisieren konnten. Meine Beiträge wurden als wegweisend für die Art und Weise, wie wir Webanwendungen entwickeln und veröffentlichen, angesehen und haben maßgeblich dazu beigetragen, unseren technologischen Stack zu verbessern und das Team zu inspirieren, bestehende Grenzen zu überwinden und kontinuierlich dazuzulernen."],"technologies":["Azure","Cypress","ESLint","i18next","Jest","Lerna","Material UI","REST","React","React Router","Redux","TypeScript"],"testimonials":[{"author":"Christian Klaucke","position":"Head of Digital Product Engineering","company":"HeidelbergCement AG","text":"Vielen Dank für all Deine Leistungen, Sebastian! Und wow, ich habe gar nicht bemerkt, dass wir fast 1,5 Jahre zusammen gearbeitet haben. Es gibt jetzt wirklich eine sehr große Lücke, die das Team zu füllen hat, da Du etliche wichtige Beiträge zu unserem Stack hinzugefügt hast. Du hast Dir im Laufe der Zeit einen sehr guten Ruf als React-Experte im Team erworben, und ich hatte das Gefühl, dass die Leute Deinem Rat wirklich tiefgehend vertrauen. Ich wünsche Dir alles Gute für Deinen zukünftigen Weg und möge der Code mit Dir sein. Immer."},{"author":"Danny Fürniß","position":"Lead Product Engineer","company":"HeidelbergCement AG","text":"Danke Sebastian. Es war mir ein Vergnügen, mit Dir zu arbeiten und mit Dir über die winzigen aber wichtigen Details moderner Web-Technologie-Stacks zu diskutieren. Zusammen konnten wir die Art und Weise, wie wir unsere Web-Anwendungen entwickeln und veröffentlichen, einen gewaltigen Sprung nach vorn bringen. Deine tiefgehende Erfahrung mit React und den sinnvollen Praktiken der Webentwicklung wurden von mir immer sehr geschätzt."},{"author":"Igor Ilic","position":"Software-Entwickler","company":"HeidelbergCement AG","text":"Während unserer Zusammenarbeit mit Sebastian wurden mein Team und ich Zeuge, wie eine sachkundige und erfahrene Person die Köpfe des gesamten Teams wachrütteln kann. Er zwang uns, mehr zu lernen und generell mehr zu hinterfragen. Auch, in die richtige Richtung zu lernen, damit wir dann selbst Lösungen finden konnten. Dem Team arbeitsfähige Lösungen zu geben, ist sicher wertvoll, aber es ist vorteilhafter, ihnen beizubringen, wie sie selbst denken und das Problem lösen können. Abgesehen davon habe ich die Gesellschaft von Sebastian sehr genossen und schätze es sehr, dass wir den Vorteil hatten, gemeinsam überlegene Lösungen für verschiedene komplexe Probleme zu finden."},{"author":"Dominik Skalnik","position":"Software-Entwickler","company":"HeidelbergCement AG","text":"Es hat mich gefreut, mit Sebastian arbeiten zu können. Unser Projekt hat viel von seinem langjährigen Frontend Know-How profitiert. Er kennt sich nicht nur mit ReactJS gut aus, sondern hat auch das Gesamtsystem immer im Blick. Das kommt nicht oft vor. Er ist kommunikativ, engagiert und offen. Ich selbst würde mit ihm gerne immer wieder zusammenarbeiten und kann ihn für weitere Projekte nur empfehlen."},{"author":"Armin Naimi","position":"Software-Entwickler","company":"HeidelbergCement AG","text":"Sebastian ist ein ausgezeichneter Entwickler und viel mehr ein Kollege und Coach, welcher mit scharfer Präzision hochqualitative Lösungen entwickelt. Sebastian hat Themen wie Backend für Frontend und Frontend Operations vorangebracht und unser Team mit einer Reihe von Tools bereichert. Ich wünsche ihm alles Gute und in seinem neuem Team viel Spaß und Erfolg."},{"author":"Cesare Cesari","position":"UX Designer","company":"HeidelbergCement AG","text":"Als UX-Designer ist es großartig, mit Sebastian zu arbeiten. Seine benutzerzentrierte Denkweise unterstützte und forderte das Team und mich heraus. Er ist neugierig und hat nie Angst davor, die Komfortzone zu verlassen, wenn es darum geht, Qualität zu realisieren. Das ist mit Sicherheit ein Wert für jedes Unternehmen, mit dem er zusammenarbeitet."},{"author":"Sebastian Walter","position":"Team Leiter Frontend","company":"HeidelbergCement AG","text":"Sebastian zeichnet eine klare und direkte Kommunikation aus; sowohl in Besprechungen als auch im Quelltext. Für komplexe Probleme und Anforderungen sucht Sebastian einfache und zukunftsfähige Lösungen. Dabei greift er gerne auf seine Erfahrung aus früheren Projekten zurück. Beim Tooling ist er up to date und verfolgt mit Enthusiasmus neue Entwicklungen in der Branche."}],"id":"HeidelbergCement AG-2019-06"},{"title":"Mentoring und Consulting für neues React-Team","role":"React Mentor","customer":{"name":"GE Healthcare GmbH","location":"Freiburg","logo":"geHealthCare","industry":"Gesundheitswesen"},"contractor":"Belcan Technical Recruiting, London","period":{"start":"2019-02","end":"2019-02"},"description":["In einem intensiven, mehrtägigen Workshop zu Best Practices in der Frontend-Entwicklung mit einem Schwerpunkt auf React teilte ich mein Wissen über bewährte Konventionen, von der Ordnerstruktur bis hin zu Implementierungsstrategien. Der Workshop deckte ein breites Spektrum ab, einschließlich des effektiven Managements von Assets, der Einführung in TypeScript für eine verbesserte Typisierung und Strategien für die Interaktion mit serverseitigen Daten. Ein besonderer Fokus lag auf der Erörterung der Vorzüge und Herausforderungen funktionaler versus Klassen-Deklarationen in React sowie der Bedeutung von kontinuierlicher Weiterbildung durch Ressourcen wie Newsletter, Video-Kurse und Konferenzen.","Darüber hinaus untersuchten wir Möglichkeiten zur Reduzierung von Boilerplate-Code bei der Verwendung von Redux durch das Duck-Pattern und initiierten Diskussionen über die Einsatzmöglichkeiten von GraphQL in Projekten. Das primäre Ziel dieses Workshops war, Teilnehmenden ein tiefgehendes Verständnis für die Nuancen moderner Frontend-Entwicklung zu vermitteln und ihnen handfeste Lösungsansätze für alltägliche Entwicklungsherausforderungen an die Hand zu geben."],"technologies":["Apollo Client","GraphQL","Jest","React","Redux","REST","TypeScript","Webpack"],"testimonials":[{"author":"Alexander Fechner","position":"Software-Entwickler","company":"GE Healthcare GmbH","text":"Ich hatte das Vergnügen, von Sebastian während eines Coachings für den Aufbau einer auf React basierenden Unternehmensanwendung im Gesundheitswesen betreut zu werden. Er ist ein leidenschaftlicher Softwareentwickler, klar in seiner Kommunikation und ein produktiver Partner zum Gedankenaustausch. Er hat meine höchste Empfehlung."},{"author":"Stefan Huggle","position":"Software-Architekt","company":"GE Healthcare GmbH","text":"Vielen Dank für unsere Beratungssitzung über HTML5/React-bezogene Technologien in Freiburg. Ihr breites Wissen im HTML5-Universum ist beeindruckend. Sie haben uns viele wertvolle Empfehlungen gegeben, die auf - und das ist das Wichtigste - echten praktischen Erfahrungen beruhen."}],"id":"GE Healthcare GmbH-2019-02"},{"title":"Responsive Multi-Marken mehrsprachigen E-Commerce-Neuentwicklung (Produktseiten, Warenkorb, Kundenkonto)","role":"React/GraphQL-Architekt","customer":{"name":"Josef Witt GmbH (Otto Gruppe)","location":"Weiden","logo":"wittGruppe","industry":"E-Commerce"},"contractor":"Computer Futures/SThree GmbH, München","period":{"start":"2018-09","end":"2019-06"},"description":["Die Herausforderung, einen Online-Shop neu zu entwickeln, der sowohl Multi-Brand-Fähigkeiten als auch internationale Unterstützung bietet, führte mich zur Implementierung einer GraphQL-Orchestration-Schicht mittels Apollo auf Client- und Serverseite. Diese Aufgabe umfasste nicht nur technische Neuerungen, sondern auch das Mentoring meines Teams, um ein tiefes Verständnis und eine effektive Anwendung der Technologien zu gewährleisten. Durch die Einführung serverseitigen Renderings (SSR) und einer fortschrittlichen Code-Splitting-Lösung mit Loadable Components konnte die Leistung und Nutzererfahrung des Shops signifikant gesteigert werden.","Ein weiterer wichtiger Meilenstein war die Implementierung einer JWT-basierten, SSR-kompatiblen Nutzerzuordnung, die eine nahtlose Nutzererfahrung über verschiedene Sessions und Geräte hinweg ermöglichte. Durch Optimierungen im Bereich des Toolings, einschließlich Threading und Caching in Webpack, sowie der Umstellung des TypeScript-Toolings auf Babel, konnte ich die Entwicklungszeiten und die Hot Module Replacement (HMR)-Effizienz deutlich verbessern. Darüber hinaus trug die Optimierung des clientseitigen Routings und die Implementierung von Preloading für diverse Code-Split-Pfade zu einer reibungslosen und schnellen Navigation bei."],"technologies":["Apollo Client","Apollo Server","GraphQL","React","React Router","Styled Components","TypeScript","PostCSS","Webpack"],"testimonials":[{"author":"Abraham Schilling","position":"Senior Frontend Developer","company":"Josef Witt GmbH (Otto-Gruppe)","text":"Sebastian ist ein stets involviertes, dynamisches Teammitglied mit unschätzbarer Erfahrung im Bereich Tools und Web-Performance. Mit Sebastian im Team haben wir endlich ein zuverlässiges SSR/HMR-Setup mit einem unterhaltsamen Entwickler-Erlebnis. Er hat es uns leicht gemacht, auf GraphQL umzusteigen. Ich habe vor allem unsere Gespräche und unseren technischen Austausch genossen. Für mich persönlich war Sebastian ein Vorbild dafür, in Konfrontationssituationen ruhig und konstruktiv zu bleiben."}],"id":"Josef Witt GmbH (Otto Gruppe)-2018-09"},{"title":"Neue ARD-Mediathek für HBBTV-fähige Fernseher und Web-Browser","role":"React/GraphQL-Architekt","customer":{"name":"Südwestrundfunk","location":"Mainz","logo":"swr","industry":"Rundfunk"},"contractor":"GULP Information Services GmbH, München","period":{"start":"2018-07","end":"2018-09"},"description":["Bei der Neu-Entwicklung einer Mediathek für alle Sender der ARD als gemeinsame Plattform lag mein Fokus auf der Unterstützung moderner HBBTV-fähiger Fernseher und der Bereitstellung responsiver Layouts für Web-Browser auf Handys, Tablets und Desktops. Ich war maßgeblich an der Entwicklung und Optimierung der GraphQL-Schnittstelle beteiligt, um eine effiziente Kommunikation mit bestehenden REST-APIs zu gewährleisten. Dieses Projekt zielte darauf ab, eine nahtlose und benutzerfreundliche Medienbibliothek zu schaffen, die den Zugriff auf Inhalte über eine Vielzahl von Geräten ermöglicht und dabei modernste Technologien nutzt."],"technologies":["Apollo Client","Apollo Server","Flowtype","GraphQL","REST","React","React Router","Sass","Webpack"],"id":"Südwestrundfunk-2018-07"},{"title":"Real-Time Verkehrs-Informationsangebot für den ÖPNV-Bereich","role":"React Architekt","customer":{"name":"Init SE","location":"Karlsruhe","logo":"init","industry":"Öffentlicher Verkehr"},"contractor":"Megapart GmbH, Karlsruhe","period":{"start":"2018-04","end":"2018-07"},"description":["Bei der Neuentwicklung eines webbasierten Dashboards für Echtzeit-Abfahrsinformationen im ÖPNV-Umfeld übernahm ich die eigenverantwortliche Architektur und Entwicklung, in enger Absprache mit Produktmanagern. Ich traf die Auswahl aktueller Technologien und führte Schulungen für Mitarbeiter in den Bereichen React und Web-Entwicklung durch. Ein zentraler Bestandteil meiner Arbeit war die Entwicklung eines GraphQL-Servers mit Apollo, der eine Vielzahl unterschiedlicher REST-APIs, sowohl Inhouse als auch extern, nutzte. Für die Erkennung der Geo-Position und die Ermittlung von Routen und Distanzen setzte ich auf MapBox und OpenStreetMap. Darüber hinaus gestaltete ich das Seiten-Layout und setzte die ersten Design-Konzepte in wiederverwendbare Komponenten und Views um, um eine intuitive und effiziente Benutzeroberfläche zu schaffen."],"technologies":["React","Formik","Popmotion","React Intl","React Router","DotEnv","Webpack","Babel","PostCSS","CSS Modules","Storybook","Jest","ESLint","Stylelint"],"id":"Init SE-2018-04"},{"title":"Entwicklung eines Telematik-Angebotes für Logistikunternehmen","role":"React Experte","customer":{"name":"Traton: RIO","location":"München","logo":"traton","industry":"Nutzfahrzeugindustrie"},"contractor":"Ray Sono AG, München","period":{"start":"2018-01","end":"2018-03"},"description":["Bei der Unterstützung der Weiterentwicklung einer bereits von Kunden genutzten Plattform arbeitete ich in einem verteilten Team mit Standorten in Leipzig und München. Meine Rolle umfasste die Einbringung architektureller Verbesserungsvorschläge sowie das Mentoring von Kollegen, um die Qualität und Effizienz der Plattform zu steigern. Durch diese Zusammenarbeit trug ich zur Optimierung bestehender Prozesse und Strukturen bei, förderte den Wissensaustausch innerhalb des Teams und unterstützte die kontinuierliche Weiterentwicklung der Plattform, um den Anforderungen und Bedürfnissen der Nutzer noch besser gerecht zu werden."],"technologies":["Amazon S3","AWS","BabelJS","ESLint","Karma","LessJS","Mocha","React","Redux","Redux Saga","Sinon","Webpack"],"testimonials":[{"author":"Stefan Hammer","position":"Product Manager","company":"Ray Sono AG","text":"Sebastian Werner ist in einer späten Projektphase in ein fachlich wie technisch sehr komplexes Projekt eingestiegen und hat dort nach einer sehr kurzen Einarbeitungszeit nicht nur als vollwertiges Teammitglied mitgearbeitet, sondern auch direkt konstruktive Lösungsvorschläge zu Problemen in der Architektur und der Technik gegeben. Wir sind mit der Zusammenarbeit sehr zufrieden und würden uns freuen, auch zukünftige Projekte gemeinsam umzusetzen."},{"author":"Yolanda Cruz-Stempian","position":"Partner Management","text":"Herr Werners Hauptaufgaben waren die Umsetzung von Formularen und Interaktionen in den Buchungsmodulen und Performance-Optimierungen im Chat und im Allgemeinen bzgl. der Ladezeit. Die ihm übertragenen Aufgaben wurden von Herrn Werner zu unserer vollsten Zufriedenheit bearbeitet. Mit sehr viel Einsatzbereitschaft und seiner kommunikativen Art hat sich Herr Werner schnell in unser Entwicklungsteam integriert und konnte in hohem Maße zum Projekterfolg beitragen."}],"id":"Traton: RIO-2018-01"},{"title":"Eine Plattform zum Austausch zwischen Pharma-Branche und Ärzten","role":"Frontend Architekt","customer":{"name":"coliquio GmbH","location":"Konstanz","logo":"coliquio","industry":"Gesundheitswesen"},"contractor":"Michael Page, München","period":{"start":"2017-06","end":"2017-12"},"description":["Für das Projekt-Setup einer Green-Field React-Anwendung im Pharma-Bereich übernahm ich die Neustrukturierung der existierenden Komponenten-Library und führte eigene NPM Repositories ein. Diese Maßnahme diente der Erhöhung der Wiederverwendbarkeit von Komponenten und der Implementierung einheitlicher Linting-Regeln. Ich setzte auf responsive Design mit CSS Grid Layout und responsiver Typographie, um eine optimale Darstellung auf einer breiten Gerätevielfalt zu gewährleisten. Des Weiteren realisierte ich serverseitiges Rendering mit React, inklusive intelligentem Code-Splitting für JavaScript und CSS. Die Evaluierung und Auswahl von Oberflächen-Komponenten für Animationen, Charting und weitere Funktionen gehörten ebenfalls zu meinen Aufgaben, um eine benutzerfreundliche und visuell ansprechende Anwendung zu entwickeln."],"technologies":["React","Redux","Webpack","Storybook","ESLint","Stylelint","Jest"],"testimonials":[{"author":"Florian Eibeck","position":"Software-Entwickler (Consultant)","company":"Mayflower GmbH","text":"Sebastian did a great job as a Frontend Engineer and Architect in our team. He happily shared his knowledge and teached us how to write state-of-the-art React applications. Thanks for the good collaboration, it was a pleasure working together!"},{"author":"Florian Geier","position":"Software-Entwickler (Freiberufler)","text":"Sebastians Expertise im Bereich moderner Web-Technologien ist umfassend und tiefgreifend, so dass die Zusammenarbeit für mich eine bereichernde Erfahrung war. Der Kunde profitierte zudem von seinem Engagement in diversen Open-Source Projekten, die uns bei der Umsetzung der Anforderungen zugute kamen."},{"author":"Jens Rusitschka","position":"UX-Designer (Freiberufler)","text":"Ich habe mit Sebastian an einer neuen Plattform für Coliquio gearbeitet. Sein Wissen und seine Erfahrung mit Javascript, React-Technologie und modernen Front-End-Frameworks waren wirklich beeindruckend. Ich freue mich darauf, wieder mit ihm zusammenzuarbeiten!"}],"id":"coliquio GmbH-2017-06"},{"title":"Neues Online-Banking für Geschäftskunden mit signifikaten Umsätzen","role":"Lead Frontend Architekt","customer":{"name":"Deutsche Bank AG","location":"Eschborn","logo":"deutscheBank","industry":"Finanzen"},"contractor":"Hays AG, Mannheim","period":{"start":"2017-03","end":"2017-06"},"description":["Während des Aufbaus einer zukunftsweisenden Frontend-Architektur nahm ich eine Schlüsselrolle ein, indem ich eng mit Systemarchitekten und Produktmanagern zusammenarbeitete. Ein wichtiger Aspekt meiner Arbeit war die Führung und das Mentoring von zwei Offshore-Teams in Indien, für die ich den Git-Flow und Pull Requests als zentrale Arbeitsmethodik etablierte. Meine Verantwortung umfasste nicht nur die Schulung dieser Teams, sondern auch die Bewertung und Genehmigung ihres Codes, um die Einhaltung höchster Qualitätsstandards zu gewährleisten.","Ein weiterer Schwerpunkt meiner Tätigkeit lag in der sorgfältigen Evaluierung neuer Technologien, um einen innovativen Technologie-Stack zu definieren, der in enger Zusammenarbeit mit verschiedenen Stakeholdern des Konzerns ausgewählt wurde. Darüber hinaus leitete ich die Analyse und Konzeption eines neuen Development 2.0 Environments, das darauf abzielte, die Produktivität der Softwareentwicklung signifikant zu steigern. Diese Initiative zielte darauf ab, eine effiziente, moderne Entwicklungsumgebung zu schaffen, die optimal auf die Anforderungen der Softwareentwicklung abgestimmt ist."],"technologies":["React","Redux","Webpack","ESLint","Stylelint","REST","Jest","BabelJS","PostCSS","CSS Modules"],"testimonials":[{"author":"Makele Ghebreamlak","position":"Software-Architekt (Consultant)","company":"Melsicon GmbH","text":"Ich habe mit Sebastian in einem agilen Projekt für ein Unternehmen im Banksegment gearbeitet. Er ist ein außergewöhnlich talentierter Frontend-Architekt und ReactJS-Entwickler mit einem sehr tiefen Verständnis von UX/UI. Sebastian hat eine persönliche Leidenschaft für die Entwicklung hochmoderner Web- und Mobilanwendungen. Seine Fähigkeit, neue Technologien aufzugreifen, liegt weit über dem Durchschnitt. Er sucht nie nach dem komfortablen Ansatz, er stellt das Design, die User Experience, die Art und Weise, wie wir arbeiten, wie wir Software produzieren, welche Technologien wir wählen, in Frage und geht damit weit über die Kundenerwartung hinaus, das beste Produkt zu entwickeln. Ich würde mich freuen, bei zukünftigen Projekten mit ihm zusammenzuarbeiten!"},{"author":"Michael Rodegast","position":"Interims Management (Consultant)","text":"Ich hatte das Vergnügen, mit Sebastian durch seine Führung eines Backbone-Teams bei einem Kunden zusammenzuarbeiten, für den wir beide tätig sind. Sebastians Engagement, eine Innovationsagenda durch seine persönliche Identität und seine tiefgreifenden Software-Kenntnisse in die Unternehmensarchitektur unseres Kunden einzubringen, war von größter Bedeutung und führte zu großartigen Ergebnissen. Sebastian geht in seinem täglichen Arbeitsleben mit gutem Beispiel voran und ermutigte daher nicht nur sein Backbone-Team, sondern auch das Projektteam selbst. Ich würde mich freuen, in Zukunft wieder zusammenarbeiten zu können, wenn sich die Gelegenheit dazu bietet."},{"author":"Adib Istanbouli","position":"Senior Software-Entwickler (Consultant)","company":"Accenture Germany","text":"Es war ein großes Privileg für mich, mit einem so talentierten und sachkundigen Entwickler wie Sebastian zusammenzuarbeiten, der sich fließend in der neuesten UI-Tech auskennt. Es ist heutzutage ziemlich schwierig, einen leidenschaftlichen Coder wie ihn zu finden. Wir haben bei unserem letzten Projekt viel aus seinen Erfahrungen mit React, Webpack und seinem EdgeStack gelernt. Ich freue mich darauf, in naher Zukunft wieder mit Sebastian zusammenzuarbeiten."}],"id":"Deutsche Bank AG-2017-03"},{"title":"Neuentwicklung eines Portal für die Planung und Durchführung von Sprachkursen","role":"Senior Frontend Architekt","customer":{"name":"Berlitz Deutschland GmbH","location":"Frankfurt am Main","logo":"berlitz","industry":"Bildung"},"contractor":"Syzygy GmbH, Bad Homburg","period":{"start":"2016-10","end":"2017-02"},"description":["Im Zuge der Neugestaltung und Optimierung des Frontends einer umfangreichen Anwendung, konzentrierte ich mich auf die Implementierung und Architektur im React-Umfeld. Ein Schlüsselelement meiner Arbeit war die Einführung des Apollo Clients und Servers, um GraphQL für eine effiziente Frontend-Backend-Kommunikation zu nutzen. Diese Maßnahme revolutionierte die Datenabfrage- und -manipulationsprozesse durch eine flexiblere Schnittstelle und trug entscheidend zur Performance-Steigerung und Verbesserung der User Experience bei.","Mein Ansatz, der auf einer tiefgehenden Analyse und einem kritischen Blick auf die bestehende Architektur basierte, führte zu einem schlankeren Systemdesign, verbessertem Tooling und der Auswahl adäquater Libraries. Durch diese strategischen Veränderungen konnten wir das Projekt aus einer technologischen Sackgasse führen und auf den Pfad des Erfolgs zurückbringen. Die von mir durchgeführten Anpassungen erhöhten nicht nur die Effizienz und Effektivität des Teams, sondern ermöglichten auch eine nachhaltige Wissensvermittlung und Strukturverbesserung innerhalb des Projekts.","Die positive Resonanz aus meinem Team unterstreicht die transformative Wirkung meiner Arbeit. Als Architekt und Mentor trug ich maßgeblich zur Entwicklung robuster und wartbarer Code-Basen bei, förderte die fachliche Weiterentwicklung des Teams und sorgte für eine konstruktive, lösungsorientierte Atmosphäre."],"technologies":["React","Gulp","Webpack","ESLint","StyleLint","PostCSS","CSS Modules"],"testimonials":[{"author":"Jürgen Werle","position":"Senior Web Developer","company":"Syzygy Deutschland GmbH","text":"Vielleicht kennen Sie das ja auch: es gibt diese Projekte die einfach nicht gut laufen - u.a. deswegen, weil technologisch nicht der beste Ansatz verfolgt wurde, wegen hohem Zeitdruck, mangelnder Erfahrung und nicht zuletzt, weil im React-Umfeld derzeit eine besonders hohe Dynamik konkurrierender Ansätze besteht. Solch ein Projekt braucht Expertenwissen und die überzeugende Standhaftigkeit, dass ein besserer Ansatz möglich ist, auch wenn es die Entwicklung zunächst zurück wirft. Sebastian Werner hat sowohl die Kompetenz als auch die Persönlichkeit und lenkte nach ausführlicher Analyse mit den richtigen Konzepten das Projekt in deutlich bessere Bahnen. Eine deutlich schlankere Architektur, verbessertes Tooling und der Einsatz der passenden Libraries waren Schlüssel zum Erfolg. Wir haben viel gelernt und bedanken uns für die Unterstützung - es hat Spaß gemacht!"},{"author":"Claudia Ceh","position":"Frontend Developer","company":"Syzygy Deutschland GmbH","text":"Sebastian konnte mit seiner Expertise viele Probleme lösen und dem Projekt eine gute Struktur geben. Wir waren durch die von ihm vorgestellten Werkzeuge und Architektur effizienter und effektiver. Außerdem konnte er uns viel neues Wissen vermitteln. Er hat sich neben der Rolle des Architekten, auch schnell als Mentor etabliert, der uns half besseren und robusteren JavaScript-Code zu programmieren. Ich konnte einiges lernen und war froh über seine Verbesserungsvorschläge. Mit Hilfe von Sebastian konnten wir in einigen festgefahrenen Situationen wieder einen klaren Blick auf das eigentliche Problem bekommen, dass wir anschließend gemeinsam als Team lösen konnten. Ich hätte mir gewünscht Sebastian von Anfang an im Projekt zu haben, um mit ihm das Projekt robust und stabil aufzubauen."},{"author":"Giso Deutschmann","position":"Software-Architekt (Freelancer)","text":"Sebastian hat umfassendes, tagaktuelles Wissen über alle Aspekte der Entwicklung hochkomplexer Web-Frontends. Den anstehenden Umbau des Frontends zu einer Software, die dem derzeit sehr schnelllebigen Stand der Technik entspricht, hat er mit Hilfe dieses Wissens maßgeblich getrieben. Das Ergebnis war eine vom Frontend-Team als hervorragend anerkannte Lösung. Ich kann Sebastian als Frontend-Architekten, Big-Picture-Menschen und Teamplayer uneingeschränkt empfehlen."},{"author":"Marc Zollingkoffer","position":"Director Software Engineering","company":"Syzygy Deutschland GmbH","text":"Sebastian ist ein erfahrener Berater für Frontend-Technologien. Er zeichnet sich durch sein breites, wie auch tiefes und vor allem aktuelles Wissen zu State-Of-The-Art Technologien aus. Wir haben daher sehr von seiner Unterstützung und Expertise bei der Umsetzung des Frontends mit React-Redux-GraphQL für eine international ausgerichtete Plattform profitiert. Wir haben Sebastian als aktiven Berater erlebt, der auch nicht davor zurückscheut, den Finger - wo notwendig - in die sprichwörtliche Wunde zu legen. Dabei ist er stets konstruktiv und seine Vorschläge unterstützen dabei, das Produkt auf ein verbessertes Niveau zu heben."}],"id":"Berlitz Deutschland GmbH-2016-10"},{"title":"Unterstützung der Entwicklung eines neuen Online-Shops","role":"Senior Frontend Architekt","customer":{"name":"Hornbach Baumarkt AG","location":"Bornheim","logo":"hornbach","industry":"Handel"},"contractor":"Systeme24, Mainz","period":{"start":"2016-05","end":"2016-09"},"description":["Bei der Umstellung der Styling-Plattform auf PostCSS entwickelte ich eine Tooling-Lösung, die Hot Module Replacement (HMR) für React mit Server-Side Rendering (SSR) unterstützt. Die Implementierung von React Intl ermöglichte die Internationalisierung der Anwendung, während Techniken wie Tree-Shaking und automatische Chunks die Effizienz und Leistung verbesserten. Ziel war es, eine konsistente und reaktionsfähige Nutzererfahrung über eine Vielzahl von Plattformen hinweg zu gewährleisten, einschließlich Desktop-Browsern, Tablet-Browsern und Smartphone-Browsern. Diese strategische Überarbeitung führte zu einer Optimierung der Ladezeiten und einer signifikanten Verbesserung der allgemeinen Benutzerfreundlichkeit."],"technologies":["React","Redux","React Intl","React Router","Emotion","PostCSS","Webpack"],"testimonials":[],"id":"Hornbach Baumarkt AG-2016-05"},{"title":"Architektur für innovative neue Robo-Advisor Web-Anwendung der Deutschen Bank Gruppe","role":"Senior Frontend Architekt","customer":{"name":"Deutsche Asset \u0026 Wealth Management","location":"Frankfurt am Main","logo":"dws","industry":"Finanzen"},"contractor":"Questax GmbH","period":{"start":"2015-11","end":"2016-04"},"technologies":["VueJS","JSPM","Gulp","Sass","JavaScript"],"description":["Während meiner Beratungstätigkeit für die Frontend-Architektur einer innovativen internationalen Investment-Plattform stand die Entwicklung einer Single Page Application (SPA) im Mittelpunkt, die sich durch live aktualisierte Charts und international formatierte Werte, wie Währungen, auszeichnet. Die von mir gewählte Technologieauswahl und die sorgfältige Projektstrukturierung spielten eine entscheidende Rolle dabei, die komplexen Anforderungen des Projekts effizient zu erfüllen und eine Plattform zu gestalten, die sowohl robust als auch benutzerfreundlich ist.","Meine Arbeitsweise, geprägt durch Präzision und Gewissenhaftigkeit, ermöglichte es, einen umfassenden Überblick über die Frontend-Technologien zu bewahren und sowohl die Vorteile als auch die Herausforderungen gängiger Ansätze, Tools und Frameworks genau zu evaluieren. Durch eine detaillierte Analyse der Interaktionen zwischen Frontend und Benutzern konnte ich Schwächen in den UI-Konzepten frühzeitig identifizieren und beheben. Die resultierende Frontend-Architektur, die ich entwickelte, trug nicht nur zur Steigerung des Projektwerts bei, sondern legte auch den Grundstein für eine solide Basis, die sich im weiteren Verlauf des Projekts als äußerst robust erwies."],"testimonials":[{"author":"Mark Paluch","position":"Software-Architekt (Freiberufler)","text":"Sebastian Werner arbeitet sehr gewissenhaft und genau. Er hat einen immensen Überblick über die Technologien im Frontend-Bereich und kennt sowohl die Benefits als auch die Nachteile gängiger Ansätze, Tools und Frameworks. Sebastian analysiert sehr genau die Abläufe und Interaktionen zwischen Frontend und Benutzer. Dadurch können Schwächen in den UI Konzepten frühzeitig adressiert und behoben werden. Die in dem Projekt geschaffene Frontend-Architektur schuf einen erheblichen Mehrwert und klare Strukturen die sich im späteren Projektverlauf als sehr solide Basis erwiesen haben."},{"author":"Kai Bald","position":"Project Lead","company":"Deutsche Asset \u0026 Wealth Management","text":"Sebastian Werner ist ein sehr erfahrener Front-end Entwickler und Architekt, der darüber hinaus den holistischen Blick auf das gesamte Projekt im Auge behält. Seine Kompetenz bringt er vollumfänglich ein und setzt sich sehr mit den Themen auseinander. Er arbeitet fokussiert, gewissenhaft sowie dennoch schnell und konnte sich so erfolgreich in das Projekt einbringen."}],"id":"Deutsche Asset \u0026 Wealth Management-2015-11"},{"title":"Aufwendig animiertes Frontend für die neue Telekom-Entertain-Plattform","role":"Senior User Interface Architekt","customer":{"name":"Huawei Technologies","location":"Darmstadt","logo":"huawei","industry":"Informationstechnologie"},"contractor":"Networkers International","period":{"start":"2014-06","end":"2015-10"},"description":["In meiner beratenden Rolle für die Software-Architektur einer neuen, international ausgerichteten Plattform war ich maßgeblich an der Entwicklung und Optimierung einer Single Page Application (SPA) beteiligt. Mein Fokus lag auf der Einführung eines MVP-Konzeptes zur Verbesserung der Modularität und Struktur des Codes, was wesentlich zur Steigerung der Effizienz und Benutzerfreundlichkeit der Plattform beitrug. Ich leitete die Implementierung eines anspruchsvollen, interaktiven Interfaces, das fortschrittliche UI-Übergänge ermöglichte, und koordinierte die Entwicklungsstrategien zwischen Offshore- und Onsite-Teams. Diese Koordination umfasste eine enge Zusammenarbeit mit internationalen Teams, insbesondere mit chinesischen Mitarbeitern von Huawei und der Deutschen Telekom, wobei ich nicht nur technische, sondern auch kulturelle und sprachliche Herausforderungen erfolgreich meisterte.","Ein weiterer Schwerpunkt meiner Tätigkeit war die Sicherstellung der Softwarequalität durch die Entwicklung umfassender Tests, einschließlich Unit- und UI-Tests. Ich übernahm auch die Verantwortung für die Dokumentation des Codes und das Management der Tooling-Prozesse für Entwicklung und Deployment, was eine konsistente und effiziente Arbeitsumgebung schuf.","Die Zusammenarbeit in einem internationalen Kontext stellte besondere Herausforderungen dar, insbesondere im Hinblick auf Sprachbarrieren und unterschiedliche Erwartungshaltungen an Qualität und Arbeitsweise. Meine Erfahrung in der Arbeit mit vielfältigen Teams ermöglichte es mir jedoch, diese Herausforderungen erfolgreich zu navigieren und eine effektive Kommunikation und Zusammenarbeit zwischen allen Beteiligten zu fördern. Dies trug maßgeblich dazu bei, die Projektziele zu erreichen und eine solide Grundlage für zukünftige Entwicklungen zu legen."],"technologies":["Velocity.js","LessJS","Jasmine","DalekJS","JSDuck","Grunt"],"testimonials":[{"author":"Joakim Martensson","position":"Senior UI/UX Designer","company":"Huawei Germany GmbH","text":"Sebastian and I have worked in the same project for about 1.5 years now and I've come to know him as a person who has a very good knowledge of his field and is always keen on keeping up-to-date on the latest developments - which is not an easy thing when technology advance as fast as it does in this business. Sebastian also show a willingness to think outside the box (to use an old cliché) and tries to figure out new, better and more efficient ways of doing things. He's also proven to have a good feel and consideration for the impact of his work on the end-user experience. As a plus, he's also a nice and amendable person that I think would easily fit in with most teams."},{"author":"Gerlando La Porta","position":"Management Consulting","company":"Archtexx Consulting GmbH","text":"Sebastian was part of our agile development team and I worked with him as a product owner. Sebastian is an excellent web application / UI developer. He was one of our technical key UI architects who defined the UI architecture and build major elements of those UI elements. He is innovative, focuses on details and delivers solution."},{"author":"Mario Günzel","position":"Product Manager TV Platforms \u0026 User Experience","company":"Deutsche Telekom AG","text":"Sebastian Werner does a great job in our project. He has very good development and consultant skills and brings in solutions idea to make our project successful."},{"author":"Ingo Müller","position":"Senior Product Manager","company":"Deutsche Telekom AG","text":"I can recommend Sebastian as a person with great expertise and deep background of web architecture and Frontend development. He is a thought leader in his field. As a innovative strategist he understands complex matters even when outside of his direct area of expertise. He shows all the time a lot of analytical capability and willingness for his both personal \u0026 professional development. He is ambitious and smart. His open-minded approach could not be overestimated."},{"author":"Sascha Lee","position":"UI-Designer","company":"Deutsche Telekom AG","text":"In a huge collaboration project I recognized Sebastian as a very skilled and qualified teammate. From a design perspective he served as a convergent bridge between design and technology and pushed the project to a higher level with his expertise."},{"author":"Patric Schouler","position":"Experte ICT System-Entwicklung","company":"Deutsche Telekom AG","text":"I enjoyed the time to work together with Sebastian in a challenging project at Deutsche Telekom for our TV Delivery Devision. Sebastian has worked for us in a international team as UI Architekt and JavaScript/HTML Consultant. In our project we are focusing to build the new user interface for the product Entertain TV. His very high skills in web development was very helpful and Sebastian did a professional job. Especially his work on some reusable user interface components was very impressive and helps our project and other teams at Deutsche Telekom a lot. Thank you for your work, I would like to work with you every time again."}],"id":"Huawei Technologies-2014-06"},{"title":"Responsive Homepage für den Software-Hersteller MAGIX","role":"Senior Frontend Developer","customer":{"name":"MAGIX Software GmbH","location":"Berlin","logo":"magix","industry":"Informationstechnologie"},"contractor":"Triplesense Reply GmbH","period":{"start":"2013-11","end":"2014-02"},"description":["In diesem Projekt integrierten wir ein führendes CSS-Framework, um eine responsive und optisch ansprechende Webseite zu entwickeln, die sich nahtlos an unterschiedliche Bildschirmauflösungen anpasst. In enger Abstimmung mit den Design- und Konzeptteams schufen wir eine wartungsarme und flexibel gestaltete Webseite, die ein magazinartiges Design mit hochwertiger Typografie kombiniert. Zu den Schlüsselelementen gehörten eine Sticky-Funktion für wichtige Webseitenbereiche sowie ein interaktiver, tabellarischer Produktvergleich, der Nutzern detaillierte Vergleiche ermöglicht."],"technologies":["Modular Scales","Jasy","Sass","Uglify"],"testimonials":[{"author":"Astrid Fischer","position":"Konzept- / Information-Architektin","company":"Triplesense Reply GmbH","text":"Sebastian ist ein überaus motivierter, mitdenkender und kreativer Entwickler. Er hat sich im Team gut integriert und die Meetings durch viele Ideen und innovative Lösungsansätze bereichert. Darüber hinaus hat die Arbeit mit ihm Spaß gemacht, weil er auch menschlich gut ins Team gepasst hat."}],"id":"MAGIX Software GmbH-2013-11"},{"title":"Erweiterung der Webseite des Kabelanbieters Tele Columbus","role":"Senior Frontend Developer","customer":{"name":"Tele Columbus AG","location":"Berlin","logo":"telecolumbus","industry":"Telekommunikation"},"contractor":"Triplesense Reply GmbH","period":{"start":"2013-04","end":"2013-12"},"technologies":["HTML5","RPC","Google Ads"],"description":["Bei der Umsetzung der Photoshop-Designs in funktionierende Webanwendungen für iPhones und Android-Geräte nutzte ich HTML5-Technologie, um eine hochperformante Rich Internet Application (RIA) zu entwickeln. Diese App zeichnete sich durch interaktive Layer-Wechsel ohne den klassischen Seitennachladeeffekt aus. Die Implementierung einer MVP-basierten Architektur mit Template-Rendering basierte auf einem Core-Framework, wodurch eine strukturierte und wartbare Codebasis sichergestellt wurde. Für die HTML5-Formularvalidierung setzte ich auf interaktive Rückmeldungen zu Fehlerzuständen, um die Benutzererfahrung zu verbessern. Die Anbindung an ein bestehendes, PHP-basiertes Backend erfolgte über RPC, was eine nahtlose Datenintegration ermöglichte. Zudem integrierte ich Werbe- und Tracking-Netzwerke durch intelligente, nachgelagerte Einbindung, um Marketingziele effektiv zu unterstützen, ohne die Nutzererfahrung zu beeinträchtigen."],"id":"Tele Columbus AG-2013-04"},{"title":"Leitung der Architektur des neuen Telefoniecenters Frontends","role":"JavaScript-Architekt","customer":{"name":"Deutsche Telekom","location":"Darmstadt","logo":"deutscheTelekom","industry":"Telekommunikation"},"contractor":"axxessio GmbH, Bonn","period":{"start":"2012-11","end":"2013-04"},"technologies":["Jasy","jQuery","HTML5","REST"],"description":["In der Rolle des leitenden Entwicklers übernahm ich die Herausforderung, eine Rich Internet Application (RIA) für die Konfiguration von VOIP-Merkmalen für Festnetzanschlüsse zu entwickeln. Unser Ziel war es, die fortschrittlichen Möglichkeiten moderner Desktop-Browser ab Internet Explorer 9 voll auszuschöpfen, um den Benutzern eine nahtlose und intuitive Konfigurationserfahrung zu bieten. Die effiziente Anbindung an ein existierendes Backend-System über einen REST-Proxy ermöglichte eine direkte Kommunikation zwischen Frontend und Backend, wodurch die Grundlage für eine dynamische und reaktionsfähige Anwendung gelegt wurde.","Durch die Implementierung von Live-Feedback und HTML5-Formularvalidierung, kombiniert mit einer intelligenten Hintergrund-Synchronisation, konnte ich die Benutzerinteraktion signifikant verbessern. Dies erhöhte nicht nur die Zufriedenheit der Endnutzer, sondern trug auch dazu bei, Fehlerquellen zu minimieren und die Datenintegrität zu sichern. Die Anwendung basierte auf einer soliden MVP-Architektur, die durch Template-Rendering ergänzt wurde, um eine klare Trennung von Präsentation und Logik zu gewährleisten."],"testimonials":[{"author":"Matthias Huthmacher","position":"Projektmanager","company":"Deutsche Telekom AG","text":"Sebastian was the driving force making our SCRUM Team successful. His strong programming skills combined with a keen perception helped us, to release a web application for telephony configuration using state of the art web technologies. Sebastian is a great guy with an enormous knowledge about modern software design and software architecture. I really enjoyed working with him!"},{"author":"Chris Bauer","position":"UI-Designer (Freiberufler)","text":"Sebastian Werner beweist erstklassige Qualitäten bei der Entwicklung von RIA-Oberflächen und ist ein exzellenter Sparringspartner in komplexen SCRUM-Projekten."}],"id":"Deutsche Telekom-2012-11"},{"title":"Bahnbrechende Grundlagen-Technologie zur HTML5-basierten Umsetzung von Internet-Spielen als Ersatz für Flash","role":"Senior JavaScript Developer","customer":{"name":"Zynga Germany GmbH","location":"Frankfurt am Main","logo":"zynga","industry":"Spiele"},"period":{"start":"2011-04","end":"2012-11"},"description":["Während meiner Zeit bei Zynga nahm ich die herausfordernde Aufgabe an, die Architektur und Entwicklung eines hardware-beschleunigten Scrollers für umfangreiche Spielfelder zu leiten. Dieses innovative Projekt zielte darauf ab, ein nahtloses Scroll-Erlebnis zu ermöglichen, das dem von iOS ähnelt – einschließlich Bouncing und Deceleration. Parallel dazu führte ich signifikante Verbesserungen in unserem Tooling-System durch, indem ich neue Funktionen wie einen API-Browser, Scaffolding, einen lokalen Webserver mit Proxy-Funktion, die Integration in die Asset-Management-Infrastruktur von Zynga sowie einen SpriteSheet-Generator implementierte.","Ein weiterer wesentlicher Bestandteil meiner Arbeit war die kontinuierliche Weiterentwicklung des verwendeten JavaScript-Frameworks. Dazu gehörte die Einführung von Polyfills für ES5-Methoden zur Sicherstellung der Kompatibilität mit älteren Browsern, die Unterstützung von Multi-Wert-Eigenschaften in Klassen-Deklarationen und die Entwicklung von effizienten Ladesystemen für Skripte, Stylesheets und Bilder. Diese Verbesserungen waren entscheidend, um die Performance und die Benutzererfahrung unserer Anwendungen zu steigern."],"technologies":["iOS","Jasy","Polyfill","ES5"],"testimonials":[{"author":"Paul Bakaus","position":"CTO","company":"Zynga Germany GmbH","text":"Sebastian war eine unschätzbarer Teil des Teams unseres Technologie Studios für Zynga in Frankfurt. Er besitzt die Fähigkeit zu analysieren wie ein Feature idealerweise funktionieren sollte, anstatt genau nach Vorgaben zu handeln, und verbessert somit sehr häufig das gesamte Produkt. Er betrachtet Software-Architektur von allen Ecken ganzheitlich und gewinnt so oft souverän die Oberhand in überhitzten Diskussionen, vor allem weil er sich immer für den Kunden des Produkts einsetzt. Eine Eigenschaft, die Sebastian und ich uns teilen, ist das Auge für Details, insbesondere für Design, User Experience und Feinschliff. Man findet äußerst selten einen so guten JavaScript-Entwickler, der gleichzeitig skalierbare Architekturen planen kann und selbstverständlich Wert auf Layout, UI und UX legt."},{"author":"Christoph Martens","position":"JavaScript-Entwickler","company":"Zynga Germany GmbH","text":"Working with Sebastian was always a pleasure. He has a vastly-founded knowledge about UI architectures and compiling architectures in JavaScript. He founded the Jasy project, which is the underlying web framework at Zynga allowing to publish everything automagically to S3 et al. Very talented guy, would love to work with him again."},{"author":"Matthew Jaquish","position":"Software-Entwickler","company":"Zynga Inc.","text":"I have had great experiences collaborating with Sebastian on various projects. I have used his software and tools extensively and found him eager to listen to feedback and make changes accordingly. He never hesitates to answer questions personally. I appreciate his architecture choices because they are forward-thinking, maintainable, and extensible."}],"id":"Zynga Germany GmbH-2011-04"},{"title":"Innovative Cross-Plattform-Entwicklung für Smartphone-Angebote auf HTML5-Basis","role":"Senior Software Developer","customer":{"name":"Deutsche Telekom AG","location":"Darmstadt","logo":"deutscheTelekom","industry":"Telekommunikation"},"period":{"start":"2009-03","end":"2011-03"},"description":["Meine Tätigkeit konzentrierte sich auf die Analyse zukünftiger Entwicklungen im Mobilfunkmarkt und die Etablierung von Web-Technologien, um den Multi-Plattform-Ansatz der Deutschen Telekom zu unterstützen. Im Zuge dessen entwickelte ich die Fußball.de-Fan-App mit Unify und PhoneGap, deren Funktionsweise in einem Demo-Video auf YouTube präsentiert wurde. Zudem initiierte ich das OpenSource Framework Unify, entwickelte eine allgemeine Navigationslogik für mobile Anwendungen und leitete die Ausarbeitung zur Beantragung von Patenten für die geschaffenen Lösungen ein.","Die Basisarbeiten zur Integration von Unify in native Anwendungen umfassten den Einsatz von PhoneGap, QtWebkit und Adobe AIR. Ich stellte das Framework auf internen und externen Events vor und kooperierte mit den T-Labs, T-Mobile sowie weiteren Mobilfunk-Anbietern und -Herstellern zur Integration von Unify in die BONDI-Initiative bzw. WAC.","Darüber hinaus war ich für die Entwicklung der PagePlace-Anwendung für Desktop-Browser und einer RIA-Anwendung auf Basis des qooxdoo-Frameworks zuständig, die das Lesen von Büchern und das Verwalten von Abonnements ermöglichte. Diese Arbeit beinhaltete das Parsen und Aufbereiten von ePub-basierten Büchern inklusive Entschlüsselung und Rendering innerhalb der Anwendung sowie die Implementierung einer komplexen Animationsmechanik für qooxdoo-basierte Anwendungen und die Entwicklung eines eigenen Themes, das auf dem internen Styleguide basierte."],"technologies":["PhoneGap","QtWebkit","Adobe AIR","Unify","BONDI","WAC","qooxdoo","ePub"],"testimonials":[{"author":"Bernhard Hochstätter","position":"Head of Mobile Solutions","company":"Deutsche Telekom AG","text":"Developer with excellent skills in web technologies, always ahead with technology and market trends. Great guy."},{"author":"Rocco Georgi","position":"Software-Entwickler (Consultant)","text":"Ich war sehr froh mit Sebastian arbeiten zu dürfen. Er ist ein echter Experte vor allem in Sachen JavaScript und Python. Er kann aber auch in Sachen UI/UX überzeugen. Ich konnte viel von Ihm lernen und ich würde jederzeit gern wieder mit ihm arbeiten."},{"author":"Jochen Hiller","position":"Developer Evangelist","company":"Deutsche Telekom AG","text":"Sebastian is a smart Web 2.0 guy, I worked together the last year. He is deeply involved in Browser, JavaScript, CSS, HTML technologies and always knows about the latest development and trends. I can recommend working together with him and enjoy common time and work."},{"author":"Alexander Dittner","position":"Software-Entwickler","company":"Deutsche Telekom AG","text":"Mentor, Teamleiter und ein hervorragender Entwickler."},{"author":"Marek Pawlowski","position":"Software-Entwickler (Consultant)","text":"Working with Sebastian was a big pleasure. He has brilliant ideas all the time based on his experience and huge development knowledge. He put to our work great dose of organization and he has immense influence on code quality in our application. I'm still impressed by his knowledge about frameworks, JavaScript and Python development."}],"id":"Deutsche Telekom AG-2009-03"},{"title":"Architekturelle Verbesserung, Performance-Optimierung und Implementierung von Komponenten für Soziales Netzwerk","role":"Teamlead JavaScript Development","customer":{"name":"studiVZ","location":"Berlin","logo":"studivz","industry":"Soziale Medien"},"period":{"start":"2008-10","end":"2009-02"},"technologies":["JavaScript","HTML5","Ajax"],"description":["Ich leitete ein Team von vier Frontend-Spezialisten bei der Entwicklung neuartiger Oberflächen für eines der größten europäischen sozialen Netzwerke, das sich an Schüler, Studenten und Erwachsene richtet. Unser Fokus lag auf der Neuentwicklung und Verbesserung bestehender Oberflächenkomponenten. Ein Schlüsselprojekt war die Entwicklung eines Foto-Betrachters, der Nutzern die Möglichkeit bietet, Personen auf Fotos zu markieren. Diese Arbeit trug maßgeblich dazu bei, die Interaktivität und Benutzerfreundlichkeit der Plattform zu erhöhen und den Austausch unter den Nutzern zu fördern."],"testimonial":"Sebastian has extensive knowledge in his field, and is always able to adapt newest technical developments to the benefit of the product he is working on. Using those skills to the fullest, he helped improve our product significantly. - Wojciech Duda, studiVZ","id":"studiVZ-2008-10"},{"title":"Initiierung, Architektur und Entwicklung des qooxdoo JavaScript-Frameworks","role":"Senior Software Developer","customer":{"name":"1\u00261 Internet AG","location":"Karlsruhe","logo":"oneAndOne","industry":"Informationstechnologie"},"period":{"start":"2004-11","end":"2008-09"},"description":["Vor zwei Jahrzehnten wagte ich mich mit meinem Team an die Entwicklung eines visionären Widget-Systems, inspiriert von den ausgefeilten Merkmalen nativer UI-Toolkits wie Qt. Unser Ziel war es, die Möglichkeiten webbasierter Anwendungen grundlegend zu erweitern und eine Schnittstelle zu schaffen, die Layout-Queues, Child-/Shadow-Widgets und ein fortschrittliches Styling einschließlich Schatten, dynamischen Dekorateuren und Farbverläufen bot. Diese Technologien sollten die Art und Weise, wie Interaktionen im Web gestaltet werden, neu definieren.","Die Herausforderung bestand darin, diese komplexen Konzepte in einer Zeit umzusetzen, in der Webbrowser noch nicht für derartige Innovationen ausgerüstet waren. Unsere Arbeit führte zu einer Python-basierten, plattformübergreifenden Tooling-Lösung, die nicht nur die Zusammenstellung, Optimierung und Internationalisierung ermöglichte, sondern auch die Grenzen dessen, was im Web machbar ist, neu definierte. Trotz der späteren Einstellung des Projekts, war die gewonnene Erkenntnis, dass wir das Potenzial des Webs signifikant erweitern konnten, ein wahrer Durchbruch.","Meine Erfahrungen und das Feedback aus der Community zeigen, dass Visionen, gepaart mit Entschlossenheit und technischem Know-how, die Entwicklung der digitalen Welt vorantreiben können."],"technologies":["qooxdoo","Python","JavaScript"],"testimonials":[{"author":"Chris Ricks","company":"SecurePay Group Pty Ltd","text":"I have been using qooxdoo for external and internal projects for a while. Sebastian has always been extremely helpful and accomodating when answering questions about qooxdoo and accepting contributions. His direct, to-the-point and pragmatic style is an excellent asset."},{"author":"Tobias Oetiker","company":"Oetiker + Partner AG","text":"I know Sebastian through his work on the qooxdoo library which is the coolest thing I have seen in a long time."},{"author":"Christian Boulanger","company":"Humboldt Universität, Berlin","text":"I worked with Sebastian during development of an open source software project which relies on the qooxdoo JavaScript GUI toolkit developed at Sebastian's company. His fast, competent and friendly support on every aspect of the toolkit was crucial for the successful development of my application. I can recommend him as collaborator in open source and other projects, and his leading role in the qooxdoo project was clearly visible."},{"author":"Paul Morel","company":"Tartan Solutions, Inc.","text":"Sebastian is a visionary who has the unique ability to put his extraordinary vision into practice. Sebastian's work on the qooxdoo toolkit provided capabilities and insight that no other toolkit has matched. His ability to combine performance, power, and ease of use is truly a welcome sight. There is no doubt that he will continue to be a driving force in the industry."},{"author":"Michael Rea","company":"Tartan Solutions, Inc.","text":"Sebastian ranks among the most influential people in the Web 2.0 space. Sebastian's ingenious work on the architecture of the qooxdoo framework has resulted in a fully functional and easy-to-deploy open source JavaScript UI. The Open Source Ajax community is indebted to Sebastian for his awesome work on qooxdoo."}],"id":"1\u00261 Internet AG-2004-11"},{"title":"Online-Shop der DSL-Marke 1\u00261 mit XSLT-basiertem Backend-Rendering","role":"Web Developer","customer":{"name":"Schlund+Partner GmbH \u0026 Co. KG","location":"Karlsruhe","logo":"schlundPartner","industry":"Informationstechnologie"},"period":{"start":"2002-05","end":"2004-10"},"technologies":["Pustefix","XSLT","HTML","CSS","JavaScript"],"description":["Ich übernahm die Gestaltung des Online-Auftritts, des Bestellvorgangs und die Kreation von Newsletter-Kampagnen, wobei mein Fokus auf der Umsetzung von HTML-Markup und CSS basierend auf vorgefertigten Designs lag. In der Zusammenarbeit mit Backend-Entwicklern spielte ich eine Schlüsselrolle bei der Dynamisierung der Inhalte, um eine lebendige und interaktive Nutzererfahrung zu schaffen. Ein wesentlicher Bestandteil meiner Arbeit war die Entwicklung von XSLT-Templates zur Anzeige von Produkt-Vergleichen, Produktseiten und weiteren Elementen unter Einsatz des Pustefix-Frameworks, das für seine rekursive XSLT-Engine bekannt ist. Darüber hinaus setzte ich JavaScript-Komponenten für das Control-Center um, einschließlich Toolbars, Menüs und Umschaltern, die durch einfache HTML-Attribute steuerbar sind. Diese Komponenten trugen maßgeblich dazu bei, die Bedienbarkeit und Funktionalität der Website zu verbessern und ein nahtloses Einkaufserlebnis für die Nutzer zu gewährleisten."],"testimonials":[{"author":"Jens O. Meiert","position":"Web-Entwickler","company":"GMX GmbH","text":"Long story short: Sebastian is a highly skilled JavaScript/DOM Scripting Magician with whom it always was/is a pleasure to work."}],"id":"Schlund+Partner GmbH \u0026 Co. KG-2002-05"}],"root":null},"actionData":null,"errors":null}};</script><script type="module" async="">import "/assets/manifest-6744cd47.js";
import * as route0 from "/assets/root-DTf3RB7Z.js";
import * as route1 from "/assets/werner-CEl7Pp9o.js";

window.__remixRouteModules = {"root":route0,"routes/werner":route1};

import("/assets/entry.client-k3AT7OUR.js");</script></body></html>