OTTO

gefunden auf otto.de

Im Auftrag der Otto (GmbH & Co KG) durfte ich in einem interdisziplinären Team den Auftritt der Artikeldetailseite / Kundenbewertungsseite und alle dazugehörigen internen Microservices erweitern und verbessern.

• vanilla js
• es6
• jasmine
• karma
• node.js
• mocha
• css
• html5
• sass
• java (spring)
• selenium
• cucumber
• jenkins
• continuous deployment / integration
• scrum
• kanban
• pairing
• kibana
• splunk

Street One

AngularJS mobile Shop

Im Auftrag der CBR eCommerce GmbH durfte ich an dem Aufbau des neuen mobilen Shops mitwirken. Besonders spannend war hierbei, dass alle alten URLs weiterhin unterstützt werden sollten. Zusätzlich sollten keine Nachteile für SEO entstehen.

• angularjs
• javascript
• html5
• css3
• sass
• gulp
• mobile
• ecommerce
• shop

Café Royal - The Quest

Im Auftrag der SOLIDDD GmbH durfte ich ein spannendes Multi-Device-Spiel entwickeln, in dem der User auf virtuelle Kaffekapsel-Jagd geschickt wurde, um einen Bösewicht ausfindig zu machen. Die Herausforderung hierbei war, trotz großer Karte ein flüssiges Spielerlebnis auf allen gängigen Geräten zu schaffen.

• pixijs
• es6
• babel
• rollupjs
• html5
• css3
• sass
• gulp
• mobile
• desktop

billigflieger.de

Metasuchmaschine für Flüge

Im Auftrag der bookandsmile GmbH durfte ich Teil des kompletten Umbaus von billigflieger.de sein. Die Seite hat sich einem kompletten technischen Relaunch unterzogen, wobei Backend und Frontend neu entwickelt wurden.

Meine Aufgabe:

Umsetzung der Gestaltung und Frontend-Funktionalitäten für Desktop und Mobile mit AngularJS.

• html5
• css3
• stylus
• node.js
• express
• angularjs
• karma
• jasmine
• gulp
• ejs
• scrum

Kinderüberraschung

Aufwendige Websiteinszenierung von Kinderüberraschung, die einen in die virtuelle 3D-Welt des Ü-Ei-Planeten einlädt, inklusive Kamerafahrten in die einzelnen Unterseiten.

Meine Aufgabe:

Umsetzung der Gestaltung und Frontend-Funktionalitäten für Desktop, Tablet und Mobile. Optimierung und Generierung der Sprites / Kamerafahrten. Implementierung eines intelligenten Assetloaders für Desktop / Tablet / Mobile.

• html5
• css3
• sass
• compass
• javascript
• jquery
• hasher
• crossroads.js
• grunt

Das Rätsel der Dolomiten

In mehreren Spieletappen können die Besucher die Urlaubswelt der Dolomiten anhand großer Bilder und emotionaler Videos interaktiv entdecken. Über eine angepasste Google Maps Karte wird der Besucher durch die virtuelle Wandertour geführt, muss Fragen beantworten und kann sich zum Ende der letzten Etappe in das Gipfelbuch eintragen und an einem Gewinnspiel teilnehmen.

Meine Aufgabe:

Umsetzung der Gestaltung und Frontend-Funktionalitäten für Desktop. Entwicklung der interaktiven Hauptnavigation mit Canvas + Flash-Polyfill.

• html5
• css3
• javascript
• canvas
• svg
• jquery

Lotto24

Der längste Lottoschein der Welt

Lotto24 bot Facebook-Usern die Möglichkeit, ein Kreuz auf einem virtuellen Lottoschein zu setzen. Das Setzen der Kreuze wurde in Echtzeit umgesetzt, d.h. man konnte live miterleben, wenn ein anderer User auf dem selben Feld ein Kreuz setzte. Unter allen Teilnehmern wurde ein Gewinner ausgelost, der den so entstandenen “Längsten Lottoschein der Welt” in echt einmal spielen durfte.

Meine Aufgabe:

Umsetzung der Gestaltung und Frontend-Funktionalitäten für Desktop und Mobile mit AngularJS.

• html5
• css3
• sass
• compass
• javascript
• angularjs
• firebase
• facebook api
• grunt

ŠKODA - Webspecial

Die Mauer-weg-Wochen

Auf skoda25.de konnten User durch Mauerstücke navigieren und Highlights der Jahre 1989 - 2014 erfahren. Jedes Mauerstück enthielt zusätzliche Infos, die nach einem Klick und einer Kamerafahrt in den “Himmel” ersichtlich waren.

Meine Aufgabe:

Umsetzung der Gestaltung und Frontend-Funktionalitäten für Desktop und Tablet. Entwicklung eines ruckelfreien Parallax-Effektes beim Navigieren durch die Mauerstücke / in den Himmel, welcher auch auf einem iPad flüssig läuft.

• html5
• css3
• sass
• compass
• javascript
• jquery
• grunt

nutella - Schneemannglas

Zum Release des Nutella-Schneemannglas wurde ein Webspecial / Gewinnspiel geschaltet, auf dem User ihren eigenen Schneemann gestalten konnten. Selbst das eigene Gesicht konnte über Festplatte / Kamera / Facebook-Fotos in den Schneemann integriert werden. Der so entstandene Schneemann konnte nach der Fertigstellung auf allen gängigen Social-Media Plattformen geteilt werden.

Meine Aufgabe:

Umsetzung der Gestaltung und Frontend-Funktionalitäten für Desktop Entwicklung eines ruckelfreien Parallax-Effektes beim Navigieren durch die Mauerstücke / in den Himmel, welcher auch auf einem iPad flüssig läuft.

• html5
• css3
• sass
• compass
• javascript
• facebook api
• jquery
• ember.js
• handlebars

361° Respekt - Youtube Gadget

Im Auftrag von Google wurde ein Youtube-Gadget-Gewinnspiel erstellt. In verschiedenen Gewinnspielphasen konnten die Teilnehmer auf erstellte Youtube Videos antworten und somit am Gewinnspiel teilnehmen.

Meine Aufgabe:

Umsetzung der Gestaltung und Frontend-Funktionalitäten für Desktop. Einfache Kompilierung der einzelnen Phasen des Gewinnspiels mit Grunt. Automatische Generierung/Optimierung von Image-Sprites mit Compass (Sass)

• html5
• css3
• sass
• compass
• youtube api
• javascript
• jquery
• ember.js
• handlebars
• grunt

67rockwell

Meine Aufgabe:

Umsetzung der Gestaltung und Frontend-Funktionalitäten für Desktop und Tablet. Erstellung von durchs Backend pflegbare, modulare Teaser, die in verschiedenen Größen / Layouts / Farben einsetzbar sind. Entwicklung eines Sortier- / Anordnungsalgorithmus bei Klick auf Teaser, um die durch den Content verdrängten Teaser umliegend zu verteilen. Entwicklung eines cross-browser Blur-Effekts.

• html5
• css3
• sass
• compass
• javascript
• jquery

Salon91 - Weihnachtsspecial

Vor Weihnachten lud Salon91 zum virtuellen Vorflöten ein. Dazu benötigte man zusätzlich noch ein Smartphone und eine iOS App, um sich mit der Website zu verbinden. Sobald die Verbindung hergestellt war, konnte man durch Pusten in das Mikrofon des Handys die Töne des ausgewählten Weihnachtsliedes ertönen lassen.

Meine Aufgabe:

Entwicklung der iOS App (hybrid) mit Ionic (AngularJS + Apache Cordova).

• html5
• css3
• sass
• javascript
• ionic
• apache cordova
• angularjs
• firebase