Beiersdorf Segmentation | Flashapplikation
  • Nivea Typenbeschreibung Men/Women

    Aufgabe bestand darin vorhandene Printlayouts für den Screen so aufzubereiten, dass sie interaktiv und leicht verständlich in einer Flashanwendung zu sehen sind.
    Design entstanden bei robinizer Hamburg

    1 | 3
  • Nivea Typenbeschreibung Men/Women

    Es wurde Flash in Verbindung mit Papervision eingesetzt. Xml-Daten wurden hinzugenommen, um in Echtzeit Graphen etc. darzustellen.

    2 | 3
  • Nivea Typenbeschreibung Men/Women

    Einblick in einen bestimmten Frauentyp.

    3 | 3
Pfeil nach obenOBEN
Beiersdorf Knowledge Management Portal
  • Beiersdorf KM Portal

    Beiersdorf setzt auf höchste Ziele bezüglich interner weltweiter Kommunikation. Um diesen Ansprüchen gerecht zu werden, wurde ein Konzept von BDF uns vorgelegt. Unsere Aufgabe: Alle Kommunikationsstränge auf einem Portal zusammenführen und alle separaten Informationen gleichzeitig zeigen.

    Design entstanden bei robinizer Hamburg

    1 | 9
  • Room: Mbase international

    Startseite


    2 | 9
  • Room: Mbase international

    Unterseite

    3 | 9
  • Room: Ideas Lounge

    Startseite

    4 | 9
  • Room: Ideas Lounge

    Unterseite

    5 | 9
  • Room: POS

    Beispiel einer Unterseite

    6 | 9
  • Room: My Projects

    Beispiel einer Unterseite

    7 | 9
  • Arbeitshilfen für das Projekt KM Portal

    Flowchart mit Template-Übersicht

    8 | 9
  • Styleguide für das KM Portal

    Manual

    Um eine reibungslose Umsetzung zu gewährleisten, wurde während des Designsprozesses in regelmäßigen Abständen Neuerungen in Form eines Manuals herausgegeben. So konnten die Programmierer immer auf dem neuesten Stand bleiben und unsere Designs ohne große Kommunikationsaufwände direkt umsetzen.

    9 | 9
Pfeil nach obenOBEN
UniCredit Group Europe | OneGate Intranet Portal
  • OneGate | Europaweites intranetportal

    Ziel war es, ein einheitliches Intranet neben den vorhandenen Intranets der unterschiedlichen Banken, alle zugehörig zur UniCredit Group, aufzubauen.

    Design entstanden bei robinizer Hamburg

    1 | 8
  • OneGate | Europaweites intranetportal

    Verschiedenste Abteilungen haben eine Art Filtersystem auf der Startseite, auf der sie ihre Infos priorisieren können. Weiteres Tool ist der sogenannte "Goupcommunicator". Er ist die zukünftige Schnittstelle aller Mitarbeiter der verschieden Banken weltweit.

    2 | 8
  • OneGate | Europaweites intranetportal

    Vom einfachen Texttemplate bis zu Eingabemasken als Template wurde musste alles neu kreirt werden.

    3 | 8
  • OneGate | Europaweites intranetportal

    Weitere Templates wie Events, Dokumente zum Downloaden etc wurden designt und dementsprechend umgesetzt.

    4 | 8
  • OneGate | Europaweites intranetportal

    Um für Transparenz zu sorgen und ein flächendeckendes "Who is Who" aller Bankengruppen unter UniCredit, wurden kleine interaktive Applikationen erstellt.

    5 | 8
  • OneGate | Styleguide

    Ein allumfassendes Beiwerk von mehr als 280 Seiten zu OneGate/UniCredit Intranet wurde parallel für die Programmierer-Crew geschaffen. Es folgen drei Auszüge.

    6 | 8
  • OneGate | Styleguide

    HVB-Intranet: Vermaßungen

    7 | 8
  • OneGate | Styleguide

    HVB-Intranet: Vermaßungen

    8 | 8
Pfeil nach obenOBEN
UniCredit Group Europe | UniCredit Group Intranet Relaunch
  • UniCredit Intranetportal| Europaweites Intranetportal

    UniCredit Italien wünschte eine Überarbeitung aller vorhandenen Intranetportals der verschiedenen Bankengruppen in Europa. Aufgrund des Neuaufbaus von UniCredit OneGate wurde versucht das neue Design auf die restlichen Intranets zu adaptieren.

    Design entstanden bei robinizer Hamburg

    1 | 11
  • UniCredit Italien

    Startseite mit integrierten Kommunikationstool, dass in alle separaten Intranetplattformen der UniCredit Group integriert wurde.

    2 | 11
  • UniCredit Italien

    Unterseite - Beispiel für ein Template

    3 | 11
  • UniCredit Italien

    Unterseite - Beispiel für ein weiteres Template

    4 | 11
  • HypoVereinsbank

    Startseite des Intranets der HypoVereinsbank Deutschland.

    5 | 11
  • BaCa Österreich

    Startseite des Intranets der Bank Austria.

    6 | 11
  • Banco di Roma Italien

    Startseite des Intranets der Banko di Roma.

    7 | 11
  • Banco di Sicilia Italien

    Startseite des Intranets der Banko di Sicilia.

    8 | 11
  • Bank Pekao Polen

    Startseite des Intranets der Bank Pekao.

    9 | 11
  • Capitalia Italien

    Screen 09

    10 | 11
  • Fineco Italien

    Screen 10

    11 | 11
Pfeil nach obenOBEN
Intranetsektor
Snap Rent | Konzeption & Design
  • Snap Rent - Startseite

    Der Kunde wünschte einen Rent-Shop Portal als Pendant zu seinem schon vorhandenen Shop. Das Ci wurde dabei übernommen.

    Design entstanden bei robinizer Hamburg

    1 | 2
  • Snap Rent - Subseite

    Eine Unterseite mit der Darstellung einzelner Equipments für Foto Produktionen.

    2 | 2
WWW.SNAP-RENT.DE
Pfeil nach obenOBEN
Hardenberg Online-Shop | Neukonzeptionierung
  • Hardenberg-Wilthen Onlineshop

    Das Design war schon vorhanden, nun war die Frage, welche Abläufe müssen beachtet werden. Wie können die Produkte wirklich in den Warenkorb, welche Zahlungsart steht dem Kunden optional zur Verfügung. Wie übersichtlich ist mein Warenkorb während des Einkaufes.

    Design entstanden bei robinizer Hamburg 2008/09.

    1 | 3
  • Hardenberg-Wilthen Onlineshop

    Das Design war schon vorhanden, nun war die Frage, welche Abläufe müssen beachtet werden. Wie können die Produkte wirklich in den Warenkorb, welche Zahlungsart steht dem Kunden optional zur Verfügung. Wie übersichtlich ist mein Warenkorb während des Einkaufes.

    2 | 3
  • Hardenberg-Wilthen Onlineshop

    Über einen Frame hat der Kunde alle Posten aufgelistet. Somit hat zu jederzeit den Überblick über selbigen.

    3 | 3
WWW.HARDENBERG-WILTHEN.DE
Pfeil nach obenOBEN
Joppen & Riegel Kieferorthopädie | Konzeption & Design
  • Webauftritt für Zahnarzpraxis

    Sepziell für diese Seite hatte die Kiefernorthopädie-Praxis eine Fotografin an der Hand, die ihre "Kernkunden" wunderbar in ein symphatisches Licht rückte.

    Design entstanden bei robinizer Hamburg 2008.

    1 | 3
  • Webauftritt für Zahnarzpraxis | Subseite

    Unterteilt ist die Seite in junge und erwachsene Kunden. Hier ist die Startseite für Kinder und Jugendliche zu sehen.

    2 | 3
  • Webauftritt für Zahnarzpraxis | Subseite

    Um auch den praktizierenden Arzt zu transparent zu halten, gab es für ihn und sie eine spezielle Seite. Der Kommunikationsfaktor ist immens.

    3 | 3
WWW.DR-JOPPEN.DE
Pfeil nach obenOBEN
Truscon GmbH | Neukonzeptionierung
  • Truson Financial Guide

    Aus einer einfachen Website wurde ein komplett neues Format geschaffen. Aktuelle Information für den Kunden von Truscon und für alle anderen eben auch. In Form von Film, Ton und journalistischem Können.

    Startseite des Finanzmagazins

    Design entstanden bei robinizer Hamburg 2009.

    1 | 6
  • Truson Financial Guide

    Vor dem eigentlichen Designprozess wurde anfangs nur abstrakt an die Problematik herangegangen. Ideen der Kunden wurden fokusiert und die neue Sprache der Seite vorerst kurz skizziert. Entstanden ist ein unabhängiges Finanzmagazin.

    Konzeptionierung & Wireframes

    2 | 6
  • Truson Financial Guide

    Suchfunktion auf Truscon

    3 | 6
  • Truson Financial Guide

    Einfaches Texttemplate

    3 | 6
  • Truson Financial Guide

    Artikel werden über die "Lightbox" dem User zugänglich gemacht. Das gleiche gilt für Ton- und Filmaufnahmen.

    5 | 6
  • Truson Financial Guide

    Manual

    Hausintern seitens Truscon wurde dieses Projekt gecodet. Hierfür wurde für den Programmierer ein Manual aufgebaut, dass auf einfache und logische Art den Seitenaufbau erklärt. Der Programmierer konnte ohne weiteres Warten auf Feedback seitens der Designer anfangen zu arbeiten.

    6 | 6
    • s
WWW.TRUSCON.DE
Pfeil nach obenOBEN
Mdex GmbH | Pitch für Relaunch
  • Startseite

    Entwurf für einen Pitch mit mehreren Unterseiten

    Design entstanden für Fischezellen Halle 2007.

    1 | 3
  • Unterseite

    Beispiel für ein Texttemplate
    Einbettung einer neuen Teasersprache.


    2 | 3
  • Unterseite

    Beispiel für Listentemplate

    3 | 3
Pfeil nach obenOBEN
UniCredit Webauftritt | Relaunch
  • UniCredit Group Europe
    Phase 02

    Komplettes Redesign aller europäischen Seiten der UniCredit Banken Gruppe.

    Design entstanden bei robinizer Hamburg 2007/2008

    1 | 8
  • UniCredit Group Europe
    Phase 02

    Texttemplate 01

    2 | 8
  • UniCredit Group Europe
    Phase 02

    Texttemplate 02

    3 | 8
  • UniCredit Group Europe
    Phase 02

    Beispiel für eine Unterseite

    UniCredit Bank Pekao Polen     4 | 8
  • UniCredit Group Europe
    Phase 01

    Interimsseite für zwei Jahre bis zum kompletten Relaunch 2010.

    Bank Privat
    5 | 8
  • UniCredit Group Europe
    Phase 01

    Interimsseite für zwei Jahre bis zum kompletten Relaunch 2010.

    HypoVereinsbank Deutschland

    6 | 8
  • UniCredit Group Europe
    Phase 01

    Interimsseite für zwei Jahre bis zum kompletten Relaunch 2010.

    UniCredit Private Banking Italien

    7 | 8
  • UniCredit Group Europe
    Phase 01

    Interimsseite für zwei Jahre bis zum kompletten Relaunch.

    Bank Austria

    8 | 8
Pfeil nach obenOBEN
UniCredit Webauftritt | Relaunch
  • About great people magazine
    Online Magazin

    An diesem Projekt war ich in der Konzeption und in dem Erstellen des Manuals involviert.

    Design entstanden bei robinizer Hamburg 2009

    1 | 5
  • About great people magazine
    Online Magazin - Wireframes

    Wireframes waren hier nötig umd die vorgesehenen Funktionen nochmals zu überprüfen.

    2 | 5
  • About great people magazine
    Online Magazin - Manual

    Beispielseite 1 eines Manuals für das Magazin "About great People"

    3 | 5
  • About great people magazine
    Online Magazin - Manual

    Beispielseite 2 eines Manuals für das Magazin "About great People"

    4 | 5
  • About great people magazine
    Online Magazin - Manual

    Beispielseite 3 eines Manuals für das Magazin "About great People"

    5 | 5
WWW.ABOUTGREATPEOPLE.COM
Pfeil nach obenOBEN
headline_grafik
Snap Rent Mailing
  • Postwurfsendung

    Postmailing für Snap. Im Anschluss an das Design für "Snap-Rent.de" wurde eine Postwurfsendung konzipiert und gestaltet.

    Design entstanden bei robinizer Hamburg 2008

    1 | 2
  • Knowledge Management Portal

    Seite A
    Postmailing für Snap. Im Anschluss an das Design für "Snap-Rent.de" wurde eine Postwurfsendung konzipiert und gestaltet.

    2 | 2
Pfeil nach obenOBEN
Hardenberg Kleiner Keiler | Rezepte zum ausdrucken
  • Deckblatt

    Der Kunde wünschte eine Download-PDF zum Ausdrucken, auf der die aktuellen Mixtips in Verbindung mit ihren Produkten nachzubrauen sind.

    Design entstanden bei robinizer Hamburg 2008

    1 | 3
  • Seite 01

    Seite 1 - Elemente der Homepage sollten wiederkehren.

    2 | 3
  • s
    Seite 02

    Seite 2

    3 | 3
Pfeil nach obenOBEN
headline_software
MIO | Music in Order Software Projekt
  • MIO | Kurzprojekt "Made in China"

    Interface Design 2005 [Studium]

    Frau Prof. Tanja Diezmann. Entstanden Herbst 2005 in Shantou [China] als Kurzprojekt.

    Entstehungszeit: zwei Wochen
    Aufgabe: Anwendung der sieben Ordnungsprinzipien in einer alltagstauglichen Software.
    Demoversion: Flashversion
    1 | 7
  • MIO | Die sieben Ordnungsprinzipien

    • Chaotische Einordnung
    • Temporäre Ordnung,
    • Alphabetische Ordnung
    • Kategorische Ordnung
    • Geografische O rdnung
    • Richtungsorientierte Ordnung
    • Kontinuierliche Ordnung

    Diese sieben Grundordnungsprinzipien in eine Applikation einbinden.

    2 | 7
  • MIO | Softwarekonzept

    Als eigenes Ziel und somit Hauptaufhänger der Arbeit, galt es ein Interface zu konzipieren und zu gestalten, welches sich mit dem Ordnen von Dateien beschäftigt.

    3 | 7
  • MIO | Softwarekonzept

    Die Software hat die Möglichkeit alle auf den Datenträgern enthaltenen Daten nach dem jeweiligen Ordnungsprinzip zu sortieren. Somit muss der User auf keine typischen Datenstrukturen (contentrees) in den Browsern zurückgreifen.

    4 | 7
  • MIO | Softwarekonzept

    Alle Daten können im integrierten Player abgespielt werden, unterschiedlichste Stile an Musik in Playlisten aufgehangen werden.

    5 | 7
  • MIO | Softwarekonzept

    Man kann seine Musikdaten ebenso visualisiert bekommen.

    6 | 7
  • MIO | Softwarekonzept

    Das Design der Anwendung beruht auf einer selbstgenerierenden, sematischen Software, die 3-D-Inhalte je nach Datenvolumen unterschiedlich darstellen kann.

    7 | 7
Pfeil nach obenOBEN
Type in Action | Software auf Basis von interaktionären Verhalten
  • Type in Action

    Interface Design 2004 [Studium]

    Frau Prof. Tanja Diezmann. Entstanden mit Claudia Müller und Steffen Kamprath
    Erarbeitet mit Cinema 4d und Macromedia Director. Eigentliche Umsetzung sollte in Virtools erfolgen.

    1 | 6
  • Type in Action

    grundlegende mediengenealogische angesehende Meilensteine:

    1.] Die Entwicklung der Sprache und die Oralität
    2.] die Entwicklung der alphabetischen Schrift und die Literalität
    3.] die Erfindung und Etablierung des Buchdrucks sowie
    4.] die Erfindung des Computers sowie die Digitalisierung der Daten
    2 | 6
  • Type in Action - Paläolithische Kunst

    Beschäftigung mit Langzeitarchivierung von Informationen und Problemen beim Übergang in das digitale Zeitalter. Erste Formen der "Informationsspeicherung" sind in der Höhlenmalerei oder paläolithischen Kunst nachweisbar.
    Paläolithische Kunst: Beginn der menschlichen Kommunikation mit ersten medialen, physischen Symbolfiguren.

    Screenshot von Filmsequenz
    3 | 6
  • Type in Action - Buchdruck

    Konsequenzen des Buchdrucks: exakte Reproduktion von Wissen und die Authorenschaft bekam Bedeutung.

    Screenshot von interaktiver Sequenz
    4 | 6
  • Type in Action - Fotografie

    Verkleinerte analoge Abbildungen auf Filmmaterial sind nun speicherbar. Fotografische, farbliche Abbildungen und Bewegungen können wenig später in Bildsequenzen aufgezeichnet werden.

    5 | 6
  • Type in Action - Elektronische Archivierung

    Darstellung müssen erst binär codiert und dann wieder decodiert werden. Die Vernetzung und Abhängigkeit von digitalen Daten untereinander führt zu einem riesigen Aufwand. Anderseits sind Inhalte dennoch 1:1 kopierbar.

    6 | 6
Pfeil nach obenOBEN
Virtual Exhibitions
  • Binärentitäten

    Interface Design 2005 [Studium]

    Frau Prof. Tanja Diezmann
    Softwarekonzept für eine virtuelle Ausstellung. Erarbeitet mit Cinema 4d und Adobe Flash. Weitere Screens folgen in Kürze.

    1 | 1
Pfeil nach obenOBEN
headline_grafik
Freie Arbeiten
  • SAFRANOTE DANCE COMPANY

    Videoprojektion für die Inszenierung von Mathis Krüger. Unter dem Motto "Ein Abend - Drei Stücke" waren meine bescheidenen Skills im Bereich Animation gefragt. Zudem habe ich auch das Artwork für Plakate & Flyer übernommen.



    1 | 10
  • SAFRANOTE DANCE COMPANY

    Teil 01 | Phanta´s Schloss
    Dauer ca.: 38 Minuten


    2 | 10
  • SAFRANOTE DANCE COMPANY

    Teil 02 | Silhouettes
    Dauer ca.: 25 Minuten


    3 | 10
  • SAFRANOTE DANCE COMPANY

    Teil 03 | Bubbles
    Dauer ca: 28 Minuten


    4 | 10
  • MIXED UP

    Covergrafik für eine Compilation

    Cinema 4D & Photoshop

    5 | 10
  • Erste Gehversuche

    Der frühe Pixel fängt den Wurm.
    Erste Gehversuche an einem Grafikprogramm namens Paintshop mit einem 486er PC.

    Entstehungszeit: 1993

    6 | 10
  • Illustrationen

    Duplexillustrationen für Schablonendruckvorlagen

    Entstehungszeit: 2009

    7 | 10
  • Illustrationen

    Characteranimation für private Zwecke

    Entstehungszeit: 2008

    8 | 10
  • Illustrationen

    Auszug aus Skizzenbuch.

    Entstehungszeit: 2005

    9 | 10
  • Illustrationen

    Freie Arbeit aus dem Studium. Raumschiff entstanden in Form Z.

    Entstehungszeit: 2003

    10 | 10
Pfeil nach obenOBEN


Impressum



veröffentlichung durch:


georg vinzent hofmann

geiststr. 36
06114 halle an der saale

mobil | +49 179 1 42 41 91
Email | georg@pixelsektor.de

der inhalt dieser seite soll nicht zu illegalen handlungen oder nachahmungen aufforden. alle auf pixelsektor.de gezeigten bilder, fotos und sonstigen inhalte dienen lediglich der dokumentation und darstellung von künstlerischen aspekten. alle auf dieser website zum download angebotenen grafiken, dateien usw. unterliegen (soweit nicht anders gekennzeichnet) dem urheberrecht und anderen gesetzen zum schutz des geistigen eigentums. während ihre weitergabe ausdrücklich erwünscht ist, bedarf ihre gewerbliche nutzung meiner zustimmung.


hiermit erkläre ich ausdrücklich, daß ich keinerlei einfluß bzw. verantwortung für die gestaltung und inhalte der auf pixelsektor.de verlinkten websites habe. aus diesem grund distanziere ich mich hiermit ausdrücklich von allen inhalten verlinkter seiten und mache mir diese nicht zu eigen. weiterhin kann die website pixelsektor.de von websites dritter aus verlinkt werden. ich übernehme keinerlei verantwortung für die darstellungen oder inhalte dieser websites. sollten sie ihre rechte durch eine veröffentlichung auf pixelsektor.de verletzt sehen, teilen sie mir dies per e-mail mit, bevor sie weitere schritte einleiten.


Copyright @ 2011 Pixelsektor. All rights reserved.