Skip to Content

rubaff.de ist jetzt leanlabs.de

Diese Site wird nicht mehr gepflegt, ich belasse sie aus nostalgischen Gründen jedoch online. Für aktuelle Projekte und Informationen besucht bitte unsere neue Website leanlabs.de.

Projekte

Eine Übersicht ausgewählter Projekte.

2013

Projektbild

Gestaltung und Umsetzung der Website meiner ehemaligen Klassenkameradin Maria Stabrawa, die als begabte Violinistin inzwischen Ohren und Gemüter verzaubert.

Projektbild

Design und Umsetzung der Website

Projektbild

Überarbeitung der bestehenden Drupal Website mit einem neuen Theme.

Projektbild

Umsetzung des Designs von Sebastian Rohde, FREIMAUER.com.

Projektbild

Maßgeschneiderte Anzüge in bester Qualität und zu einem angemessenen Preis gibt es bei Heldenzeug.de.

Das Design entstand in Zusammenarbeit mit Sheila Seyfert.

Projektbild

Umsetzung und Programmierung der Website der Band 2raumwohnung zur Promotion des neuen Albums, das auf Platz 4 in den deutschen Albumcharts eingestiegen ist.

Projektbild

Umsetzung und Programmierung der Website für NENA.

Projektbild

Umsetzung der Website nach dem Design von Elisabeth Weeke.

Projektbild

Gestaltung und Umsetzung der Website für Gesa Anne Sewtz.

Projektbild

Umsetzung der Website für Elfenhaut nach dem Design von Jelena Samutin.

Projektbild

Umsetzung der Website für Theresa Scholz, Art Direction & Design.

Projektbild

Umsetzung der Website für Time Tunnel Images inkl. Shop-System und Kaufabwicklung nach dem Design und Konzept von Sven Darsow.

Projektbild

Umsetzung der Website für "Deutschland Tattoo" nach dem Design von Sebastian Rohde.

Projektbild

Landing-Page für HAIRCARE Berlin.

Projektbild

Gestaltung und Umsetzung der Website für "Hedwig Projects".

Projektbild

Umsetzung der Website Taunus Domizil

2012

Projektbild

Umsetzung der Landing-Page für "KOMMANDO LECKER"

Projektbild

Erstellung der Website für TROST.

Projektbild

Erstellung der mobile Landing-Page für NENA.de zum Album Release von "Du Bist Gut".
Promoted wurde die Landing-Page durch Plakate und Sticker in ganz Deutschland.

Projektbild

Umsetzung der Website für "Stadt Land Mama"

Projektbild

Erstellung der Website für goldber Eventmanagement.

Projektbild

Um einige Themen besser darstellen zu können, wurden für CONSOLUTIONS die Themenseiten ins Leben gerufen, auf denen Details und Infos z.B. zu Führungsberatung und Personalentwicklung angeboten werden.

Projektbild

Relaunch der "Microsite" für die Zusammenarbeit zwischen CONSOLUTIONS und orgavision, die sich inzwischen zu einer "echten" Site gemausert hat.

Projektbild

Design und Umsetzung der Website für das Radiologiezentrum am Kurfürstendamm 37.

Projektbild

Gestaltung und Umsetzung der Website für "Sourcing Excellence Academy".

Projektbild

Umsetzung des Themes für Feats & Heroes, dem Hersteller von FEAT VPN.

Projektbild

Umsetzung des Designs für die App "FEAT VPN", einer OpenVPN-App für Android. Die gesamten Inhalte der Website befinden sich auf einer Seite, die Anzeige wird mit jQuery/JavaScript angepasst.

Projektbild

Umsetzung der Website für den herausragenden Musiker Henrik Käthe.

Projektbild

Alle zwei Jahre kommen Forschende, WissenschaftlerInnen, politische EntscheidungsträgerInnen und PolitikerInnen aus verschiedenen Teilen der Welt zusammen, um Möglichkeiten für die Förderung und Umsetzung eines elementaren Prinzip der sozialen Gerechtigkeit zu diskutieren: das bedingungslosen Grundeinkommen.

Der 14. Kongress des Basic Income Earth Network findet vom 14. bis zum 16. September 2012 im Wolf-Ferrari-Haus in Ottobrunn bei München statt.

Erstellung der Website für den Kongress, basierend auf dem Webdesign von Jonas & der Wolf.

Projektbild

Umsetzung der Website für RAR Gallery.

Projektbild

Umsetzung der Website für Marianne von Lievens Verkehrspsychologische Praxis.

Projektbild

Umsetzung der Website für REMON Hanoi, nach dem Design von Eye Candy Design

Projektbild

Das Webdesign für SprintOut von www.cassielle.de wurde in Form einer Drupal Website mit passendem Theme umgesetzt.

2011

Projektbild

Umsetzung der Desktop und Mobile-Variante für Valentian Boffa.

Projektbild

Für den gemeinnützigen Verein Hirn, Herz, Hand e.V. entstand eine neue Website. Der Verein initiiert Projekte und engagiert sich für gemeinnützige Themen.

Projektbild

Anlässlich des neuen Albums und der passenden Welt-Tournee wurde die offizielle Iced Earth Website mit einem neuen Design ausgestattet. Die Drupal-Basis blieb bestehen, das Theme komplett überarbeitet und neu gestaltet.

Projektbild

Redesign und Umsetzung der neuen Website der h&z Unternehmensberatung GmbH.
Neben dem Desktop-Theme wurde ein Theme für die Anzeige auf mobilen Geräten entwickelt.

Projektbild

Erstellung der offiziellen Website der Band Dúné.

Projektbild

Erstellung des Drupal-Themes für die Website von FLORIS Catering.

Projektbild

Erstellung bzw. Anpassung des Themes für die FanMiles.com Aktion: Summer of Champions 2011.

Projektbild

Das Team von Baby Belly Party hat einen neuen Shop gestartet: My Bridal Shower.

Meine Arbeit bestand aus der Theme-Erstellung und Konfiguration für den Webshop.

Projektbild

Erstellung eines jQuery Mobile Themes für den EA-Stand auf der Gamescom 2011.

Projektbild

Website des Projekts "Was Geht" des Instituts für Theaterpädagogik der UdK Berlin.

Projektbild

Umsetzung der Website für Fecher & Stärk zur Präsentation der aktuellen Kollektion.

Projektbild

Umsetzung der Website für das Unternehmen Earthshift Energy aus Arizona.

Projektbild

Erstellung einer Landing-Page zur Promotion eines Free-Tracks der Band DÚNÉ.

Projektbild

Design, Umsetzung und Betreuung des UdK-Projekts "Innovationsdramaturgie nach dem Heldenprinzip".

Projektbild

Design und Umsetzung der Website des Autors Hans Dieter Schreeb.

2010

Projektbild
Entwicklung des Banners zur Bewerbung der "grünen" Stromversorgung bei Estugo.net eco hosting Banner
Projektbild

Erstellung von Website und Shop-System für Paul & Melly mit Hilfe von Drupal und dem Modul "ubercart".

Projektbild

Für die ATC Services GmbH wurde im Auftrag von 2012design eine Drupal-Site erstellt. Neben einem Flash-animierten Header, wurden einige jQuery-Techniken zur Verbesserung der Usability und Übersichtlichkeit eingesetzt.

Projektbild

Umsetzung des Design von 2012design auf Basis von Drupal.
Inhalte, Dokumente und News-Einträge lassen sich so komfortabel administrieren.

Projektbild

Entwicklung des Logos für Webhostinger, das Portal für Webhosting und Webspace-Fragen.

Projektbild

Gestaltung und Umsetzung der offiziellen Website der Oberstufenzentren Berlins.

Auf Oberstufenzentrum.de sind sämtliche Ooberstufenzentren Berlins mit Adressen, Bildungsgängen und weiteren Infos vertreten, eine ideale Anlaufstelle also für Suchende und Interessierte.

Die Schulen können ihre Daten selbst ändern und verwalten, so dass die Website stets mit aktuellen Informationen versorgt ist und der Verwaltungsaufwand für die Betreiber der Website minimiert wird.

Projektbild

Umsetzung des Web-Portfolios meiner Kollegin von 2012design Elisabeth Weeke.

Projektbild

Das Design von 2012design wurde in ein Drupal-Theme umgesetzt.

Neben der grafischen Navigation auf der Startseite wurde die Seite mit einer Sprachumschaltung für Deutsch, Englisch und Russisch ausgestattet und die aktuellen Angebote der Firma über ImmobilienScout24 in die Website integriert.

Projektbild

Design und Umsetzung von xt:Commerce Shop und zusätzlichem Drupal-Blog für Baby Belly Party.
Eins meiner Lieblings-Projekte - Ich drücke dem Team von Baby Belly Party ganz fest die Daumen, dass der Shop super anläuft!

Projektbild

Für Train & Talk sollte eine Website entstehen. Die Site wurde mit Hilfe des CMS Drupal erstellt, um Textänderungen problemlos selbst durchführen zu können.

Projektbild

Ein 3D-Film über das Filmemachen an einer Filmhochschule mit einem alternden Actionheld in der Hauptrolle, der sich selbst und sein Image aus früheren Tagen nicht mehr erträgt.
Meine Arbeit bestand aus der Erstellung des Wordpress-Themes für die Website zur Promotion des ersten 3D Films der Hochschule für Film und Fernsehen (HFF) "Konrad Wolf" in Potsdam-Babelsberg.

Projektbild

Basierend auf dem Redesign von HOOGEMATIN wurde die Website von SynergyPartner mit einem neuen Drupal-Theme ausgestattet.
Die Texte der Navigation werden mit Hilfe von cufón in der Corporate Schrift des Unternehmens gerendert, um ein einheitliches Corporate Design in Print und Web zu ermöglichen.

2009

Projektbild

Seit 2009 betreue ich die Website der Band "Iced Earth", eine der erfolgreichsten Heavy Metal-Bands der USA.

Projektbild

Erstellung bzw. Redesign der bestehenden Website für die Gambio-Promotion meines Hosters Estugo.net.
Das Design sollte an die aktuelle Hauptseite angepasst werden, die Inhalte weitestgehend beibehalten, die Hauptaussagen jedoch hervorgehoben werden.
 

Projektbild

Für den Umstieg von Joomla auf Drupal musste die Website der Ernst-Litfaß-Schule strukturell überarbeitet werden.
Neben einer geänderten Navigations-Führung, wurde die Website mit Unobtrusive Javascript für die Leitbilder und das Menü ausgestattet, so dass eine gute Barrierearmut erreicht wurde.
Zusätzlich entstand ein interner Bereich für die Mitarbeiter und Lehrer der Schule, um Dokumente und Informationen zentral und einfach austauschen zu können. Als weitere zusätzliche Features entstand eine selbst verwaltbare Bildergalerie und die Möglichkeit, Neuigkeiten auf der Website in Form eines RSS-Feeds zu lesen.

Projektbild

Gestaltung und Erstellung einer Twitterwall (kompakte Anzeige der letzten Twitter-Tweets) für die Rabatt- und Gutschein-Informationsseite von esicher.de.

Projektbild

Komplettes Redesign und Neustrukturierung der alten Website.
Aufgefrischt wurde die Website mit einigen jQuery-Effekten, wie einer Slideshow der letzten Projekte.

Projektbild

Umsetzung der Visionary-Microsite.

Projektbild

Erstellung der Website des Magazins für Sprachkultur txt.hype auf Basis des CMS Drupal.

Projektbild

Erstellung und Umsetzung einer Valentinstags-Grußkarte für den Webhoster Estugo.net (der auch diese Seite hostet). Die Karte wurde als HTML-Newsletter verschickt.

Projektbild

Umstellung der Website von statisch auf Drupal. Einfügen eines News-Systems, inkl. Schulung der Mitarbeiter zur Bedienung des neuen Systems.

Projektbild

Relaunch des Shops von The English Scent auf Basis der Shop-Software xt:Commerce 3.0.4. Die Daten des alten Shops (xt:Commerce 3.0.3) wurden auf das neue System portiert, das Design wurde komplett überarbeitet.
Zusätzlich wurden einige jQuery Effekte wie das JQuery Cycle Plugin und eine Lightbox für Artikelbilder installiert.
Die Usability des Shops - insbesondere des Bestellvorgangs - wurde überarbeitet und durch gestalterische Mittel verbessert.

Projektbild

Erstellung der Consolutions Microsite zur Vermarktung des Produkts "Orgavision" mit Drupal.

Projektbild

Relaunch der Website von H&Z auf Basis von Drupal. Bei der Erstellung wurde insbesondere darauf geachtet, eine leichte und übersichtliche Verwaltung des Inhalts in 3 Sprachen zu ermöglichen. Das Design wurde überarbeitet, um einen größeren Content-Bereich zu schaffen.
Zusätzlich wurden einige jQuery Effekte wie Überblendungen mit dem JQuery Cycle Plugin integriert.

Projektbild

Um die Wartbarkeit zu verbessern und das Einfügen neuer Informationen zu erleichtern, sollte die statische Website auf Drupal umgestellt werden. Eine Übersichtliche Darstellung und Kategorisierung der Projekte und der Personen des Netzwerks standen im Vordergrund des Relaunches.

Projektbild

Erstellung der statischen Website für die Deutsche ETP GmbH & Co. KG. Um die Seite dynamischer wirken zu lassen, wurden diverse jQuery-Effekte eingearbeitet, u.a. ClueTip, Lightbox, jCarousel.

Projektbild

Erstellung der Website nach Vorlage des Design von Görex.
Bei der Website handelt es sich um eine mehrsprachige Drupal-Website, die von den Mitarbeitern autark gepflegt werden kann. Um den Einstieg zu erleichtern, gab es eine Seiten-spezifische Anleitung für das CMS dazu.

Projektbild

Programmierung der statischen Website; ein Projekt über 2012design.
Die Website zeichnet sich durch eine Vielzahl von Interaktionsmöglichkeiten, die mit Hilfe von jQuery und diverser jQuery-Plugins realisiert wurden, aus.

Projektbild

Einrichtung und Umsetzung des Drupal-Systems für Synergy Partner inkl. Erstellung einer Anleitung.
Das Design stammt von 2012design.

Projektbild

Erstellung des Logos und eines Teaser-Banners für das Shop-Betreiber-Portal Shophexe.

Projektbild

Erstellung der Website von L&O per XHTML, Integration eines Presse- und Newsbereichs via Wordpress.

Projektbild

Programmierung des Kontaktformulars für eno.energy

2008

Projektbild

Erstellung der statischen Website inkl. einiger jQuery-Animationen.

Projektbild

Erstellung einer statischen Website.

Projektbild

Technische Umsetzung des bestehenden Designs des Internetauftritts der Schauspielerin und Synchron-Sprecherin Sarah Riedel.

Projektbild

Portierung der Website von Gallissas auf das Content Management System Drupal.
Da die Ansprüche an die Seite mehr wurden sowie die Menge der Inhalte unaufhaltsam wuchs, war es an der Zeit, die Site nach Drupal umzustellen.
Das Theme wurde entsprechend der alten Seite gestaltet, Drupal entsprechend eingerichtet.

Projektbild

Erstellung der Website für das Ferienhaus Wildrose in bzw. auf der Halbinsel Zingst.
Grundlage des Layouts war das bereits in Form von Visitenkarten bestehende Corporate Design.
Aufgepeppt wurde die Seite durch einige JQuery-Elemente wie eine Bildergalerie mit JCarousel und einer kleinen Pop-Up Animation mit Hilfe des JQuery Plugins Lightbox.

Projektbild

Das ist der Titel meiner Abschluss-Arbeit des Medieninformatik-Bachelor-Studiums.
Ein Teil der Arbeit besteht aus der Analyse der aktuellen Methoden und Literatur zur Bewertung von Usability wie dem Web Usability Index, der ISO-9241, dem Web-Style Guide oder John Maedas Laws of Simplicity. Beachtung finden in diesem Teil auch die technischen Vorraussetzungen der Accessibility, die teilweise eine große Verwandtschaft zu Usability-Kriterien ausweisen.
Basierend auf den Erkenntnissen des ersten Teils der Arbeit, wird im Hauptteil ein Usability Index für End-User entwickelt, der das Usability-Testing - insbesondere für private Shop-Betreiber - auch ohne Einsatz von Usability-Experten ermöglichen und so einen besser benutzbaren Webauftritt ermöglichen soll.
Der End User Usability Index EUI steht online als Programm zum Testen zur Verfügung. Die Umsetzung diente nur dem Proof-of-concept, der Status ist also als Pre-Alpha zu bezeichnen.

Projektbild

Erstellung des Drupal-Themes für das Projekt: "Netzwerk zur Klimaadaption in der Region Starkenburg" oder kurz KLARA-Net, basierend auf einem vorliegenden Konzept und Design.
Besonders Feature an der Seite: die Seite ist unterteilt in verschiedene Themenbereiche, die sich durch andere Farbkodierungen unterscheiden.
Zusätzlich gibt es einen geschützten Mitgliederbereich, sowie die Möglichkeit, Newsletter zu abonnieren und zu versenden (realisiert mit dem Modul Simplenews).

Projektbild

Für "The Big Picture" sollte eine statische HTML-Seite erstellt werden.

Projektbild

Erstellung der Website für consolutions.de. Ursprünglich sollte die Seite mit dem CMS Plone erstellt werden, welches in Punkto Usability und Performance Schwächen zeigte, gottlob konnten die Vorzüge von Drupal überzeugen und so durfte ich die Seite mit Drupal umsetzen. Die Bilder und Zitate auf der Startseite stellen einen eigenen Content-Typ dar und werden per Image API GD2 bearbeitet.

Projektbild

HTML und CSS für die Website des Promotion Services. Da das Backend der Site in Form eines CMS vorliegt, musste das XHTML besonders modular sein, um eine fehlerfrei Zusammensetzung der Bausteine zu ermöglichen.

Ein Projekt im Rahmen meines Praktikums bei 2012 Design.
 

Projektbild

Umsetzung des bestehenden Designs der Website "Zoodle Bug" in XHTML.
Die Website entstand im Rahmen meines Praktikums bei 2012 Design.

Projektbild

Theme-Erstellung auf Grundlage des CMS Drupal für den Relaunch der Website des Sinfonie-Orchesters Schöneberg.
Das Theme entstand im Rahmen meines Praktikums bei 2012 Design.

Projektbild

Technische Umsetzung in XHTML des bestehenden Designs der Website "The Post Republic".

Projektbild

Gestaltung und Umsetzung des Internetauftritts des Waldorfkindergartens Freilassing.

2007

Projektbild

Edutainment-Projekt im Rahmen des Studiums in dem Fach Multimedia-Engineering im Wintersemester 06/07

Projektbild

Semester-Arbeit für das Fach Medienprojekt. Broschüre unter dem Thema " Heimat". Zu Sehen ist das Deckblatt, die gesamte Broschüre verschicke ich auf Anfrage per Mail.
Ausgezeichnet mit dem 1. Platz auf der Schauzeit 2007 der TFH-Berlin in der Kategorie "Medien".

Projektbild

Car Configurator für mobile Geräte wie Handies unter Beibehaltung des MINI Corporate Designs im Fach "Human Computer Interaction" im SS07.
 

Projektbild

Erstellung der HTML und CSS Dateien für fndseekr auf Grundlage des gelieferten Designs.
 

Projektbild

Die dritte Ausgabe meiner Website rubaff.de.

2006

Projektbild

Design und Umsetzung der Website des Regisseurs Frank Alva Buecheler.
 

Projektbild

Entwicklung bzw. Design des Corporate Designs (Logo, Farben, Bildsprache) eines imaginären Sportartikelherstellers im Rahmen des Studiums.

Abschluss-Arbeit für das 2. Semester im Fach Mediendesign.
 

2005

Projektbild

Sammlung meiner Arbeiten für das Fach Mediendesign im Wintersemester 05/06 meines Medieninformatik-Studiums.

Projektbild

Entwicklung des Logos und des Corporate Designs (Briefpapier, Compliments Card, Schilder etc.) für "Gallissas Theaterverlag und Mediaagentur GmbH".
Design und Programmierung der Webpräsenz.

Projektbild

Die DVD ist eine Sammlung der Nike Fußball Werbeclips; neben den Clips und einer Dia-Slideshow wird der User durch ein Quiz interaktiv in den Inhalt einbezogen.
 

Projektbild

Inoffizielle Website zum Film "Laws of Attraction" mit Pierce Brosnan und Julianne Moore inkl. Infos über den Film, sowie Bildmaterial und Trailer. Die Website entstand im Rahmen meines Praktikums bei Publics-PR, da für die Promo des Films kurzfristig eine temporäre Website entstehen musste.
 

Powered by Drupal, einem Open-Source Content-Management-System. Login Impressum