Design - DECADE ONE

Portfolio of Andreas Hilber
UX Design, Web Design, Information Architecture
Creative Director
of Bluerock Studios Ltd. (London)
2013
Creative Director
of DECADE ONE GmbH & Co.KG (Munich)
2002-2012
[email protected]
+44 7450 941282
UX Design
Rohde & Schwarz Web Relaunch
Rohde & Schwarz :: Beratung zum Web Relaunch 2011/2012
Routingpage
Rohde & Schwarz is the world’s leading manufacturer of wireless communications and and measurement equipment.
For the redesign and reorganisation of their worldwide website relaunch weaknesses in the current site were located
and conseqeuently enhanced to build a solid user experience with a light look but also a high density of information.
Design
Rohde & Schwarz Web Relaunch
Rohde & Schwarz Mobile Styleguide
UX Design
5%
5%
Transmitter Calculation
optionale Zweite
45 %
10 %
40 %
50 %
Suche
5%
55 %
100 %
smartphone_PopOverOpenAll.psd
smartphone_TabbarExtended.psd
smartphone_Buttons.psd
smartphone_NavilistsPrssedNavi.psd
smartphone_Sortedlist.psd
A complete styleguide for all mobile applications of Rohde &
Schwarz. It includes every layout, button, colour and navigation
element developers and designers need to create any type of app
regardless whether it is for tablets or smartphones.
smartphone_SideNavigationSearch2.psd
smartphone_Content.psd
smartphone_Slider.psd
Information
Architecture
Web relaunch concept for Mini Cooper
AKtuelle INFoRMAtIoNsARchIteKtuR: MINI.de
RelAuNch INFoRMAtIoNsARchIteKtuR
MINI Modelle
MINI
Home
MINI Caprio
MINI One
MINI Cooper D
MINI Cooper
MINI Cooper
Cabrio
Design
Exterieur
Individualisierung
Interieur
Exterieur
Interieur
LeichtmetallrŠder
Fahrerlebnis
Alle
Ausstattungen
Ausstattungspa
kete
Motor / Leistung
Sicherheit
Service/Wartung
John Cooper
Works
MINI Clubman
Finanzierung
Preisliste
Daten & Fakten
MINI Cooper D
Clubman
MINI Cooper S
Cabrio
MINI Cooper
Clubman
MINI Cooper S
Clubman
MINI John
Cooper Works
Bilder
MINI John
Cooper Works
Clubman
Fahrwerk
Lifestyle &
Zubehšr
MINI Modelle
MINI Background / Philosophie
Fun & Games
News / Community
MINI Zubehšr
Lifestyle Shop
John Cooper
Works Tuning
MINI
Dachdesigner
MINI E
Das neue MINI
Cabrio
Service Center
MINI
MINI Caprio
MINI Clubman
John Cooper
Works
MINI
Produktion
Modellvergleich
MINI
Recycling
MINIMALISM
MINI
EXCITEMENT
CARD
MINI
Techniklexiko Die MINI Story
n
Mein MINI
Urban Style
Tour
MINI
CHALLENGE
MEET MINI
MINI
International
Magazin
Mini Aktuell
MINI Mitfahrzentrale
E-Cards
Cabrio
Soundmix
MINIMALISM
Downloadgallerie
3D Game
†bersicht
Dialogservice
MINI
konfigurieren
Angebot
anfragen
Probefahrt
vereinbaren
Infomaterial
bestellen
MINI Partner
finden
MINI finanzieren
Gebrauchte
Automobile
MINI Gro§kunden
Home
MINI Military
Sales
MINI Recycling
Mein MINI
MINI Service
Fun & Games
E-Cards
Service
MINI Specials
Mini Shop
Mini Aktuell
MINI HŠndler
MINI
finanzieren
MINI Service
Sonderkunde
n
MINI Zubehšr
Onitsuka
Tiger fŸr MINI
Lifestyle
Shop
John Cooper
Works Tuning
MINI HŠndler
MINI
konfigurieren
Onitsuka
Tiger fŸr MINI
MINI E
Special
THE OTHER
MOVEMENT
Das neue MINI
Cabrio
Cabrio Soundmix
MINI Driver
Training
MINI
Techniklexikon
MEET MINI
MINIMALISM
MINI CHALLENGE
MINI
Mitfahrzentrale
Die MINI Story
MINI Produktion
Urban Style Tour
MINI
EXCITEMENT
CARD
MINI Driver
Training
RelAuNch INFoRMAtIoNsARchIteKtuR
Legende
MINI Modelle
Mehrfache
Referenzierung
Kategorie
Konzeptionelle
VerŠnderung
Subkategorie
Downloadgallerie
3D Game
MINI Erleben
MINI
International
Magazin
KAteGoRIe subseIteN
KoNsIsteNte uNd veRstäNdlIche NAvIGAtIoNsstRuKtuR
MINI
MINI Caprio
MINI Clubman
John Cooper
Works
Modellvergleich
Service/
Wartung
Finanzierung
Preisliste
Daten &
Fakten
KAteGoRIeNsuche
MINI
One
MINI
MINIOne
One
Infomaterial
bestellen
Design
MINI
konfigurieren
zu kaufen
Individualisierung
MINI
Dachdesigner
Legende
Consulting Mini Cooper regarding the relaunch of their website included an analysis of the exisiting complex site structure in
order to suggest a much easier and natural information architecture.
Kategorie
Gruppierung
MINI One
MINI One
Subkategorie
Fahrerlebnis
Modellvergleich
MINI Cooper S
Sicherheit
Bilder
Mini
Entdecken
Onitsuka Tiger
fŸr MINI
THE OTHER
MOVEMENT
MINI John
Cooper Works
CHALLENGE
Concepts
Web relaunch concept for Mini Cooper
mood bIlder (keIn desIgn)
sIte desIGN
chARActeRs
These concept papers are examples of several ‘mini game’ ideas to involve the user interactively on the new site:
‘Mini City’ lets users navigate through contents three-dimensionaly while they can see and interact with other visitors.
‘Release Me’ is a playful interaction system that splits contents into new tiles to open subnavigations.
‘Gear Stick’ lets users choose a special character related to the different gears on the Mini gear stick.
r - spIesser
1 - standard
2 - stratege
3 - gIrly
4 - angeber
5 - mInI-fan
6 - freak
Design
Web relaunch concept for Mini Cooper
UX Design
Mobile Apps for Sony Music
LYRICS ZUM SONG ERKENNEN
LYRICS GAME 2
LYRICS AUSSORTIEREN
LYRICS GAME 4
Wähle den passenden Lyrics-Schnipsel zur aktuellen instrumentalen
Soundwiedergabe!
1
Schnipsel 1
3
Schnipsel 3
2
Schnipsel 2
4
Schnipsel 4
Wähle den Lyrics-Schnipsel, der NICHT zum Song „Smash Into You“ passt!
Time 00:14
•
Schnipsel 1
Schnipsel 2
Schnipsel 3
Verschiedene Schwierigkeitsgrade einstellbar, so können z.B. die Länge
der Schnipsel je nach Schwierigkeitsgrade länger oder kürzer sein.
Schnipsel 4
5
LYRICS SORTIEREN
LYRICS GAME 7
Erstelle einen neuen Song, in dem du die Wörter beliebig ersetzt!
•
Schwierigkeitsgrad via Länge der Schnipsel einstellbar.
Wort
1
Wort
2
Wort
3
Wort
4
Wort
5
Wort
5
Wort
6
Wort
7
SAVE
7
•
LYRICS SORTIEREN
LYRICS GAME 1
LYRICS SORTIEREN
LYRICS GAME 6
Erstelle deinen eigenen Song und share ihn mit deinen Freunden via
Twitter und Facebook.
LYRICS SORTIEREN – TEAM HIGHSCORE
LYRICS GAME 1
10
If I Were A Boy
Beyoncé
If I Were A Boy
Welcher dieser instrumentalen Songs gehört NICHT zu Beyoncé‘s Portfolio?
Ordne die Lyrics-Schnipsel in die richtige
Reihenfolge!
David wins!
Schnipsel 1
Schnipsel 2
2
3
Schnipsel 3
3
Schnipsel 4
4
LYRICS SORTIEREN
WERTUNG
Schnipsel 1
00:09
1
2
4
Ordne die Lyric-Schnipsel in die richtige Reihenfolge!
x
Beyoncé
1
Schnipsel 2
Summary
David
Andrej
15 p
12 p
Nando
Steve
9p
6p
Schnipsel 3
Schnipsel 4
next game starts in 3 s
Time 00:32
•
•
Die Schnipsel lassen sich per Drag & Drop an die richtige Position
verschieben.
Das Spiel ist auch über WLan oder UMTS als Multiplayer-Game anwendbar.
Wer am schnellsten die richtige Reihenfolge gefunden hat, gewinnt.
OK
Time 00:29
•
3G
3
Time 00:32
•
Schwierigkeitsgrade via Länge der wiederzugebenden Songs einstellbar.
OK
Wertung im Multiplayer
Nach jedem Spiel erscheint eine Winner-Notifcation mit aktuellem Punktestand.
9
4
Andrej
78 points
Several concepts for mobile apps were created when Sony Music asked for ideas to integrate their songs or artists within an
entertainment approach. The concepts on this and the following page show: A game for playing with waveforms and lyrics of music
tracks, styling and controlling a dance avatar by your mobile and a GPS based treasure hunt.
David
68 points
Steve
53 points
Nando
39 points
OK
•
Share deine Ergebnisse mit deinen Freunden via Twitter und Facebook.
11
UX Design
Mobile Apps for Sony Music
LYRICS SORTIEREN
Rag Dance
LYRICS SORTIEREN
Rag Dance
Haare
Gesicht
Create & Share
Verschiedene Haar-Stile
Verbreitung der generierten Inhalten
Farben bzw. Texturen
Facial Generator
Gyroskop Sensor
Steuerung
LYRICS SORTIEREN
Rag Dance
In-App Auflistung und Voting
Farben bzw. Texturen
TOP DANCE ACTS
Share via Social Networks
Projektion des eigenen Gesichtes
By Arist: Beyonce
Ursula + Larissa
Kleidung
In die Hocke gehen und Springen
Shirts, Jacken, etc.
Drehen
Naderutti
Hosen, Röcke, etc.
Saltos
Strümpfe, Schuhe, etc.
 Vorgefertigte Stile
 Eigenkreationen mit unbegrenzten
Kombinationsmöglichkeiten
 Store
Accesoires
Brillen, Hütte, Schals, Schmuck
Viele Möglichkeiten für In-App Payment
14
17
16
LYRICS SORTIEREN
FAN SWARM
TREASOROUS
LYRICS SORTIEREN
FAN SWARM
Beyonce Fans
TREASOROUS
• Virtuelle Fan-Gebiete sind auf der Karte definiert
• User bzw. Fans der jeweiligen Künstler checken sich
in diese Gebiete ein
K. Clarkson Fans
• Wettbewerb und Teamgeist wird durch RankingListen gefördert
• User die sich im Spot befinden können per Chat
kommunizieren
• Das Gewinnspiel der anderen Art
19
1. Woche
Beyonce
2. Woche
312
120
K. Clarkson
50
300
Bushido
10
2
Fangemeinden
1. K. Clarkson
51231
4123
3. Bushido
332
1. Naderutti
…
Anreize:
• Fan-Ranking auf der Seite des Künstlers
(Web, Facebook)
• Persönlicher Gruß des Künstlers an größten Fan
• Gewinne (Materiell + Immateriell)
• ….
Check-Ins
2. Beyonce
Fan
• Augmented Reality
Hinweise und Rätsel werden direkt in die
Umgebung eingebettet.
Mittels Smartphones der neueren Generation (z.B.
iPhone 4) können bei eingeschalteter Kamera-App
Informationen in das Bild integriert werden
(siehe Video).
LYRICS SORTIEREN
FAN SWARM
Check-Ins
312
2. Benacci
12
3. Russolini
5
Ranking:
• Künstler mit der größten Fangemeinde
• Loyalster Fan eines Künstler / aller Künstler
Klick again
to play this
video!
Erlös:
• Gewinne der kostenlosen App-Variante
werden durch geobasierte Ads generiert
•
• Symbiose aus virtueller und realer Schatzsuche
(Schnitzeljagd)
Kostenpflichtige Premiumvariante ohne Ads
20
21
Scribbles
MSN Extreme Portal for Microsoft
EXTREME
EXTREME
Frontebene
Headup-Displayebene
Hologrammebene
For the launch of the Internet Explorer 9, DECADE ONE was asked to create
a brand new version of the Microsoft MSN portal that would demonstrate
the different HTML5 support-channels and its new features. The vision,
called ‘MSN Extreme’ was developed to highlighten the potential of
transforming a classical programmed web page like the MSN portal into an
impressive, interactive 3D site by using HTML5.
The showcase special “Earth Attack” allows visitors to experience an
exciting space adventure and explore our solar system interactively and in
3D without the need for any third party plug-ins. The multimedia website
shows the convergence of videos, classical text contents and navigation
tools offering equally information and entertainment. Being the world’s
first big showcase for the new HTML5 technology implementing 3D
contents for expanded user experience this project allowed DECADE ONE
to contribute to a further milestone of the world wide web.
Design
MSN Extreme Portal for Microsoft
UX Design
MeAndYou Dating Website: Styleguide, Wireframes and Information Flow Charts
MeAndYou
Entdecke dich selbst und wer zu dir passt.
MEIN PROFIL
News
MEIN LEBEN
Steffanie, 28
FREUNDE
Verkuppeln
Merken
FLIRTS
Absagen
PARTNERSUCHE
Hilfe
Logout
PARTNERVORSCHLÄGE
Aktuelle Sucheergebnisse:
2/34
Über mich:
Offline:
Offline: Letzer
Letzer Login:
Login: <
<2
2 Tage
Tage
Einstellungen
Von einem Freund
Von mir
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
commodo ligula eget dolor. Aenean massa. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus
mus. Donec quam felis, ultricies nec, pellentesque eu, pretium
quis, sem. Nulla consequat massa quis enim. Donec pede justo,
fringilla vel, aliquet nec, vulputate eget, arcu.
Angaben bestätigen
Basiseigenschaften
Realitätsnähe
65 %
Antwortzeit:
<5 Tage
Matching:
Überlagerung
87 %
Nachricht schreiben
Kompliment machen
Dateanfrage stellen
Geschlecht:
Weiblich
Sexuelle Orientierung:
Hetero
Größe:
174 cm
Alter:
28 Jahre
Wohnort:
München
Suche nach:
Beziehung
Anzahl Kinder:
Keine
Größe:
174 cm
Alter:
28 Jahre
Wohnort:
München
Suche nach:
Beziehung
Anzahl Kinder:
Keine
Wohnort:
München
Suche nach:
Beziehung
Anzahl Kinder:
Keine
Erscheinungsbild
Zurücksetzen
Zwischengespeichert
Senden
Beruf und Familie
Als Rechtswiedrig melden
Nachrichtenverlauf
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
Me: Selbstanalyse + Freizeitplanung
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
29.01.11 08:23
Ungelesen
Zurückziehbar: 2:33
Nachricht zurückziehen
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
The creation of the complete new dating service ‘MeAndYou’ started with concept papers, went through a long
wireframe phase and ended at designs that were refined by the usage of A/B tests to get the maximum User
Experience (next page).
After the launch of the website MeAndYou needed ongoing concepts and designs for the complete marketing
campain to introduce the service (next but one page).
29.01.11 08:23
Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Persönlichkeitsauf dem
Aenean massa.
Cum
sociis natoque penatibus
et magnis dis parturientVerhalten
montes, nascetur
Studie
durch
Online
Lebensplaner
Portal
ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Diary
Ego-blume
Aussenblume
Gelesen: 29.01.11 12:02
Companion
Effektivblume
Persönlichkeitsfindung und -entwicklung
!
Design
MeAndYou Dating Website
Design
MeAndYou Dating Website: Marketing
Design
3D microsite for Audi’s annual report
In order to present the figures and results from Audi’s annual report 2010 in an innovative and interactive way, a modern, corporate
style 3d environment has been created that enabled users to experience a smooth navigation through all the contents.
Information
Architecture
Microsite for the 90th anniversary of Haribo Goldbears
Foto-Montage
Sitemap der Promotion Microsite
Webcam upload
Datei upload
Landing Page
Du und der Goldbär
Foto-Montage
Galerie
Gewinnspiel
So geht‘s
Code
Generator
Code
eingeben
➡
Foto per Webcam / Upload
Foto Upload
in Galerie
Die
Gewinne
➡
➡
Abfrage Email-Adresse
Bestätigung
Teilnahmebedingungen
Teilen
(FB / VZ)
Truck Tour
So geht‘s
Daten,
Locations
Link zur
Galerie
Partnerseite/Links
Grußvideos
Video
aufnehmen
Galerie
Beantwortung
von Fragen
Erhalt eines
Codes
Editor: 3D Goldbär + Gimmicks
hinzufügen
Foto
Download
TV Spot
Goldbären Geschichte
Speichern und Download
Einfügen in Galerie
Erstellung Motiv
Auswahl, Skalieren,
Arrangieren
Teilen, Facebook, VZ
Datensatz Anlegen
Datensatz freigeben
Backend
Rendern
Abfrage, Abfrage
Dateneingabe,
Validierung
Erstellung
Ansicht und Bestätigungsfunktionen
Danke-Screen
Admin Backend
Datenbank
Mailing mit Freigabe
Direktlink in Galerie
Anzeige, Blättern, Suche
Formular
Mailing
Direkteinstieg
Ablehnung mit Aufforderung
zum Neuanfang
Galerie
Mailing
Danke + Info
Gewonnen?
Filesystem
Bei Ja:
Erfassen der
Teilnehrmerdaten
Danke für die Teilnahme
Zur Landing
Page ->
Zur Galerie
Bewerbung zum
Goldbären Besuch
Bewerbungsformular
➡
Bestätigung
Teilnahmebedingungen
Danke
Videos für Geburtstagsgrüße
Filesystem
Aufnahme eines Grußes
mit Webcam
Anlegen
AdressveriÞzierung
Backend
Danke Screen
Datensatz anlegen
Datensatz freigeben
Ansicht und Bestätigungsfunktionen
The microsite for the 90th anniversary of Haribo Goldbears 2012 covered features like a 3D helix of the Goldbear history, an
interactive photo composition with the Goldbear as well as a competition to win various prizes. These charts show the site
architecture and the connections between several back-end systems.
Admin Backend
Galerie, Blättern,
Direkteinstieg
Flash
Datenbank
Mailing mit Freigabe
Direktlink in Galerie
Mailing
UX Design
Microsite for the 90th anniversary of Haribo Goldbears
Wireframes were created to visualize the complex processes and interaction elements within the different areas of the site.
Design
Microsite for the 90th anniversary of Haribo Goldbears
UX Design
Customer Service Platform for a major insurance company
Geteiltes Wissen: Wireframe
Smartphone: Wireframe
Dein Schönes Leben
EIN SERVICE DER ALLIANZ
Dein Schönes Leben
SMARTPHONE APPS
DER EINE RAT
EIN SERVICE DER ALLIANZ
TRAVEL WALLET
Immer dabei und sicher:
Alle wichtigen Dokumente
auf Ihrem Smartphone.
DIE NEUE
WETTER - APP
74 %
HOUSE HUÖNTER
> JETZT IM STORE HOLEN!
74 %
ALLIANZ APP
AUSGEZEICHNET
TEILE DEIN WISSEN!
DER ALLIANZ AGENT
FINDER WURDE VON
..
MAGIC BUTTON
74 %
NAME
ALPHA VERSION
ERSCHIENEN
DEIN RAT / DEINE STORY
ALLIANZ APP
AUSGEZEICHNET
DER ALLIANZ AGENT
FINDER WURDE VON
..
SABINE MAIBERGER
> ABSENDEN
74 %
Eine neue Stadt, ein neuer Lebensabschnitt und neue Erfahrungen.
Es hat mir gefallen, ich konnte so
sein wie ich wollte, da mich keiner
kannte und auch nicht viele
Mein Plan des Lebens: Wireframe
Dein Schönes Leben
EIN SERVICE DER ALLIANZ
TOP 10
FAMILIE
REISE
MOBILITÄT
...
HUANG XING
SABINE MAIBERGER
HUANG XING
HUANG XING
MEIN PLAN DES LEBENS
Eine neue Stadt,
ein neuer
Lebensabschnitt
HUANG XING
SUCHE
Kategorie
Kategorie
Kategorie
Kategorie
Event +
Event +
Event +
Event +
Event +
Event +
i
i
i
FILTER
i
i
These wireframes show the User Experience Design and layout for the different spots of the new Customer Service Platform of a major
insurance company that relate to various common situations of customers.
i
Wizard
Planen
Kalkulieren
Login
Information
Architecture
Customer Service Platform for a major insurance company
Life Tool
..............................................................................................................................................................................................................................................
Seitenstruktur
..............................................................................................................................................................................................................................................
Die derzeitig geplante Seitenstruktur bewirbt die neuen Services der Allianz über den Homescreen. Sie werden nach Aktion über ein normiertes
Overlay-Fenster über der Allianzseite angezeigt oder angeteased. Es können alle Services im Overlay angewählt werden.
Die Inhalte laufen auch auf eigenständigen Seiten.
Homescreen
Contra
Overlay (iFrame)
...........................................................................................................
Der eine Rat
direct service
App Store
teaser page
Life Tool
teaser page
Direct pages
Der eine Rat
Pro
.....................................................................................................................
•
Schöne Idee / Sinnvolles Tool
•
Spieltrieb wird angeregt
•
EleganteMöglichkeitenderVerknüpfungmitderAllianz
•
Komplexes und dynamisches System
•
Hohe Kundenbindung kann erziehlt werden
•
Zoomfunktionalität
App Store
Contra
.....................................................................................................................
•
Design erinnert an DNA Analysen: Negativ behaftet und hemmt
dieUser,ihrerealenDatenpreiszugeben-->GläsernerMensch
•
Service spiegelt nicht seine eigene Thematik wieder: Leben!
•
FarbkodierungistzukomplexundvonderMassenichterlernbar
--> Usability Problem
•
Zu wenig individualisierbare Darstellungsmöglichkeiten:
-->ZufestesRaster
•
Spieltrieb wird zu wenig ausgenutzt
•
Lösungen zur freiwillige Dateneingabe sind nicht ausgearbeitet:
Spaß am Dateneingeben fehlt
Life Tool
•
Overlay ist im Web ungern gesehen (nur für Bilder oder
Werbung) --> Abschreckung vieler User
•
Komplizierte Linking-Strategie: Overlay Teasering verlinkt
zur direkten Serviceseite, verlängert den Weg zum Ziel,
kostet wertvolle User und sorgt für Verwirrung
•
Direkte Bewerbung einzelner Services innerhalb des
Homescreens steht in Konkurenz mit den Overlay-Links.
--> Linking Divergenz
•
Starker Verlust im Suchmaschinenranking durch inhaltliche Nutzung von Overlays
•
Navigationen innerhalb von Overlays führen zu Problemen
mit den Historienfunktionen und Lesezeichenoptionen
einiger Browser --> Verwirrung beim User
•
InkonsistentesInhaltskonzept:„DereineRat“deutetauf
einedirekteVerwendunghin,das„LifeTool“verlinktauf
dendirektenServiceundder„AppStore“isteineMischung aus beiden --> Verlust der Vertrauensbasis
Seitenstruktur
..............................................................................................................................................................................................................................................
Unser Ansatz ist es, ein einenständiges Portal zu etablieren, dass alle Services unter einem Dach vereint. Es läuft auf einer eigenständigen Domain.
Services sind direkt aufrufbar über domain/serviceX
Homescreen
Vorteile
..........................................................................................................
The exisiting structure of the current site had to be analysed to come up with a much straighter and easier-to-understand
proposal.
DeinSchönesLeben.de
Der eine Rat
Life Tool
App Store
•
Höhere Akzeptanz, da die geschäftlichen Absichten der
Allianz in den Hintergrund treten
•
BindungzurMarkeAllianzwirderhöhtdurchbessere
Darstellung des Service-Gedankens
•
Keine Overlays für die Bewerbung notwendig
•
Höheres Suchmaschinenranking
•
Eindeutige Informationsstruktur
•
LineareLinkingWege,mitBacklink-MöglichkeitenzurAllianz.de
•
Es werden keine Schnittstellen benötigt
•
Technische Freiheit zur Steigerung des Kommunikationseffektes
•
Bessere Usability
Design
Customer Service Platform for a major insurance company
Globalnavigation Anmutungen
............................................................................................................................................................................................................................................
The final design was based on mood snapshots that created the
look and feel of three different interaction scenes.
Design
UBC Corporate Website
The UBC website is a website of an outstanding carbon producer for the Formula 1. Therefore a modern type of design was created for
this corporate site where 3D animation integrates borderless into 2D space. The result was an emotional and at the same time easy to use
website.
Design
MAYK AZZATO Portfolio Website
The task was to design an extreme minimalistic website for one of the best photographers in Europe - Mayk Azzato. A very simple intuitive but
innovative navigation system focuses the users’ attention to the pictures of the photographer. This site won the Webby Award in the category
photography.
Design
Lady Gaga / Nokia concept paper
Concept description: The LADY GAGA MUSIC & LIFESTYLE COLLECTION with the Nokia X6 offers a complete & exclusive
package including music, video and exclusive lifestyle experiences, all selected by a creative team headed by LADY GAGA
herself.
Design
Christiano Ronaldo / Audi concept paper
Concept description: Star photographer Mayk Azzato creates a high-quality photo spread of Christiano Ronaldo in an
unprecedented worldwide exhibition, taken by Azzato himself. The pictures impersonate the soccer players’ character in
association with the brand attributes of AUDI. People experience Ronaldo’s everyday life in keeping with the marque in a
personal, emotional and fascinating way they’ve never seen before.
Design
Youth Portal for the DLR (German Aerospace Center)
A colourful and futuristic design has been developed to meet the requirements of the Youth Portal of the German Aerospace
Center. Various modules have been created to visualize subjects like research, history or space travel.
UX / Design
Burda Yukom Website Relaunch
Konzept Burda Yukom
Für die Realisierung werden diverse Verknüpfungstypen generiert. Es
gibt für den User unsichtbare Verknüpfungen (zb. Titel, Text und Bild),
linear sichtbare Verknüpfungen, die mit einer einfachen Verbindung wie
einem Pfeil, einer Linie oder ähnlichem dargestellt werden (zb: Anzeigenmotiv A --> Anzeigenmotiv B --> Anzeigenmotiv C) und erklärende
Verknüpfungen, die mit einem speziellen Symbol auf der Linie oder dem
Konzept Burda Yukom
Pfeil angelegt sind.
Case- und Produkt-Bereich - Die Ebenen:
Beim Klick auf die erklärende Verknüpfung öffnet sich diese und zeigt
genauere Inhalte, die den Zusammenhang mit wenigen Worten erläutert (zb. Verknüpfung: Print und Mobile; Erklärung: Zeitschrift mit einem
Code, Handy fotografiert Code und schickt ihn an Firma, Nutzer bekommt SMS mit Gutschein und Weblink zurück).
Die bisherige sinnvolle Struktur der Burda Yukom Webseite wird größtenteils beibehalten. Im Cases Bereich kommen allerdings drei
prägende innovative Elemente hinzu.
Um zum letzten Punkt bzw. zur vorherigen Ebene zurückzugelangen,
reicht ein Klick auf den Zurückbutton, der vom zuletzt gewählten VerDas erste Element sind gestapelte dreidimensionale Ebenen, in die der
User plastisch wieder
eindringen
kann.
Die angeschaute
erste Ebene ist
der Startpunkt
der
knüpfungspunkt
auf das
zuvor
Element
springt. So
Cases. Wenn der User von hier aus in die nächste Ebene (z. B. von Print
zu Web)
springt, wird dreidimensional
eine neue
Ebene geöffnet, in
wird
ein Orientierungsverlust
des Users effektiv
vermieden.
die man gleichsam eintaucht. Analog dazu tritt der User bei umgekehrter Reihenfolge aus der bisherigen Ebene aus und steigt eine Ebene
auf. Vorstellen kann man sich dies als eine Art Raumsprung (Tauchgang), bei der sich der User den Größen der Umwelt anpasst. Er startet z.
B. im weiten Weltraum mit entfernten Planeten, fährt auf die Erde zu, springt von dort auf Europa, danach in eine Stadt, dann in ein Haus, auf einen
Schreibtisch und schließlich in einen Mikrokosmos in dem alles aus Atomen und Elektronen besteht.
The new web concept for the publisher Burda Yukom integrated the handling of content, pictures and their clients.
The futuristic design on the right offered a brand new way of accessing content.
Product
Design
Beauty MagiXX
Design
Ride for Green brand, website and presentation