Zum Inhalt springen
Patrick Schaub
Zurück zur Übersicht
eLearning & Brand Experience

eLearning Plattform für internationale Marken

Frontend Developer3 Monate2017
Vue.jsJavaScriptSASSjQueryHTML5GulpWebpackGit
ProjektumfeldSony, Lufthansa, Huawei & HUGO BOSS
Jahr2017
RolleFrontend Developer
BrancheeLearning & Brand Experience
01 — Projekt auf einen Blick

Projekt auf einen Blick

ProjektkundeneLearning-Module für Sony, Lufthansa, Huawei und HUGO BOSS
ZeitraumDreimonatiges Projekt mit mehreren Modulen
StackVue.js, SASS, Webpack, Gulp, jQuery
ArchitekturWiederverwendbare Komponentenbasis für unterschiedliche Markenauftritte
02Kontext

Kontext

In einem dreimonatigen Projekt lag mein Fokus auf der Frontend-Entwicklung interaktiver eLearning-Module und Kampagnenseiten für mehrere internationale Marken. Zu den Projektkunden zählten Sony, Lufthansa, Huawei und HUGO BOSS.

03Aufgabe

Aufgabe

Die Module mussten für unterschiedliche Corporate-Design-Richtlinien, Inhaltsstrukturen und Interaktionsmuster umgesetzt werden. Gleichzeitig war die Lieferzeit eng getaktet — jedes Deliverable musste in kurzer Zeit produktionsreif sein.

Die Kernaufgabe war, eine wiederverwendbare Frontend-Basis zu schaffen, die sich effizient an markenspezifische Anforderungen anpassen lässt, ohne bei jedem Modul bei null zu starten.

04Technische Umsetzung

Technische Umsetzung

Die Umsetzung erfolgte mit Vue.js, SASS sowie build-basiertem Tooling mit Gulp und Webpack. Wiederverwendbare UI-Bausteine und eine modulare Stylesheet-Architektur ermöglichten schnelle Anpassungen an verschiedene Markenauftritte.

Architektur-Highlights

  • Vue.js Frontend: Komponentenbasierte UI für interaktive Lernmodule
  • Multi-Brand-Fähigkeit: Flexible Theming-Architektur für mehrere Enterprise-Marken
  • SASS + Gulp + Webpack: Schnelle Build-Pipeline für parallele Modul-Releases
  • Interaktive Features: Animierte Inhalte, Quizzes und medienreiche Lernstrecken
05Mein Beitrag

Mein Beitrag

Als Frontend Developer habe ich die Umsetzung der eLearning-Module, Seitentemplates und Build-Strukturen verantwortet. Jedes Modul erforderte die Verbindung aus markenspezifischem Design und interaktiver Funktionalität.

Wiederverwendbare UI-Bausteine und gemeinsame Build-Strukturen unterstützten mehrere markenspezifische Module im dreimonatigen Projekt.

06Technologien

Technologien

Pragmatischer Frontend-Stack für schnelle Lieferzyklen und interaktive Multi-Brand-eLearning-Inhalte.