eLearning-Module für internationale Marken
Interaktive eLearning-Module und Kampagnenseiten für Projektkunden wie Sony, Lufthansa, Huawei und HUGO BOSS.
- Projektumfeld
- Sony, Lufthansa, Huawei & HUGO BOSS
- Branche
- eLearning & Brand Experience
- Zeitraum
- 2017
- Dauer
- 3 Monate
- Rolle
- Frontend Developer
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.
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.
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
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.
Tech Stack
Pragmatischer Frontend-Stack für schnelle Lieferzyklen und interaktive Multi-Brand-eLearning-Inhalte.
- Vue.js
- JavaScript
- SASS
- jQuery
- HTML5
- Gulp
- Webpack
- Git
