Freelance Principal/Senior UI/UX React Frontend Engineering Specialist

6/2023 – 7/2023

Für Santander wurden Werbebanner in verschiedenen Formaten in HTML und CSS entwickelt, getestet und über Google ausgeliefert.

- Entwicklung von Banner Advertising in verschiedenen Formaten § Sicherstellung und Testing der korrekten Auslieferung
- CMS-Entwicklung und Templating

Technologien: HTML, CSS, JavaScript, Adobe Photoshop, Figma, Storyblok

Adobe Photoshop, Content Management, Figma, HTML, HTML5, JavaScript-Entwickler

4/2023 – 5/2023

Für die Gothaer-Website wurde ein responsives TYPO3-Template mit Fluid-Layouts und CSS-
Media-Queries implementiert. Dabei wurde dem Mobile-first-Ansatz gefolgt und die TYPO3-
Templates angepasst, um Menüs und Inhalte dynamisch auf verschiedenen Bildschirmgrößen zu
optimieren.

- Implementierung von TYPO3-Templates
- Entwicklung von UI-Animationen in jQuery
- Redesign in Responsive Design mit CSS Grid und Flex Layout

Technologien: UI/UX, TYPO3, PHP, CSS, Grid und Flex Layout, Responsive Design, JavaScript, jQuery, Templating

Content Management, CSS-Programmierer, JavaScript, Jquery, PHP, Responsive Webdesign, Typo3, User Experience (UX), User Interface (UI), UX / UI Designer

12/2022 – 3/2023

Entwicklung einer Online Lotterie Plattform mit Shopsystem in Vue.js und TypeScript.
- Entwicklung der Komponenten in Vue.js and TypeScript
- Schreiben von Unit Tests und Integrations Tests und durchführen von Smoke Tests § Migration von Vue.js 2 nach Vue.js 3
- Responsive Design mit CSS Grid und Flex Layout

Technologien: Vue.js, Nuxt, VueX, Vite, Vitest, NPM, Webpack, Yarn, Yarn Workspaces, Jest, Cypress, JSON, Microservices, Pattern Libraries, Storybook, REST, GraphQL, JavaScript (ECMAScript / ES2022), TypeScript, CSS, CSS Grid und Flex, Responsive Design, SCSS, Miro, Figma, Sentry, JFrog, Elastic Cloud, AWS CDK, Terraform, Docker, Docker Compose, Kubernetes, Middleware, DevOps, JIRA, Confluence, GitHub/Gitlab, Unit-Tests, Integration-Tests, End-to-End-Tests (E2E), Testautomatisierung, Prozessautomatisierung, Agile Teams, Scrum, Kanban, Dokumentation, Legacy-Code

React (JavaScript library), Amazon Web Services (AWS), Confluence, CSS-Programmierer, DevOps, Docker, Elasticsearch, Figma, Git, Graphql, JavaScript, Jira, Json, Kanban (Softwareentwicklung), Kubernetes, Responsive Webdesign, Scrum, Sentry, Softwaredokumentation, Technisches Testmanagement / Testkoordination, Typescript, Vue.Js

1/2022 – 9/2022

Unterstützung bei der Realisierung einer Industrie-Software zu Bauschalungssystemen, welche aus eingegebenen Grundrissen 3D-Modelle erstellt und optimale Schalungslösungen berechnet.

- Unterstützung des Kunden bei der Entwicklung mit React
- Schulung und aktives Coaching von Entwicklern
- Schreiben von Codereviews
- React-Support für Entwickler
- Vorträge über React und das zugehörige Ökosystem

React, Redux, RTK Query, TypeScript, MUI, Styled-Components, Azure DevOps, React, Remix, Gatsby, Expo, Next.js, Vite, Webpack, Rollup, Parcel, esbuild, Redux, RTK Query, React Query, NPM, PNPM, Yarn, Yarn Workspaces, Jest, React Testing Library, Cypress, JSON, Microservices, Micro Frontends, Web Components, Pattern Libraries, Storybook, REST, GraphQL, JavaScript (ECMAScript / ES2022), TypeScript, MUI (Material UI), Tailwind CSS, Tailwind UI, Bootstrap, CSS, SCSS, Docker, Docker Compose, Terraform, Kubernetes, Storyblok, DevOps, JIRA, Confluence, Middleware, Unit-Tests, Integration-Tests, End-to-End-Tests (E2E), Testautomatisierung, Prozessautomatisierung, Agile Teams, Scrum, Kanban, Dokumentation

CSS-Programmierer, Git, HTML5, JavaScript, Microsoft Azure, React (JavaScript library), Responsive Webdesign, Technische Dokumentation, Technisches Testmanagement / Testkoordination, Test Automation, Three.Js, Typescript

2/2021 – 12/2021

Entwickeln zentralisierter Portale zur Verwaltung interner Applikationen und Bereitstellung eines einheitlichen Zugangs für Kunden und Lieferanten. Bündeln verschiedener Anwendungen mit Single Sign-on (SSO) und zentralem User-Management. Umsetzen einer Micro-Frontend- Architektur und Entwicklung des Portalrahmens in React als ECMA-Script-Modul für Navigation und übergreifende Funktionen.

- Integrieren von Anwendungen über Reverse-Proxy mit Autorisierung nach Benutzerrechten.
- Entwicklung des UI/UX-Designsystems und wiederverwendbarer React-Komponenten.
- Umsetzung von Micro-Frontend-Architekturen für ein Kundenportal und Lieferantenportal
- Entwicklung einer Pattern-Library und deren Komponenten in Figma und Storybook
- Responsive Design mit CSS Grid und Flex Layout

Technologien: React, Redux, Micro Frontends, TypeScript, Figma, MUI (Material UI), CSS, CSS Grid und Flex, Responsive Design, SCSS, Styled-Components, Storybook, NPM, Yarn, CI/CD, Gitlab, GitHub Actions, Jest, Cypress, TanStack Query, AWS CDK, Terraform, Docker, Docker Compose, Kubernetes, Keycloak, DevOps, JIRA, Confluence, Middleware, Unit-Tests, Integration-Tests, End- to-End-Tests (E2E), Testautomatisierung, Prozessautomatisierung, Agile Teams, Scrum, Kanban, Dokumentation

Amazon Web Services (AWS), Confluence, CSS (Cascading Style Sheet), DevOps, Docker, Figma, Frontend Entwickler, Git, JavaScript, Jira, Kubernetes, React (JavaScript library), Responsive Webdesign, Scrum, Softwaredokumentation, Test Automation, Typescript

8/2020 – 1/2021

Planung und Neuentwicklung eines Kundenportals für den Zugang zu Verbrauchsanzeigen und Übersichtstabellen von Energieabrechnungen.

- Umsetzung einer Registrierungs-Strecke mit Keycloak
- Entwicklung von zentralen Komponenten einer Pattern Library
- Entwicklung des Kunden-Portals
- Responsive Design mit CSS Grid und Flex Layout

Technologien: Angular, TypeScript, Material UI, CSS, SCSS, CSS Grid und Flex, Responsive Design, Storybook, Keycloak, Micro Frontends, NPM, AWS CDK, Terraform, Docker, Docker Compose, Kubernetes, DevOps, JIRA, Confluence, Middleware, GitHub/Gitlab, Unit-Tests, Integration-Tests, End-to-End-Tests (E2E), Testautomatisierung, Prozessautomatisierung, Agile Teams, Scrum, Kanban, Dokumentation

React (JavaScript library), Amazon Web Services (AWS), Angular, Confluence, CSS (Cascading Style Sheet), DevOps, Docker, Git, Jira, Kanban, Kanban (Softwareentwicklung), Kubernetes, Responsive Webdesign, Scrum, Technisches Testmanagement / Testkoordination, Test Automation, Typescript

6/2019 – 11/2019

Im Rahmen der Neuentwicklung eines Mietshops für einen großen Online-Retailer wurde das Frontend in Zusammenarbeit mit Backend-Entwicklung, Design und Produkt erfolgreich umgesetzt.

- Komplette Umsetzung des Frontend/UI zum Online-Mietshop.
- Dokumentation und Definition von Standards und Code-Konventionen
- Verantwortlich für die Vue-Components und Styles
- Responsive Design mit CSS Grid und Flex Layout

Technologien: Vue.js, Vue, NuxtJS, JavaScript, TypeScript, HTML5, CSS Grid und Flex, Responsive Design, Tailwind CSS, Tailwind UI, SCSS, CSS3, NPM, DevOps, JIRA, Confluence, Middleware, GitHub/Gitlab, Unit-Tests, Integration-Tests, End-to-End-Tests (E2E), Testautomatisierung, Prozessautomatisierung, Agile Teams, Scrum, Kanban, Dokumentation

React (JavaScript library), Confluence, CSS (Cascading Style Sheet), DevOps, Git, HTML5, JavaScript, Jira, Kanban, Responsive Webdesign, Scrum, Softwaredokumentation, Technisches Testmanagement / Testkoordination, Test Automation, Typescript, User Experience (UX), User Interface (UI), Vue.Js

7/2018 – 6/2019

Im Bereich Finanzdienstleistungen mit Schwerpunkt Forderungsmanagement, Forderungskauf und Inkasso wurden IT-Produkte und -Systeme mit modernen Technologien entwickelt und auf zeitgemäße Architekturprinzipien gesetzt. Dank agiler Projektmanagementmethoden war die Entwicklung besonders schnell und effizient. Darüber hinaus war der Aufbau und Betrieb der Umgebungen für das bestehende und neu zu entwickelnde Inkassosystem relevant. Daher war die Automatisierung der Infrastruktur ein weiteres Handlungsfeld.

- Teamübergreifende Rolle im Frontend/UI um Standards und Code-Conventionen zu definieren
- Verantwortlich für die Micro-Frontend-Architektur
- Entwicklung einer zentralen Pattern-Library für Web Components, welche in verschiedenen React-Components Verwendung finden

Technologien: React, Redux, JavaScript, TypeScript, Webpack, HTML5, Ant Design, Storybook, Sass, CSS3, Styled-Components, Docker, Microservices, Micro Frontends, NPM, Gradle, Swagger.io, Data Science, AWS, Terraform, Docker, Docker Compose, Kubernetes, DevOps, JIRA, Confluence, Middleware, GitHub/Gitlab, Unit-Tests, Integration-Tests, End-to-End-Tests (E2E), Testautomatisierung, Prozessautomatisierung, Agile Teams, Scrum, Kanban, Legacy-Code, Dokumentation

Softwaredokumentation, Data Science, DevOps, Confluence, Scrum, Test Automation, Docker, Git, Gradle, Jira, Typescript, Amazon Web Services (AWS), CSS (Cascading Style Sheet), HTML5, JavaScript, Kubernetes, React (JavaScript library), Kanban, Technisches Testmanagement / Testkoordination, Responsive Webdesign

7/2017 – 6/2018

Für die Planung, Lieferung und Verwaltung der Testgeräte eines weltweit führenden Medizingeräteherstellers wurde eine Anwendung komplett neu konzipiert und als Web- Anwendung umgesetzt. Ein großer Teil der Funktionalität ist im Frontend (Browser) umgesetzt, zudem kann die Anwendung auf unterschiedlichen Devices (Desktop, Tablet) genutzt werden.

- Feature-Definition und -Implementierung, inkl. Sprint-Planung
- Neu- und Weiterentwicklung von AngularJS-Direktiven
- Weiterentwicklung von Website-Komponenten

Technologien: HTML5, CSS3, JavaScript, AngularJS, Git, NPM, Unit-Tests, Integration-Tests, Testautomatisierung, Prozessautomatisierung, Agile Teams, Scrum, Kanban, Legacy-Code, Dokumentation

Dozent für Digitales Mediendesign, Softwaredokumentation, DevOps, Confluence, Scrum, Test Automation, Git, Jira, Typescript, Angular, AngularJS, CSS (Cascading Style Sheet), HTML5, JavaScript, Technisches Testmanagement / Testkoordination

3/2017 – 6/2017

Für eine Social-Media-Marketing-Plattform wurden zentrale Softwarekomponenten der Frontend- Architektur um Funktionalitäten erweitert und neue Komponenten hinzugefügt. Hierbei wurden insbesondere AngularJS-Direktiven neu geschrieben, um diese zur Unterstützung der Entwicklung von neuen Features einzusetzen und Einheitlichkeit sowie saubere Code-Strukturen zu gewährleisten.

- Sicherstellung von Einheitlichkeit, Namenskonventionen und Architektur-Richtlinien
- Neuentwicklung von AngularJS-Direktiven
- Weiterentwicklung von Website-Komponenten

Technologien: HTML5, CSS3, JavaScript, AngularJS, PHP, Vagrant, GoCD, Git, Salesforce, NPM, REST, Unit-Tests, End-to-End-Tests (E2E), Integration-Tests, Testautomatisierung, Prozessautomatisierung, Agile Teams, Scrum, Kanban, Legacy-Code, Dokumentation

CSS (Cascading Style Sheet), Git, HTML5, JavaScript, Kanban, PHP, Responsive Webdesign, Salesforce.Com, Scrum, Softwaredokumentation, Technisches Testmanagement / Testkoordination, Test Automation

7/2016 – 1/2017

Für die Bezahlseite eines Zeitungsverlages wurde die Frontend-Architektur überarbeitet und weitere Features, u.a. die Verwaltung von Angebots-Zeiträumen realisiert. Dazu gehörte das Refactoring von Web-Komponenten in einer RESTful Service-Komponenten-Architektur und einer Microservice-Architektur.

- Weiterentwicklung von Template-Strukturen
- Implementierung von Features in HTML5, CSS3 und JavaScript
- Refactoring der Frontend-Architektur

Technologien: FreeMarker, Thymeleaf, CSS3, Sass, Bootstrap, Gulp, Grunt, AngularJS, NPM

React (JavaScript library), Angular, AngularJS, CSS (Cascading Style Sheet), HTML5, Responsive Webdesign

2/2016 – 7/2016

Für die Steuerung von Paketdiensten wurde eine Anwendungslandschaft komplett neu entworfen und umgesetzt. Die Steuerung umfasst die Administration der Fahrer, Fahrzeugverwaltung, Gebietsverwaltung sowie das Paketmanagement vom Hub bis zur Auslieferung an der Haustür. Für die jeweiligen Einsatzzwecke (Zentrale, Hub, Fahrer) wurden auf Basis des zentralen Backend- Systems spezifische Client-Applikationen konzipiert und umgesetzt, z.B. eine Webapp für die Verwaltungsfunktionen sowie eine native App für die Paketauslieferung. Das Projekt umfasste die Konzeption, Umsetzung, den Test und den Rollout.

- Neuentwicklung einer Webapplikation in Angular 2, TypeScript und HTML5
- Neuentwicklung einer nativen mobilen App in Angular 2, TypeScript und NativeScript für die Plattformen Android und iOS
- Erstellung der Infrastruktur für Entwicklung, Build und Deployment
- Entwicklung einer React Native App für iOS und Android

Technologien: HTML5 & CSS3, Angular 2, Material 2, Sass, TypeScript, NativeScript, NPM, Webpack, Jenkins, React Native

React (JavaScript library), Angular, Confluence, CSS (Cascading Style Sheet), DevOps, Git, HTML5, JavaScript, Jenkins, Jira, React Native, Scrum, Softwaredokumentation, Technisches Testdesign, Technisches Testmanagement / Testkoordination, Test Automation, Typescript

8/2015 – 2/2016

Um die Suchergebnisliste eines Immobilienportals im Responsive-Design für Desktop-, Tablet- und Mobile-Geräte in neuem Look darzustellen, wurden die bestehenden Seiten innerhalb der Webanwendung umgeschrieben und mit neuen Styles versehen. Hierbei standen insbesondere die Optimierung der Usability, der Konversionsrate und die Suchmaschinenoptimierung im Vordergrund.

- Umsetzung bestehender Websites im Responsive Design § Entwicklung in HTML5, CSS3, Sass und JavaScript
- Automatisierung von Webprozessen mit Gulp
- Package-Management mit NPM und Bower
- Aufbau von CSS Grids mit Twitter Bootstrap im Responsive Design
- Optimierung der Usability und Konversionsrate
- KPI-Analyse

Technologien: Google Analytics, Google Webmaster Tools, Google Tag Manager, HTML5, CSS3, Twitter Bootstrap, Sass, Gulp, NPM, AngularJS, TYPO3, Drupal, Wordpress, JIRA, Confluence

Javaserver Pages, AngularJS, Confluence, CSS (Cascading Style Sheet), Drupal, Git, Google Analytics, Google Tag Manager, HTML5, Jira, SEO Manager, Technisches Testmanagement / Testkoordination, Test Automation, Typo3, User Experience (UX), User Interface (UI), WordPress

4/2014 – 8/2015

Für ein Immobilienportal wurden zur Optimierung der Konversionsrate die Usability, die User- Experience und die Suchmaschinenoptimierung angepasst. Im Rahmen dieser Tätigkeit wurden KPI-Kennzahlen, Absprungrate und Verweildauer durch AB-Tests und Tools wie z.B. Google Analytics analysiert.

- Suchmaschinenoptimierung und Verbesserung der Konversionsrate § Optimierung der Usability
- KPI-Analyse
- Erstellung der CMS-Websites für die Umzugsauktion-Websites

Technologien: Google Analytics, Google Webmaster Tools, Google Tag Manager, Sistrix, Strucr, Strusix, TYPO3, Drupal, Wordpress, JIRA, Confluence

Confluence, Test Management, Drupal, Git, Jira, Typo3, Usability Testing, CSS (Cascading Style Sheet), Google Analytics, Google Tag Manager, HTML5, JavaScript, Javaserver Pages, Conversion Specialist, UX / UI Designer, Kanban, Technisches Testmanagement / Testkoordination, SEO Manager, WordPress

10/2010 – 4/2014

Für die Produktentwicklung eines Immobilienportals wurden Features in die Startseite, Suchfunktion, Suchergebnisliste sowie die Exposé-Seite implementiert. Die Implementierung erfolgte in enger Zusammenarbeit und Kommunikation mit verschiedenen Abteilungen, wie z.B. SEO, CRM, Media Sales, UX Design, Online-Marketing und Server Administration. Die Neu- und Weiterentwicklung von Software-Komponenten geschah unter Berücksichtigung von Evaluierung neuer Technologien im interdisziplinären Scrum-Team. Hierbei spielten die Planung, Umsetzung, Test und Dokumentation eine wesentliche Rolle. des Projekts.

- Neu- und Weiterentwicklung in JSP, HTML5, Sass, CSS3 und JavaScript/jQuery
- Evaluierung, Prototyping und Implementation neuer Technologien
- Page-Tracking und Event-Tracking mit Google Analytics und Google Tag Manager
- Entwicklung von Templates im TYPO3 und Drupal Content-Management-System
- Entwicklung und Weiterentwicklung von Unit-Tests/Frontend-Tests
- Versionsverwaltung im Git-Repository
- Interdisziplinäres Arbeiten im Scrum-Team
- Technische Beratung für Dienstleister
- Technische Dokumentation
- Einarbeitung und Unterstützung neuer Mitarbeitender
- Build-Management mit Gradle

Technologien: JSP, jQuery, HTML, CSS, NPM, Gulp, Sass, Git, Apache Struts Framework, Gradle, TYPO3, Drupal, Wordpress, JIRA, Confluence

CSS-Programmierer, Confluence, Apache Tomcat, Drupal, Git, Gradle, Jira, Typo3, Apache Struts, CSS (Cascading Style Sheet), HTML, JavaScript, Javaserver Pages, Jquery, WordPress

5/2010 – 10/2010

Für eine Baumarkt-Kette wurde ein Online-Katalog zum Durchblättern in verschiedenen Formaten, z.B. PDF und Adobe Flash, in die Website eingebunden. Hierbei wurden die Inhalte über CMS-Bausteine aktualisiert und neu angelegt. Die Bildbearbeitung der Inhalte wurde in Adobe Fireworks und Adobe Photoshop durchgeführt. Im Rahmen dieser Tätigkeit wurden die Newsletter an die aktuellen Inhalte angepasst.
- Anpassung und Anfertigung von Flash-Filmen
- Bildbearbeitung mit Adobe Fireworks und Adobe Photoshop
- Konfiguration von CMS-Bausteinen, Weiterentwicklung von CSS/HTML -Seiten
- Entwicklung statischer HTML-Newsletter

Technologien: Adobe Flash, Adobe Fireworks, Adobe Photoshop, CSS, HTML

Adobe Photoshop, CSS (Cascading Style Sheet), Designer, Fireworks, Flash-Programmierer, HTML, JavaScript, Layout-Experte

11/2009 – 5/2010

Für ein Partnervermittlungs-Portal wurden verschiedene Websites und CMS-Bausteine weiterentwickelt bzw. neue Features implementiert. Die Arbeit wurde im Scrum-Team konzipiert, umgesetzt und getestet.

- Weiterentwicklung der Frontend-Architektur und Präsentations-Logik mit HTML, CSS, JavaScript und dem Freemarker Template Framework
- Entwicklung von Funktionalitäten und Website-Effekten in JavaScript (DOM Scripting, Ajax- Entwicklung mit dem Prototype Framework)
- Entwicklung und Refactoring der Controller-Schicht in einer MVC-Architektur
- Entwicklung der Template-Struktur für die dynamische Generierung von Seiteninhalten auf der Grundlage von Design-Vorlagen
- Erstellung von Landingpages mit OpenCMS in Abstimmung mit dem Produktmanagement
- Skalierbarkeit, Performance Optimierung und Debugging
- Sicherstellung der Cross-Browser Kompatibilität
- Weiterentwicklung durch agile Softwareentwicklung (Scrum), begleitet durch Atlassian JIRA

Technologien: XHTML, CSS, JavaScript, jQuery, AJAX, Apache Struts Framework, JIRA, Concluence

Confluence, Jira, Prototyping, Ajax, Apache Struts, CSS (Cascading Style Sheet), HTML, JavaScript, Jquery, XHTML (Extensible HyperText Markup Language), Technisches Testmanagement / Testkoordination

3/2009 – 7/2009

Für die Inhaltsproduktion von mobilen WAP-Seiten globaler Entertainment Brands wurden Portal- Anwendungen in XML- und XSLT innerhalb des Apache Cocoon Framework entwickelt, getestet und deployed. Im Rahmen dieser Tätigkeit wurden Monitoring-Systeme zur Überwachung der Portal-Konnektivität und SMS-Systeme fürs Testing eingesetzt.

- Entwicklung in Eclipse
- Einsatz von Monitoring- und SMS- Systemen
- Überwachung der Inhaltsproduktion bei Partnerfirmen
- Erstellung von Storyboards mit Adobe PhotoShop und Microsoft PowerPoint
- Verwaltung von Portalen und Inhalten globaler Entertainment Brands

Technologien: XML, XSLT, JIRA, Confluence, Eclipse IDE, SVN Subversion, Apache Ant, Adobe PhotoShop

Confluence, Apache, Eclipse, Jira, Subversion, XML, WAP, JavaScript, XSL (Extensible Stylesheet Language), XSLT (XSL Transformation), Adobe Photoshop

2/2008 – 3/2009

Für ein Telekommunikationsunternehmen wurden Komponenten eines Portals zum Vertrieb und Verkauf von Diensten erweitert und neu entwickelt. Im Rahmen dieser Weiterentwicklung wurden zugehörige MicroSites und HTML-Newsletter dementsprechend angepasst. Die Software wurde in enger Zusammenarbeit mit Projektmanagern und User Interface Designern geplant, umgesetzt und getestet.

- Entwicklung und Wartung von JavaScript/Ajax und PHP5 basierten Webanwendungen § Arbeiten mit XHTML, CSS und Template-Strukturen
- Entwicklung objektorientierter JavaScript-Anwendungen
- Testing von Webanwendungen mit unterschiedlichen Browser-Engines
- Einsatz von Mozilla Firebug, TamperData und Charles Debugging Proxy § Entwicklung diverser HTML-Newsletter
- SQL Entwicklung mit ADOdb
- Aufbereitung von Konfigurationsdateien und XML-Files
- Deployment über SSH auf Staging und Live-Umgebungen im LAMP


Technologien: XHTML, CSS, JavaScript, Prototype.js, Dojo Toolkit, PHP, MySQL, Prototyping, Wireframes

Mysql, SQL, UML, Bash Shell, Subversion, SSH (Secure Shell), Prototyping, Ajax, CSS (Cascading Style Sheet), HTML, JavaScript, JavaScript-Frameworks, PHP, XHTML (Extensible HyperText Markup Language)