Selbstständiger Frontend-Entwickler & UI/UX-Designer | WCAG, Vue, React, Figma

9/2021 – 10/2022

Welliba ist ein Startup, das von Führungskräften meiner ehemaligen Arbeitsstelle bei AON Assessment Solutions in Hamburg gegründet wurde. Es handelt sich um die erste Experience Management Plattform, die das psychische Wohlbefinden von Mitarbeitern kontinuierlich erfasst und dem Unternehmen in Form von nützlichen KPIs zur Verfügung stellt.

Als UI/UX-Engineer wurde ich beauftragt, die gesamte Produktplattform von Grund auf zu konzipieren und zu gestalten. Dazu gehörten eine Flutter-App und mehrere Web-Apps auf Basis von React für Endnutzer und Kunden. Meine Aufgaben umfassten den Aufbau eines UX-Verständnisses im Unternehmen, die Erstellung der CI/CD und das Design aller Benutzeroberflächen mit Figma als CMS-Module. Besonderes Augenmerk legte ich dabei auf Skalierbarkeit und Flexibilität, um schnelle Anpassungen ohne zusätzlichen Aufwand zu ermöglichen.

Mit meinem Hintergrund als Senior Frontend-Entwickler führte ich die Entwickler durch den Implementierungsprozess und unterstützte sie mit Code-Snippets bei der Umsetzung der Designs. Alle Produkte waren skalierbar, barrierefrei und basierten auf einem von mir entwickelten Design-System. Mein Fokus lag auf der Schaffung einer flexiblen Basis, die Welliba auf dem Markt etabliert hat. Die Produkte sind mittlerweile aktiv in Nutzung.

CSS (Cascading Style Sheet), Figma, Flutter, HTML, JavaScript, React (JavaScript library), Typescript

3/2021 – 9/2021

Für Müller-Oswald habe ich das gesamte Projekt als Berater, Designer und Entwickler eigenständig durchgeführt. Ziel war es, einen Webshop zu konzipieren und zu entwickeln, der Weine von zwei unterschiedlichen Weingütern gemeinsam anbietet. Nach der Akquise habe ich die Kunden umfassend zu möglichen Shop-Lösungen beraten und sie zu Shopify geführt. Ich wählte ein passendes Theme aus und passte den Code manuell an, um den spezifischen Kundenwünschen gerecht zu werden. Zudem erstellte ich Figma-Designs und Prototypen für verschiedene Komponenten und Seiten, um die Integration beider Produktgruppen und CI/CDs in einen einzigen Shop zu ermöglichen.

Während des Projekts legte ich besonderen Wert auf die Schulung der Kunden, damit sie wiederkehrende Änderungen eigenständig vornehmen konnten. Neben der Qualität im Frontend, insbesondere in Bezug auf SEO, behielt ich stets das Preis-Leistungs-Verhältnis im Blick. Die Zusammenarbeit mit dem Kunden ist weiterhin sehr gut, und ich unterstütze ihn regelmäßig mit Weiterentwicklungen und Beratungen zum Webshop.

Shopify (allg.), Figma, CSS (Cascading Style Sheet), HTML, JavaScript

9/2020 – 11/2020

Für Kindeskinder habe ich das gesamte Projekt eigenständig als Berater, Designer und Entwickler durchgeführt. Der Webshop basierte auf dem Shop-System Supr, das nach der Übernahme durch Wirecard und der späteren Auflösung des Unternehmens kurzfristig eingestellt wurde.

Meine Aufgabe war es, den Übergang zu einem neuen Shop-System nahtlos zu gestalten, um Unterbrechungen im Bestellprozess zu vermeiden. Dabei nahm ich auch Anpassungen im Bereich UI/UX vor, insbesondere hinsichtlich Responsivität, Performance und Barrierefreiheit, um die Conversion-Rate zu steigern. Das Projekt wurde unter hohem Zeitdruck durchgeführt.

Der Kunde ist mit dem Projekt und der Zusammenarbeit sehr zufrieden, und die Seite ist bis heute aktiv. Ein besonderes Augenmerk legte ich darauf, ein gutes Preis-Leistungs-Verhältnis zu wahren: Statt kostenpflichtiger Plugins setzte ich, wo sinnvoll, auf Workarounds und Eigenlösungen – eine Entscheidung, die vom Kunden besonders geschätzt wurde.

Shopify (allg.), Figma, CSS (Cascading Style Sheet), HTML, JavaScript

9/2019 – 8/2021

Im Auftrag der Deutschen Bahn habe ich als UI/UX-Designer und Frontend-Entwickler die Diagnose- und Analysesoftware DIANA durch neue Features erweitert und mitentwickelt. DIANA wird bis heute eingesetzt und hat maßgeblich dazu beigetragen, Ausfälle durch Weichenstörungen erheblich zu reduzieren.

Im Rahmen meiner Arbeit konnte die Performance des Produkts erheblich verbessert werden. Auf Basis von Angular haben wir in einer Monorepo-Architektur zusätzliche Feature-Apps entwickelt, wodurch das System optimiert und modernisiert wurde. Zusätzlich haben wir Softwarekomponenten für Kamerabrücken entwickelt, die Waggons und deren Bestandteile scannen und analysieren. Ein weiterer Fokus lag auf interaktiven 3D-Elementen zur Verbesserung der Nutzerfreundlichkeit und Funktionalität.

Figma, Angular, CSS (Cascading Style Sheet), HTML, JavaScript

3/2019 – 9/2019

Im Auftrag der Eckelmann AG war ich als Frontend-Entwickler Teil des Teams, das eine Softwarelösung zur Steuerung und Überwachung von Kälteanlagen in Supermärkten auf Basis von Angular entwickelte.

Um das Produkt skalierbar zu optimieren, führte ich Gespräche mit Wartungsmitarbeitern und anderen Nutzern der Software, um ihre Bedürfnisse und Arbeitsabläufe besser zu verstehen. Diese Gespräche dienten als Grundlage, um Personas und detaillierte Nutzer-Leitfäden zu erstellen. Die gewonnenen Erkenntnisse flossen direkt in das UX-Design ein und legten den Grundstein für eine datenbasierte Herangehensweise, die die Effizienz und Nutzerfreundlichkeit der Anwendung maßgeblich steigerte. Durch diese fundierte Methodik konnten wir eine benutzerzentrierte Lösung entwickeln, die den Arbeitsalltag der Nutzer deutlich erleichtert.

Angular, CSS (Cascading Style Sheet), HTML, JavaScript

3/2018 – 3/2019

Im Rahmen meiner Festanstellung als Web Application Developer bei AON Assessment Solutions konzipierte und entwickelte ich im Auftrag von Procter & Gamble spielerische Online-Assessment-Tests für Bewerber. Diese sollten weniger belastend wirken und mehr wie eine interaktive Erfahrung statt wie ein klassischer Test gestaltet sein.

Trotz des spielerischen Ansatzes war es entscheidend, psychometrisch valide und vergleichbare Daten zu erheben. Ich entwarf die Tests in Axure RP, stimmte sie eng mit dem Kunden ab und setzte die Lösung anschließend mit Angular und Three.js um. Dabei legte ich besonderen Wert auf die Responsivität der Anwendung, sodass sie auf verschiedenen Endgeräten und Bildschirmgrößen problemlos nutzbar war. Zudem stellte ich sicher, dass die Lösung auch ältere Browser unterstützte und die Barrierefreiheit gemäß den WCAG-Standards erfüllte.

Das Ziel war es, eine benutzerfreundliche, ansprechende und zugängliche Oberfläche zu schaffen, die sowohl die Anforderungen an die Datenqualität als auch an das Benutzererlebnis und die Barrierefreiheit erfüllt. Die Online-Assessment-Tests sind bis heute bei Procter & Gamble im Einsatz.

Angular, CSS (Cascading Style Sheet), HTML, JavaScript, Three.Js

1/2016 – 3/2018

Im Rahmen meiner Festanstellung bei AON Assessment Solutions konzipierte und entwickelte ich im Auftrag von Kunden wie Vodafone, Rolls Royce, Siemens und Daimler Online-Assessment-Tests für Bewerber, die als Entscheidungsgrundlage für die Einstellung dienen sollten.

Dabei war es wichtig, psychometrisch valide und vergleichbare Daten zu erheben, um eine fundierte Entscheidungsbasis für die Personalabteilungen zu schaffen. Ich entwarf die Tests in Axure RP, stimmte sie eng mit den Kunden ab und setzte die Lösungen mit Angular um. Besonderen Wert legte ich auf die Responsivität der Tests, sodass sie auf verschiedenen Endgeräten und Bildschirmgrößen optimal nutzbar waren. Zudem stellte ich sicher, dass die Tests auch mit älteren Browsern kompatibel waren und den WCAG-Standards für Barrierefreiheit entsprachen.

Ziel war es, eine benutzerfreundliche und zugängliche Lösung zu schaffen, die sowohl den hohen Anforderungen an Datenqualität als auch an Benutzererlebnis und Inklusion gerecht wurde. Meine entwickelten Tests sind bis heute im Einsatz und stellen einen signifikanten Teil des Portfolios von AON dar.

Angular, CSS (Cascading Style Sheet), HTML, JavaScript