eLearning Modules for International Brands
Interactive eLearning modules and campaign pages for project clients such as Sony, Lufthansa, Huawei and HUGO BOSS.
- Client
- Sony, Lufthansa, Huawei & HUGO BOSS
- Industry
- eLearning & Brand Experience
- Period
- 2017
- Duration
- 3 months
- Role
- Frontend Developer
Context
During a 3-month project, I developed interactive eLearning modules and campaign pages for several international brands. Project clients included Sony, Lufthansa, Huawei, and HUGO BOSS.
Challenge
The modules had to accommodate different corporate design guidelines, content structures, and interaction patterns. Delivery schedules were tight, and each deliverable needed to be production-ready within a short timeframe.
The main task was to create a reusable frontend foundation that could be adapted efficiently to brand-specific requirements without starting each module from scratch.
Implementation
The modules were implemented with Vue.js and SASS, supported by build tooling based on Gulp and Webpack. Reusable UI components and a modular stylesheet architecture made it possible to adapt the experience quickly for different brands.
Architecture Highlights
- Vue.js frontend: Component-based UI for interactive learning modules
- Multi-brand support: Flexible theming architecture for several international brands
- SASS + Gulp + Webpack: Fast build pipeline for parallel module releases
- Interactive features: Animated content, quizzes, and media-rich learning journeys
My contribution
As a Frontend Developer, I was responsible for implementing the eLearning modules, page templates, and build structures. Each module required combining a brand-specific design with interactive functionality.
Reusable UI components and shared build structures supported several brand-specific modules during the 3-month project.
Tech stack
A pragmatic frontend stack for short delivery cycles and interactive, multi-brand eLearning content.
- Vue.js
- JavaScript
- SASS
- jQuery
- HTML5
- Gulp
- Webpack
- Git
