Zum Seitenanfang

Usability Projekte:

  • Interaktionsdesign Konzept Entwicklung für den Pflege Roboter Casero.
  • Tagebuch Methode
  • User Centred Design nach dem
    Common Industry Format



Herzlich Willkommen auf meinem Portfolio!

Schau Dich gerne um und gewinne einen Einblick, welche Arbeiten ich bereits erstellt habe. Als Freelancer für Agenturen und Unternehmer arbeite ich mit dem Schwerpunkt auf Webentwicklung, Screendesign & Usability.


Anhand der vorgestellten Projekte erkennst Du, dass ich mit zeitgemäßen Websprachen Webprojekte in W3C-Konformes XHTML und CSS umsetze. Dabei setze ich vor allem JavaScript mit dem jQuery-Framework ein und programmiere PHP objektorientiert in Kombination mit MySQL. Die Screendesigns konzeptioniere und setzte ich um anhand Usability und User Experience. Dabei orientiere ich mich an den Kundenwünschen und –vorgaben, sodass ich einen zielgerichteten optischen und funktionellen Webauftritt erreiche.

Hochschul Projekte

The Pylon The Pylon ist ein futuristisches 21-stöckiges Hotel das sich auf Wasser fortbewegen kann.
Das Projekt entstand innerhalb der Veranstaltung Visualisierungsprojekt in Cinema 4D. Mehr vom Projekt: Poster anschauen | Animation ansehen (neues Browser-Fenster) Eingesetzte Technologien: Cinema 4D | Adobe® Photoshop | After Effects
Seal Karamoja Seal Karamoja ist ein Projekt des Wirtschaftsinformatik Studiengang der Hochschule der Medien
für die Non-Profit Organisation SwissContact Germany. Ich bin für das Screendesign und Teile der Umsetzung zuständig.
Im Moment findet die Umsetzung in WordPress statt. Mehr vom Projekt: Screendesign anschauen Eingesetzte Technologien: HTML | CSS | PHP | MySQL | JavaScript | Adobe® Photoshop | Adobe® Illustrator
Insight Exhibition - Messbau Insight Exhibition ist ein Projekt aus der Vorlesung Advanced Web Programming. Der Schwerpunkt war JavaScript zu programmieren und in eine Webseite barrierefrei zu implementieren. Mehr vom Projekt: Auf Anfrage Eingesetzte Technologien: HTML | CSS | JavaScript | Adobe® Photoshop | Adobe® Illustrator
CDs - Musikarchiv CDs ist eine dynamische Website die Musikinformationen nach gewünschten Inhalten anzeigt. Über ein Backend können diverse Informationen und Bilder eingetragen und direkt im Frontend angezeigt werden. Mehr vom Projekt: Auf Anfrage Eingesetzte Technologien: HTML | CSS | PHP | MySQL | Adobe® Photoshop | Adobe® Illustrator
Lucas De Groot Lucas De Groot ist eine Flash-Seite bei der die Biographie des Typographen Lucas De Groot vorgestellt wird.
Die Erstellung kleiner Apps bzw. Flashgames waren Teilaufgaben des Projekts um ebenso in ActionScript 3 zu programmieren. Mehr vom Projekt: direkt zum Projekt Eingesetzte Technologien: Adobe® Photoshop | Adobe® Flash
Datenvisualisierung Bei der Datenvisualisierung ging es darum aus einer Menge unterschiedlicher Daten in unterschiedlichen Darstellungsformen eine Übersichtliche Darstellungsart aus zu arbeiten. Aus den von der Firma Bosch GmbH zur Verfügung gestellten Daten habe ich eine Darstellungsform der Synchronopsis gewählt und auf eine Kontrastreiche Darstellung der einzelnen Daten Wert gelegt.
Mehr vom Projekt: Datenvisualisierung anschauen Eingesetzte Technologien: Adobe® Photoshop
Infografik: Vulkan Merapi Bei der Infografik ging es darum in 3 Informationsebenen Auswirkungen des Vulkans Merapi darzustellen.
Innerhalb der Grafik sind Informationen zu Ausbruchsort, Reichweite und Auswirkungen dargestellt. Mehr vom Projekt: Infografik anschauen Eingesetzte Technologien: Adobe® Photoshop | Adobe® Illustrator
Stadtgestalter Bei dem Projekt der Stadtgestalter wurde in Gruppenarbeit ein Kommunkationskonzept einer imaginären Non-Profit Organisation ausgearbeitet. Entwicklung von Logo und Schriftzug, Farben, Plakatserie, Bildsprache
und Blickführungen waren Aufgaben des Projekts. Mehr vom Projekt: Logo anschauen | Plakatserie (coming soon) Eingesetzte Technologien: Konzeptentwicklung | Adobe® Photoshop | Adobe® Illustrator
Fotobearbeitung - Ich als Na'vi (Avatar) Nach intensiven Fotoworkshops und Shootings, sollte aus einem Selbstportrait eine Bildbearbeitung nach eigenen Wünschen angefertigt werden. Mehr vom Projekt: Foto und Bildbearbeitung anschauen Eingesetzte Technologien: Nikon D70 | Adobe® Photoshop
Icon Erstellung für CASERO In der Vorlesung Interface Design haben wir in einem Team aus fünf Studenten ein Iconset für einen Pflegeroboter erstellt. Von der Ideensammlung, Konzeption, StyleGuide Erstellung bis hin zur finalen Umsetzung war alles dabei um ein derart aufwendiges Projekt in unter 8 Wochen erfolgreich abzuschließen. Insgesamt haben wir 18 unterschiedliche Icons erstellt. Eingesetzte Technologien: Adobe® Illustrator | Adobe® Photoshop

Freelancer Projekte

Jamvision Jamvision ist eine Künstler- und Eventagentur.
Mit Fokus auf den Künstlern, Events und interessanter Interaktion durch
dezentem Einsatz von JavaScript wurde die Website umgesetzt.
Mehr vom Projekt: direkt zum Projekt Eingesetzte Technologien: HTML | CSS | JavaScript | CodeIgniter | Adobe® Photoshop
Poro-Immobilien Das Immobilien Unternehmen Poro-Immobilien erhält ein komplett überareitetes Corporate Design.
Dazu gehöhrt Logo Erstellung, Exposé, Briefpapier, Visitenkarten, Screendesign und der Umsetzung der Website mit dem
Content Management System Contao
Mehr vom Projekt: Screendesign anschauen Eingesetzte Technologien: HTML | CSS | JAVASCRIPT | Contao CMS | Adobe® Photoshop | Adobe® Illustrator
Robeat - Human Beatboxing Meine Herausforderung bei dem Projekt war es ein Redesign zu erstellen welches zwei unterschiedliche Zielgruppen anspricht. Zum einen sollen Robeat's Fans angesprochen werden, wie auch Kunden die Robeat buchen. Anschließend wurde das Screendesign in dem Content Management System Contao umgesetzt. Mehr vom Projekt: direkt zum Projekt Eingesetzte Technologien: HTML | CSS | PHP | MySQL | Contao CMS | Adobe® Photoshop
Gehlings Bausysteme e.K. Meine Aufgabe bei Gehlings Bausysteme GmbH war es ein Konzept und Screendesign zu erstellen. Anschließend habe ich das Screendesign umgesetzt. Der Kunde verfügt über ein Backend in welchem Nachrichten gelesen werden können und eine Besucher Statistik. Mehr vom Projekt: direkt zum Projekt Eingesetzte Technologien: HTML | CSS | PHP | MySQL | Adobe® Photoshop | Adobe® Flash
Conterra Grundstücksentwicklung mbH Meine Aufgabe bei Conterra GmbH war es das Screendesign nach Farbvorgaben zu erstellen und dieses Umzusetzen. Die Website verfügt über einen Administrator Login um empfangene Nachrichten aus dem Kontaktformular online lesen zu können und eine Besucher Statistik. Eingesetzte Technologien: HTML | CSS | PHP | MySQL | Adobe® Photoshop
Style and Fashion Nach intensivem Briefing mit dem Kunden wurde ein Konzept und darauf basierend ein Screendesign entwickelt für einen Mode-Onlineshop. Die Umsetzung inklusive Onlineshop Entwicklung und Werbemaßnahmen wurden detailliert geplant.
Mehr vom Projekt: Screendesign anschauen Eingesetzte Technologien: Adobe® Photoshop
Fotostudio Foto Serkan Serhan Meine Aufgabe bei diesem Projekt war es das Screendesign nach dem Corporate Design des Fotostudios zu erstellen und dieses Umzusetzen. Die Seite verfügt über einen Administrator Login um empfangene Nachrichten aus dem Kontaktformular online lesen zu können.
Mehr vom Projekt: direkt zum Projekt Eingesetzte Technologien: HTML | CSS | PHP | MySQL | Adobe® Photoshop | Adobe® Flash

Arbeitsproben

Togelang.de - Erste Version Meine erste Webseite mit der ich Online gegangen bin.
Mehr vom Projekt: direkt zum Projekt Eingesetzte Technologien: HTML | CSS | PHP | MySQL | Adobe® Photoshop
Yalise - Aktienbewertungsportal Das Aktienbewertungsportal Yalise soll Seriösität und Professionalität vermitteln. Das Logo, die Farbabstimmungen und das Screendesign als auch die Umsetzung fallen in mein Aufgabengebiet. Über jQuery wird die Seite durch Interaktionsmöglichkeiten belebt.
Mehr vom Projekt: direkt zum Projekt Eingesetzte Technologien: HTML | CSS | jQuery | Adobe® Photoshop | Adobe® Illustrator
Pixelgraph Erstellung einer alternativen Website für Togelang.de beginnend vom Konzept über Screendesign und Umsetzung. Mehr vom Projekt: direkt zum Projekt Eingesetzte Technologien: HTML | CSS | PHP | MySQL | Adobe® Photoshop