avatar

Manuel Rodriguez

Frontend Engineer / Freelancer

scroll

Moin!

Ich bin Manu, 30 Jahre alt und Hamburger.

Als passionierter Frontend Engineer plane und entwickele ich Apps für Mobile und Web (gerne auch hybrid) nach modernen Methoden. Am liebsten arbeite ich direkt mit UX, Design und Backend zusammen, denn ich glaube daran, dass nur bei echter Teamarbeit etwas Großartiges entstehen kann.

Den Blick für gute Gestaltung bekam ich durch mein Studium an der Design Factory International, welches ich mit Auszeichnung abgeschlossen habe.

Wenn ich mal nicht vor dem Rechner sitze, verbringe ich meine Zeit am liebsten mit zu vielen Hobbys.

  • surfen
  • angeln
  • gaming
  • gadgets
  • retro konsolen
  • generative art

Skills

Mein Code ist stets aufgeräumt, strukturiert und gut lesbar. So wichtig sauberer Code ist, bin ich dennoch in der Lage auch einmal schnell einen Prototypen zu bauen, um etwas auszuprobieren.

  • html5
  • ejs
  • svg
  • canvas
  • css3
  • sass
  • compass
  • stylus
  • adaptive / responsive websites
  • oop
  • javascript
  • angularjs
  • emberjs
  • mobile apps (hybrid / web)
  • bower
  • grunt
  • gulp
  • git
  • svn
  • clean code
  • rapid prototyping
  • agiles arbeiten
  • scrum

Arbeiten

billigflieger.de

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

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

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

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 - Die Mauer-weg-Wochen - Webspecial

Š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 - Webspecial

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
ŠKODA - Die Mauer-weg-Wochen - Webspecial

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

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

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
Profilbild

Arbeit- / Auftraggeber

  • d.pole
  • Gruner + Jahr
  • Heimat Hamburg
  • Kolle Rebbe
  • Leagas Delaney
  • Philipp und Keuntje
  • Rapp Collins
  • Salon91
  • TLGG
  • Zum goldenen Hirschen

Marken

  • airberlin
  • Air France
  • Astra
  • Audi
  • Bonbel
  • comdirect
  • E WIE EINFACH
  • expert
  • Hager Group
  • Kinderüberraschung
  • Lamborghini
  • Lotto24
  • Lufthansa
  • Nutella
  • Oceana
  • Otto
  • RITTER SPORT
  • Schwarzkopf
  • ŠKODA
  • Telekom