Elgiganten DK & SE - Relaunch des E-Commerce-Portals als SPA
Elkjøp ist der größte Consumer Electronics Retailer in den skandinavischen Ländern. Ich habe das Scrum-Team von KPS bei der Entwicklung und Relaunch des E-Commerce Portals unterstützt und neue Funktionen in den Bereichen Marketplace, Click & Collect, Checkout, User Dashboard uvm. umgesetzt, zahlreiche kritische, hartnäckige und teilweise schwer reproduzierbare Fehler in den Launch-Phasen untersucht und erfolgreich behoben, sowie an der Performance Analyse und Optimierung (insb. LCP und CLS) mitgewirkt.
Team: 24 Frontend Developers, 6 Requirement Engineers, QA, Backend, CMS (insg. 50+ Mitarbeiter)
Technologien: Angular 11 & 12, TypeScript, ngxs, Webcomponents, nguniversal, Material UI, SCSS, Apollo, GraphQL
Tools: TeamCity CI/CD, Bitbucket, Jira, Splunk, Instana
Pepper Presenter, SearchAssistant, CMS
Der von CleverGuides programmierte humanoide Roboter wird u.a. in mehreren Museen und Bibliotheken eingesetzt. Meine Aufgaben waren einerseits die Anbindung der Applikation an die Bücher- und Mediensuchschnittstellen der Bibliotheken Hannover, Luzern und Karlsruhe, andererseits die Implementierung einer Museumsführung für das Badische Landesmuseum Karlsruhe. Außerdem war ich an der Weiterentwicklung des CleverGuides CMS beteiligt, mit Angular und Material Design im Frontend und node.js und MariaDB im Backend.
Team: 1 Frontend, 3 Backend, 1 Projektleiterin
Technologien: Angular 8, TypeScript, Material Design, SCSS, node.js, MariaDB, Pepper QiSDK, Android SDK, Java
[link]
Die DACON GmbH ist Anbieter für eine Vielzahl von Datenbanken rundum Arzneimittel und andere pharmazeutische Informationen. Die nun 30 Jahre alte Oberfläche wurde komplett überarbeitet und als moderne Single-Page-Applikation in Angular 8 umgesetzt. Neue Funktionen, wie User-, Rechte- und Lizenz-Management, benutzerdefinierte Darstellungsmöglichkeiten und Ergänzung der Inhalte durch angebundenen REST-APIs bieten nun eine optimalen und effizientere User Experience.
Team: 1 Frontend, 1 Backend, 1 UX/UI, 1 Marketing-Manager
Technologien: Angular 8, TypeScript, Bootstrap, SCSS, node.js, Express JS
Nolte Möbel App (Cross-Platform)
Die Nolte Möbel GmbH organisiert jährlich eine Messe, um die aktuellen Möbel-Programme vorzustellen. Die Nolte Möbel App begleitet die Messebesucher interaktiv durch die Ausstellung (mit QR-Code-Reader, Merkliste und Platz für eigene Notizen), bietet ergänzende Informationen zu den ausgestellten Möbelstücken und ersetzt dadurch die bisherigen Print-Kataloge.
Team: 1 Frontend, 1 Grafikdesigner, 2 Marketing-Produkt-Manager
Technologien: ionic 4, Angular 7, Cordova, iOS, Android, WordPress (Headless)
All-IP-Produktberater
Der Plusnet-Berater ist das erste Kunden-Projekt, das auf Basis des CleverGuides-Produktberaters (s. unten) umgesetzt worden ist.
Technologien: Angular 5, TypeScript, SCSS, Angular Animations
Team: 1 Backend, 1 UX Designer und 1 Frontend (ich)
CleverGuides Produkt-Berater
Der CleverGuides-Produktberater ist ein konfigurierbares Berater-System auf dessen Grundlage mehrere Produktberater erstellt werden sollen, sowohl für eigene Lead-Generierung-Projekte als auch für Umsetzung von Kunden-Projekte. Fokus lag auf Erweiterbarkeit, Anpassbarkeit und Austauschbarkeit der Komponenten.
Technologien: Angular 5, TypeScript, SCSS, Angular Animations
Team: 1 Backend, 1 UX Designer und 1 Frontend (ich)
Als führender Web-Architekt war ich für die Entwicklung von über 30 internationalen Preisvergleichsportalen, sowie diverser Web-Applikationen zuständig. Dazu gehörten auch die Einführung, Nutzung und Adaption von Technologien für die Zwecke der Frontend- und Service-Entwicklung. Neben der eigenverantwortlichen Durchführung von Entwicklungsprojekten habe ich auch Führungsaufgaben innerhalb agil organisierter Teams (Kanban, Scrum) übernommen und den Aufbau und stetige Erweiterung eines kontinuierlichen Entwicklungs- und Deployment-Prozesses (CI/CD) mit Testautomatisierung und Qualitätskontrolle initiiert und erfolgreich etabliert.
Neben der Entwicklung von Portal-Features für Eigenmarken und Whitelabel-Lösungen für Partner des Become Publisher-Netzwerks war ich für die Erweiterung des XML-APIs unter Berücksichtigung von Wiederverwendbarkeit und Konfigurierbarkeit der Module zuständig. Als SEO Analyst waren meine Kernthemen die Optimierung von Webseiten und -portalen im Hinblick auf SEO (Search Engine Optimization), UX (User Experience) und User-Conversion auf Basis von Traffic-Analysen und A/B (Split) Testing.
Seit mehr als 13 Jahren betreue ich meine Kunden beim Aufbau ihrer Online-Präsenz. Seit 2015 beschäftige ich mich verstärkt mit Single-Page-Applikationen und habe für mehrere große, internationale Kunden anspruchsvolle Projekte erfolgreich umgesetzt. Mein Schwerpunkt liegt bei der Frontend-Entwicklung mit JavaScript, insbesondere SPA-Frameworks wie AngularJS, Angular und Vue.JS. Außerdem verfüge ich über die Erfahrung um die dazugehörigen Backend-Komponenten in PHP, Java oder node.js zu implementieren.
Smart-Business-Connect-Konfigurator
Der Smart-Business-Connect-Konfigurator ist ein internes Tool zur Unterstützung der Vertriebsmitarbeiter der Swisscom AG um die Kundenbedürfnisse beim Kunden vor Ort zu erfassen. Das Tool stellt einen Katalog an Fragen und Antwortmöglichkeiten in mehreren Dimensionen dar mit teils komplexen Abhängigkeitsregeln und Zusatzfunktionalitäten. Es wurde als Single-Page-Applikation mit AngularJS 1.4 umgesetzt. Im Frontend wurden u.a. SASS und SVG eingesetzt unter Einhaltung von strengen "Corporate Design"-Richtlinien und Verwendung des hauseigenen Design-Systems. Die Anbindung an die Verfügbarkeits-API der Swisscom, sowie Short-URL- und die PDF-Generierung wurden in Laravel implementiert.
KMU-Kompass
Der KMU-Kompass ist ein Online-Beratungstool für KMU Kunden der Swisscom AG und ist über die Webseite [link] erreichbar. Neben dem Redesign nach neuen Unternehmen-CI wurde das Tool mittels Responsive Webdesign auch für mobile Geräte optimiert und um Tracking-Funktionalitäten (Adobe Tealium) erweitert. Verwendete Technologien waren u.a. AngularJS, jQuery und CSS-Animationen.