Design › Code › Business » Das Magazin der Kreativbranche

PROTO
TYPING
Wireframes,
Mockups,
Klickdummys

KREATIVE
richtig nutzen

RECHERCHE
Inspiration durch Information –
die Methoden der Gestalter

WEB
DESIGN
Wie Demodern
den 3D-Konfigurator
für das Start-up
helmade kreierte

07.2016
www.page-online.de

DEUTSCHLAND CH 19,40 CHF

A 11,00 EUR
9,95 EUR L 11,50 EUR
10842
Paarungszeit für Agenturen
Kundenmanagement zum Verlieben
Jetzt neu: Unsere kostenfreie Partner-Box!
• Vereinfachte Administration der Hosting-Pakete Eurer Kunden
• Entwicklungsumgebungen
• 1:1-Kopie-Funktion für Webprojekte
• Gleichzeitige Versionsupdates für alle Eure Kunden
• Jump-Server für globalen SSH-Zugang

www.mittwald.de
 EDITORIAL PAGE 07.16 003

ANZEIGE
DRUCKE, DIE
EINDRUCK
(Er-)finden MACHEN.
● Kennen Sie das? Ein Kollege sucht. Seine Idee.
Und das dauert und dauert. Dabei wollte er nur kurz
was zeigen. Doch dann: Auf seinem MacBook sind
zig Fenster geöffnet. Er räumt eines nach dem ande-
ren vorsichtig beiseite und dringt langsam auf den
Desktop vor. Auf dem Desktop: das Chaos pur! Icon
für Icon sucht er den Schreibtisch ab, öffnet diverse
Foto: Kirsten Nijhof

Ordner, lugt verstohlen in den Papierkorb und . . . Es

nützt alles nichts, er ruft Google auf: Da, da ist es . . .
. . . auf Platz 1 in der Ergebnisliste! Nun ja, als ob
eine Google-Suche je zu Neuem und Unentdecktem
führen könnte. Obwohl, mit dem untrüglichen Ge-
spür für gute Geschichten . . . Für gewöhnlich gehen
unseren Glücksgriffen ja auch gezielte Recherchen
voraus: Wir beschaffen uns Informationen – offline
und online –, führen Gespräche mit Kollegen, Usern
und Experten, kristallisieren nach und nach die Es-
senz der Aufgabenstellung heraus und öffnen so un-
seren Blick für neue Sichtweisen. Recherche und In-
spiration lassen sich kaum trennen.
Assoziatives, sprunghaftes Suchen und Entdecken
ist ein ganz wesentlicher Teil unseres Kreativ- und
Gestaltungsprozesses. Doch wie viel Recherche ver-
trägt Kreation überhaupt? Müssen wir wirklich alles
Coverillustrationen gesehen haben, um Neues denken zu können? Ist es
von Katrin Schacke nicht viel besser, erst gar nicht zu wissen, was wir
(im Uhrzeigersinn):
suchen? Oder sollten wir der fokussierten Recherche
– »Auf den Spuren unseres
von Zeit zu Zeit einfach nur bewusst ein Ende setzen,
Denkens – Gedächtnis«
für das »SZ«-Magazin, um die gefundenen Ansätze zu verdichten und den
Ausgabe 07, Februar 2011 Ideen freien Lauf zu lassen? Erfinden statt finden?
– »Sonst gehe ich« für Nehmen wir die Recherche in Sachen Storytelling:
»ZEIT Campus«, Ausgabe 04, Wir betreiben immer wieder einen Wahnsinnsauf-
Juni 2013 wand, um für Produkte, Marken und Unternehmen
– »Clearwater«-Imagemotiv
Geschichten zu erfinden. Dabei ist gutes Storytelling
für die südafrikanische
im Idealfall einfach nur das gekonnte Vermitteln wah-
Designagentur Clearwater,
2014
rer Begebenheiten. Ja, wir können sogar viel mehr be-
– »Labyrinth« für das ADC- wirken, wenn wir echte Geschichten erzählen. Wir
Jahrbuch »Sushi 13«, 2011 müssen sie nur finden, das Potenzial in ihnen ent-
decken und veredeln.
. . . indes hat der Kollege auch seine Konzeptskiz-
ze wiedergefunden: eine geniale Idee! – Effiziente
Recherchetools und -strategien für Gestalter sowie
die Kniffe der Profis finden Sie auf Seite 16 ff.

Gabriele Günder,
Chefredakteurin/Publisher
(info@page-online.de)

VOM FLYER BIS ZUM

KOMPLETTEN MESSESTAND.

DRUCKSACHEN EINFACH ONLINE BESTELLEN!

004 PAGE 07.16

Inhalt
➤ TITELTHEMEN

SIGNALE
006 Ideen, Projekte und Diskussionen

TITEL
016 Kreative Recherche
Die gezielte Suche nach Informationen hat
im Design fundamental an Bedeutung gewonnen.
Wir stellen Recherchestrategien und -tools
für Gestalter vor

THEMEN
032 Engagement für Geflüchtete
Wirklich beeindruckend, was Kreative derzeit
an Hilfsprojekten auf die Beine stellen

038 Dos & Don’ts fürs UX Design

Das Wissen der UX-Experten auf 10 Regeln gebracht 070
044 Umweltfreundlich drucken
Auch schöne Printprodukte müssen die Natur nicht
belasten – wenn Sie diese Tipps beherzigen!

NEUES
050 Spannendes aus der Typo-, Bild-, Papier-
und Technikwelt
058 Publikationen für Gestalter und Developer

PROJEKTE
062 3D-Produktkonfigurator mit WebGL
Für das Start-up helmade entwickelte Demodern aus
Hamburg einen Konfigurator, der Maßstäbe setzt

070 CD/CI fürs DRIVE. Volkswagen Group Forum

Wie die Designagentur Strichpunkt für den Brand Space
von VW eine von Grund auf neue Identität gestaltete

076 Microsite mit JavaScript-Animationen

Emotional sein, ohne Mitleid zu erregen – dieser
Balanceakt gelang denkwerk mit ihrer Fundraising-Site

082 Nachwuchs
Projekte aus Hochschule, Agentur und Forschung
 PAGE 07.16 005

062
WERKZEUG
086 Wie Illustratoren arbeiten
Von Editorial-Illustration bis Graphic Recording –
drei von Stil und Technik ganz unterschiedliche Zeichner
haben uns Einblick in ihre Arbeitsweise gewährt

094 Prototyping im Interactive Design

Handskizzen, Wireframes, Mockups, Klickdummys:
Welcher Prototyp eignet sich für welche Aufgabe?

076 BRANCHE
100 ADC, BDG, Alumni-Netzwerke & Co – wozu?
Kreative sind vielleicht nicht die typischen Vereinsmen-
schen – eine Mitgliedschaft hat aber durchaus Vorteile

106 Neue Serie: Versicherungen für Kreative

In welchen Fällen benötigte ich eine Berufshaftpflicht-
versicherung? Und welche Art der Versicherung genau?

110 Szene Was die Kreativbranche und ihre Akteure bewegt

STANDARDS
003 Editorial
108 PAGE Digital
112 Impressum/Vorschau/Leserservice
114 Sieberts Betrachtungen

SERVICES
089 PAGE Abo 109 PAGE Shop

PAGE SEMINARE
021 »Infografik« mit Golden Section Graphics
022 »Bildrecht« mit Sabine Pallaske und Silke Kirberg
025 Neuer Termin! »Leitmedium Design« mit
Jochen Rädeker in München
031 »Design Thinking« mit Edenspiekermann in Berlin
043 »Interaktives Prototyping« in Kooperation mit der
Good School
049 »Multisense Design« mit Olaf Hartmann
068 »Projektmanagement« mit Hagen Seidel
093 »Mobile as a Service« mit Swipe
006 PAGE 07.16 › SIGNALE

SIGNALE
Ideen, Projekte und Diskussionen
aus Design, Kommunikation
und Development finden Sie hier
und auf ↗www.page-online.de  
 PAGE 07.16 007

Cyber-Doubles
Christoph Niemann ● VR-Kunst. Auf die Experimentierlust von
und Harald Belker Kreativen setzte das Google Chrome Lab bei
bei der ungewohnten den »Virtual Art Sessions« – und konnte sechs
Arbeit im
namhafte Gestalter dafür gewinnen. Neben
virtuellen Raum
der Bildhauerin Andrea Blasich, dem Installa-
tionskünstler Seung Yul Oh, der Modeillus-
tratorin Katie Rodgers und dem Street-Ar-
tist-Duo Sheryo & Yok waren zwei Deutsche
mit von der Partie: der Illustrator Christoph
Niemann sowie der Automotive-Konzept-
Designer Harald Belker. Bewaffnet mit VR-
Brille, HTC-Smartphone samt Google-App
Tilt Brush und einem Controller, der Farbe
und Pinselstrich bestimmte, sammelten die
sechs ganz neue Erfahrungen. Unter https://
virtualart.chromeexperiments.com kann man
die 3D-Werke nun von allen Seiten und aus
der Perspektive des jeweiligen Künstlers be-
trachten. Coole Aktion! ae
008 PAGE 07.16 › SIGNALE

Plakatserie. Grelle Elektropop-Optik, Flam-

men und Störbilder: Die Veranstaltungsposter
für die Party »Light it up« der Energydrink-Marke
Burn sorgten in den Straßen von Lyon für Auf-
merksamkeit. Sie sind der Auftakt der Zusammen-
arbeit des Mutterkonzerns Monster Beverage Cor-
poration mit BETC POP, der auf Popkultur spe-
zialisierten Tochter der Kreativagentur BETC. Die
Agentur feilt zudem gemeinsam mit dem Kreativ-
studio Le Creative an einer neuen Visual Identity
für die Marke. nik
 PAGE 07.16 009

Waschmittel
kämpft
für Kinder
Um zu beweisen, wie
ernst der langjährige
Claim »#Dirtisgood«
gemeint ist, fährt Persil
schweres Geschütz
auf. Die schockierende
Message: Kinder verbrin-
gen heutzutage weniger
Zeit draußen als Insassen
eines Hochsicherheits-
gefängnisses in den USA.
In eben einem solchen
Gefängnis und mit echten
Häftlingen entstand
der Film »Free the Kids«,
zu sehen unter  www.
dirtisgood.com  . Die
Kampagne von Mullen-
Lowe läuft vor allem
im Internet, umfasst aber
auch Printmotive. cg

Heilsames Kopfkribbeln
● ASMR-Video. Das wunderbar unique türkisch-nie-
derländische Duo Pinar & Viola arbeitet in Paris nicht
nur an ihrer kinky »Couture Digitale« – sondern experi-
mentiert auch mit der heilenden Wirkung des Internets.
Mit dem Video »Made You Come Here« (https://is.gd/
PV_asmr) bietet es empathisch digitalen Trost gegen die
Einsamkeit im Netz. Kopfhörer aufsetzen und den pri-
ckelnden ASMR-Sound wirken lassen! sd

8&3,45"55
'"4;*/"5*0/

"5&-*&3

'"3#&
(&413Ÿ$)&

8&3%&/
4*&
'"3#&91&35&
#&*
%&3
3"-
","%&.*&
4QF[JBMJTUFO
JO
EFS
'BSCHFTUBMUVOH
IBMUFO
JIS
'BDIXJTTFO
q

"VT
VOE
8FJUFSCJMEVOH
G×S

JNNFS
BVG
EFN
OFVFTUFO
4UBOE
3"-
'"3#&/
VOUFSTU×U[U
QSPGFTTJPOFMMF
'BSCHFTUBMUFS

TJF
EBCFJ
-FSOFO
4JF
JO
VOTFSFO
7FSBOTUBMUVOHFO
OJDIU
OVS
q

,FOOFOMFSOFO
VOE
"OXFOEFO

EJF
GBDFUUFOSFJDIF
8FMU
EFS
3"-
1SPEVLUF
LFOOFO
TPOEFSO
EFS
3"-
1SPEVLUF
MBTTFO
4JF
TJDI
JOTQJSJFSFO
WPO
WJFMG¿MUJHFO
"OSFHVOHFO
G×S

HBO[IFJUMJDIF
VOE
JOOPWBUJWF
'BSCLPO[FQUF
&OUEFDLFO
4JF

EBT
5IFNB
'BSCF
BVT
FJOFS
OFVFO
1FSTQFLUJWF

"MMF
*OGPSNBUJPOFO
[VS
3"-
","%&.*&
ˌ
OEFO
4JF
VOUFS
XXXSBMBLBEFNJFEF
010 PAGE 07.16 › SIGNALE

Moralfrage
Dr. Claudia Gerdes findet:
Wenn Transparenz, dann richtig!

● Ja, es gibt sie noch, die heile Welt der Landwirt-

schaft, wo Kühe einen Namen haben und Hühner
sich auf riesigen Wiesen fast verlaufen! Und zwar auf
den Farmen, die Milch und Eier an Waitrose liefern.
Die britische Supermarktkette wartete jüngst mit der
ersten Live-Kampagne der Branche auf: Auf den Dis-
plays großer Bahnhöfe zeigten Echtzeit-Streams Kü-
he auf taubedecktem Gras und pickende Hühner, die
ab und zu süß neugierig in die Webcam glotzten. Zu-
dem gab es TV-Spots mit Bildern, die am gleichen Tag
auf den Bauernhöfen gedreht worden waren; auch
die Fotos für Zeitungswerbemotive waren höchstens
24 Stunden alt. Authentischer geht es nun wirklich
nicht, oder? Eine Kuh, die Mo heißt, kann doch nicht
lügen! Schließlich trug sie höchstpersönlich eine
GoPro-Kamera, mit der sie das beschauliche Leben
auf der Weide festhielt.
Noch nie hat eine Marke Produktionsprozesse so
transparent gemacht wie Waitrose mit dieser Kam-
pagne von adam&eveDDB. Dass die Verbraucher in-
zwischen aber alles misstrauisch bis zynisch beäu-
gen, haben sich die Marketingleute selbst zuzuschrei-
ben. Waitrose-Konkurrent Tesco hatte vor Kurzem
erst die Gemüter erregt, weil sich herausstellte, dass
er anheimelnd britisch klingende Namen angeblicher
Zuliefererfarmen bloß erfunden hatte. Die Bauern-
höfe Woodside oder Nightingale gab es überhaupt
nicht, die betreffenden Produkte kamen in Wirklich-
keit aus Marokko oder Chile.
Wie steht es also mit der Glaubwürdigkeit von
Waitrose? Nicht so schlecht, wenn man bedenkt, dass
die Kette recht hochpreisig ist und sich schon lange
Very british
im Biobereich engagiert. Andererseits: Kann die Pro- ● Kurzfilm-Kampagne. Dass auch jede Menge Erwach-
duktion für die Belieferung ihrer 344 Supermärkte sene Fruchtgummis heiß lieben, ist bekannt. Speziell die-
in ganz Großbritannien überhaupt so idyllisch und se Zielgruppe spricht die ungewöhnliche Kampagne von
individuell ablaufen, wie die Live-Ads es suggerieren? Wieden+Kennedy London für Maynards Bassetts an. Das
Sind alle Waitrose-Höfe so fotogen und alle Waitrose- Briefing an verschiedenste Werbefilmer und Animations-
Landwirte so herzensgut wie die gezeigten? Interes- künstler lautete: »Kreiere eine Alltagsunterbrechung voll
sant wäre es, nach und nach alle Zulieferer vorzustel- süßen Wahnsinns, die ebenso farbenfroh ist wie die Süßig-
len. Doch es blieb bei einer Eintagsfliege mit großem keiten selbst.« Zwölf komplett unterschiedliche Spots à
PR-Effekt. Von »Guardian« bis »Daily Mail« gab es 20 Sekunden entstanden, darunter Szenen mit Fitnesstrei-
Berichte – für die Lebensmittelkette eine lohnende benden in unförmigen, aber sehr elastischen Schuhen oder
Aktion. Wir wollen mehr solche Transparenz, sehr mit den Ritualen eines bizarren Stammes, der ein Frucht-
gern auch permanente Live-Cams aus der Fertigung gummi anbetet. Alle Filme sind bei der Produktionsfirma
bei Nike, Apple oder H&M. Blinkink zu sehen: www.blinkink.co.uk/a/6637. cg
012 PAGE 07.16 › SIGNALE

Schöner Forschen
● Corporate Design. Whiteboards und Meta-
planwände, Kartei- und Moderationskarten: Für das Hambur-
ger Markt- und Sozialforschungsinstitut Research Gallery entwickelte Studio
Oeding (www.studio-oeding.com ) ein Erscheinungsbild, das sich aus deren Ar-
beitsmaterialien ableitet – den Tools, die in den Workshops benutzt werden, die für
die qualitative Forschung so wichtig sind. In dem schönen blassen Rot, Blau, Grün
und Gelb von Karteikarten und mit einer klaren und grafischen Linienstruktur
versehen, ist die Gestaltung so zeitgemäß wie schlicht, spielt mit wissen-
schaftlicher Präzision – und ist vor allem auch sehr charmant.
Sie durchzieht die Geschäftsausstattung, findet sich
auf Schreibblöcken, Visitenkarten und klei-
nen Aufklebern und bestimmt zu-
dem die Website. sd
 PAGE 07.16 013

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxx

App mit Geruchssensor. Nivea verdanken wir —LPMPHJTDI

die wohl erste App, mit der sich Schweißgeruch
POMJOFESVDLFO
vermeiden lässt. Der Grundgedanke: Angeblich ist
bei Männern der Bereich des Gehirns, der Gerüche
wahrnimmt, um 40 Prozent kleiner als bei Frauen.
» Plakate
Happiness/FCB in Brüssel will Abhilfe schaffen und » Mappen

entwickelte mit den kalifornischen Spezialisten von

SPEC Sensors eine Smartphone-Hülle mit entspre-
chender Hardware. Diese verbindet sich per Blue-
tooth mit der App und teilt nach einer Geruchsprobe » Visitenkarten
» Wandkalender
unter der Achsel mit, ob alles okay ist oder schon
፝ —LPTUSPN
8PVFKOlJH

Handlungsbedarf besteht – siehe auch www.nivea

፝ )BVTFJHFOF1IPUPWPMUBJL
mennose.com. Schon dieses Jahr soll die Betaver- "OMBHF RNL8Q

sion von NOSE weltweit getestet werden. cg ፝ ,MJNBOFVUSBMFT&SEHBT

» Flyer
» Briefumschläge
፝ 3½DLHFXJOOVOHEFS
"CX¥SNFEFS%SVDL
NBTDIJOFOVOE
-VGUFS[FVHVOH
፝ 3FJO3FDZDMJOHQBQJFSF
» Faltblätte r
፝ .JOFSBM·MGSFJF%SVDLGBSCFO
» Blocks
፝ "MLPIPMGSFJF%SVDLQSP[FTTF
%URVFKXUH X
XUH
፝ ,MJNBOFVUSBMF1SPEVLUJPO
NJU&NJTTJPOTBVTHMFJDI
More Cat Content
Brauchen wir mehr Emojis? »Auf jeden Fall«, sagte man sich » Broschüren
» Schreibtisch-
unterlagen
bei Microsoft und liefert mit dem kommenden Windows-10-
Update sechs neue Ninja-Cat-Bildchen aus. Dafür kombiniert
der User das Standard-Katzen-Emoji mit jeweils einem wei-
teren. Neben hübschen Piktogrammen sind auch technische
Verbesserungen geplant:  https://is.gd/win10up2016 .  as
FJOF.BSLFEFSCPOJUBTQSJOUHNCI
 014 PAGE 07.16 › SIGNALE
5 Katharina Hesse liest Gedichte –
im Fotoband »Umbra« von
Viviane Sassen (Prestel Verlag,
München. Gestaltet von
Irma Boom Office. 59 Euro)
„Es geht nicht
darum, eine
Materialschlacht
hinzulegen“
Katharina Hesse, Geschäftsführerin der
Stiftung Buchkunst (www.stiftung-
buchkunst.de ), über den jüngsten Wett-
bewerb Die schönsten deutschen Bücher.
Was war Ihr Highlight unter den 25 prämier-
ten Einsendungen?
Katharina Hesse: Als Objekt hat mich der von Irma
Boom gestaltete Ausstellungskatalog über Olafur
Eliasson 1 fasziniert. Es gab dieses Jahr diverse Ein-
bände aus gefärbter Folie. Hier macht das aber inhalt-
lich Sinn und weckt Lust auf den Künstler.
Wie groß ist das Interesse am
»altmodischen« Medium Buch noch?
Mit 788 Beiträgen von 448 Einsendern gab es einen
Zuwachs von fast 14 Prozent. Die technische Quali-
tät war fast durchweg sehr gut. Nur beim Aufschlag-
verhalten hakt es öfters, selbst bei fadengehefteten
Bänden wird häufig zu viel Leim aufgetragen.
Manche der ausgezeichneten Bücher wirken
auf den ersten Blick unspektakulär.
Es geht nicht darum, eine Materialschlacht hinzule-
gen, sondern sich Gedanken darüber zu machen, was
zum Inhalt passt. Der »Architekturführer Köln« 2
etwa ist so klar strukturiert, dass man wirklich im-
mer weiß, wo man ist. Warum gibt es nicht mehr
solche Reiseführer? Die Farbwahl orientiert sich am
Grün der Kölner Brücken – das muss man nicht wis-
sen, es ist aber ein wunderschönes Detail. Oder neh-
men wir das Jugendbuch »Opfer« 3 , das ohne das
für diese Zielgruppe sonst oft betriebene Brimbo-
rium auskommt und darum sehr fokussiert wirkt.
Das Cover ist stark, der Satzspiegel hat genau die
Größe der Zielscheibe und lässt viel Raum für die
Bleiphobie von Jugendlichen.
Auf ungewöhnliche Weise geht auch das
Buch »Was glaubt ihr denn« 4 mit dem
Thema Religion um.
Der sehr gelungene Schutzumschlag mit Fotos von
Andrea Huber passt zu dem, was darunter ist! Man
steigt in jedes Kapitel mit einer Fotostrecke ein, an
deren Größe sich der Satz anpasst. Wobei der Text
mal wie Lyrik, mal als Fließtext gesetzt ist.
Ein Trend zu Gedichten? Im Bildband der nie-
derländischen Fotografin Viviane Sassen 5
gibt es ebenfalls welche.
Ja, aber versteckt in gefalzten Blättern. Überhaupt
bietet dieses Buch ein komplexes Blättererlebnis,
das die Bilder fast collagenartig verbindet. Sehr se-
hens- und befühlenswert. cg
 PAGE 07.16 015

Olafur Eliasson: Reality

Machines. Buchhandlung
Walther König, Köln.
Gestaltet von Irma Boom
Office. 48 Euro

Uta Winterhager:
Architekturführer Köln.
Buchhandlung Walther
König, Köln. Gestaltet von
Foto links: Nina Faulhaber; Fotos oben rechts: Studio Olafur Eliasson; alle anderen Fotos: Uwe Dettmar

Jazek Poralla. 24,80 Euro

Björn Bicker: Was

glaubt ihr denn. 4

Verlag Antje Kunst-

mann, München.
Gestaltet von Mari-
on Blomeyer, mit
Fotos von Andrea
Huber. 95 Euro

Jesper Wung-Sung:
Opfer. Carl Hanser
Verlag, München.
Gestaltet von
3 Stefanie Schelleis.
13,90 Euro
016 PAGE 07.16 › TITEL › Kreative Recherche

TITEL

Mal was ganz anderes: Für

ein Semesterprojekt recher-
chierten Studenten der BTK
Berlin vor Ort auf dem Acker –
im wahrsten Sinne des
Wortes (siehe Seite 29)
 ● Manchmal hat man Glück. Dann liefert der Auf-
traggeber schon im Briefing wesentliche Informatio-
nen, die die Kreativen sich sonst in aufwendiger Re-
cherche hätten besorgen müssen. »Häufig sind das
Markt- und Markeninsights«, sagt Christian Rentsch-
ler, Kreativdirektor Konzept Online bei Kolle Rebbe
in Hamburg, »also Trendanalysen und Statistiken zur
Entwicklung des Wirtschaftszweigs, in dem der Kun-
de aktiv ist, mögliche neue Wettbewerber oder die
Positionierung des Unternehmens – die gegenwärti-
ge und die künftige.« Das ist hilfreich, aber nur sel-
ten ausreichend, denn die Agentur braucht nicht nur
Zahlen, sondern auch qualitative Erhebungen, zum
Beispiel Ergebnisse aus Nutzerbefragungen oder der
Marktforschung. »Hat der Kunde eine Fanpage auf
Facebook oder einen Instagram-Auftritt, fragen wir
zudem die entsprechenden Reportings an. Das ist
interessant im Hinblick auf Zielgruppen und die Per-
formance der Beiträge«, erklärt Rentschler.
Diese strategische Recherche übernimmt bei Kol-
le Rebbe die Strategieabteilung. Sie fasst das Kun-
denbriefing zusammen und reichert es mit weiteren
Fakten an, um den Creative Brief zu erstellen. Kann
der Auftraggeber keine Informationen zur Verfü-

Grabe tief,
blicke weit!
Gründliche Recherche führt zu besseren Ergebnissen – und neuen
Ideen. Wir zeigen, wie Designer, Illustratoren, UX- und Digitalexperten
dabei vorgehen, und geben Tipps zu Recherchemethoden und -quellen
018 PAGE 07.16 › TITEL › Kreative Recherche

RECHERCHE-TIPP
Als Online CD interessieren mich vor
allem digitale Trends, Innovationen
und neu aufkommende Technologien
sowie das sich ständig ändernde Nutzer-
verhalten. Eine Sammlung der besten
Cases bietet der Digital Buzz Blog.
Christian Rentscher, Kreativdirektor Konzept Online bei
Kolle Rebbe, Hamburg

Recherchequellen
So recherchiert die Digitalabteilung
von Kolle Rebbe
Um herauszufinden, für welche Themen sich die Menschen
im Internet interessieren, eignen sich Tools wie Google
Analytics, Google Trends oder die Business-Sites von
Facebook (  www.facebook.com/business )  und Instagram
( h
  ttps://business.instagram.com )  . Nützlich ist auch das RECHERCHE-TIPP
YouTube Playbook ( h
  ttps://think.storage.googleapis.com/
docs/creator-playbook-for-brands_research-studies.pdf )  , Für die strategische wie auch
in dem man die Richtlinien für YouTube-Videos nachlesen konzeptionelle Recherche empfehle
kann und erfährt, was auf diesem Kanal gut funktioniert.
Weitere hilfreiche Quellen für unsere Arbeit sind: ich die Think-with-Google-Site.
Website-Analyse: Google Analytics, eTracker Hier findet man gebündelt
Studien und Inspirationen: Think with Google Verbrauchertrends, Branchenein-
( h
  ttps://www.thinkwithgoogle.com ) 
Studien und Marktforschung:  www.bitkom.org ,    blicke und kreative Inspirationen.
www.bvdw.org/themen ,    www.ard-zdf-onlinestudie.de ,    Alexa Schulze Kreativdirektorin Social Media bei
www.agof.de ,    www.b4p.media/startseite   Kolle Rebbe, Hamburg
Hashtag-Analyse: Tagboard, hashtags.org, Keyhole

So recherchiert Zeichen & Wunder

Unverzichtbare Klassiker sind Google Alerts und Google
Trends, Zukunftsinstitut und Statistisches Bundesamt.
Neben den Onlineausgaben der großen Magazine und
Zeitungen wie »ZEIT«, »Süddeutsche Zeitung«, »New Yorker«
oder »Times« nutzen wir häufig:
http://trendbuero.com  und  http://werteindex.de   terviews. Aufschlussreich sind auch Ausflüge zum
Nützliche Quelle für gesellschaftliche Trends. Interessant ist
hier besonders der jedes Jahr aktualisierte Werteindex,
der analysiert, über welche gesellschaftlichen Werte die
Deutschen im Internet diskutieren.
http://kunstgeschichte.info
Unter diesem scheinbar banalen, rückwärtsgewandten
Namen versteckt sich eine interessante Seite. Neben den
neuesten internationalen Ausstellungs- und Messetermi-
nen findet man hier Informationen über Standardwerke,
Magazine, Lexika und Filmmaterial zu Kunst und Kultur.
gung stellen, nimmt die Agentur selbst Zielgrup-
penbefragungen vor, zum Beispiel telefonische In-
Point of Sale, um Insights aus Konsumentenperspek-
tive zu gewinnen. In dieser Phase arbeiten die Stra-
tegen bereits eng mit den Kreativen zusammen, ge-
meinsam entwickeln sie auf Basis der gesammelten
Erkenntnisse das kreative Sprungbrett für das Pro-
jekt und erste Ideen.
Die kreative Recherche findet dann im jeweiligen
Kompetenzfeld statt. »Der Online Art Director schaut
etwa, welche Websites Benchmarks setzen, welche
ausgezeichnet wurden, eine besonders gute Usability
haben und welche Trends relevant sein können«, be-

richtet Alexa Schulze, Kreativdirektorin Social Me-
dia bei Kolle Rebbe. Das Art-Buying sucht Fotografen
oder Illustratoren, die Film-, Funk- und Fernsehab-
teilung passende Produktionsfirmen und Regisseure.
Ideen finden und teilen
Recherche macht viel Arbeit, deshalb gilt es schon
um der Effizienz willen, die eigenen Ergebnisse mit
den Kollegen – gerade auch aus den anderen Abtei-
lungen und Disziplinen – zu teilen. So inspiriert man
sich gegenseitig und bringt sich auf neue Ideen. Auf
dem wöchentlichen Montagsmeeting mit allen
271 Mitarbeitern werden bei Kolle Rebbe die wich-
tigsten Ereignisse vorgestellt. Als Christian Rentsch-
ler kürzlich auf dem Digitalfestival SXSW in den USA
war, gab er das dort gewonnene Wissen anschlie-
ßend beim Montagsmeeting weiter.
Als Onliner freuen Alexa Schulze und Christian
Rentschler sich, wenn Kollegen zu Design- und Art-
Hotspots wie der Art Basel oder Frieze London rei-
sen und davon berichten. Manchmal gibt es die Ge-
legenheit, mit dem Art-Buying zu Ausstellungen mit
professioneller Führung zu gehen, und von Zeit zu
Zeit finden bei Kolle Rebbe »Art-Buying Nights« statt,
zu denen verschiedene Agenten eingeladen werden,
um Künstler, Fotografen und Regisseure vorzustel-
len – da sind Inspirationen garantiert.
»Wir bewegen uns sehr bewusst durchs Web und
schauen uns regelmäßig Seiten wie Behance oder
Awwwards an«, so Alexa Schulze. »Wichtig ist auch,
permanent zu beobachten, wie Menschen Social Me-
dia nutzen. Was geben sie wo von sich preis, wie in-
szenieren sie sich, wovon oder von wem lassen sie
sich mitreißen, worüber diskutieren sie? Das ist eine
Art ongoing research. Wenn einer von uns etwas
sieht, das ihn regelrecht vom Stuhl haut, müssen wir
das natürlich teilen.« Deshalb hat das Online-Team
die alle zwei Wochen stattfindende Tea-Time initiiert.
Im kleinen Rahmen tauschen sich die Digitalkolle-
gen über digitale Prozesse, Konzepte und Trends aus
und lassen diese Learnings in die Projekte einfließen.
Notwendiger Perspektivwechsel
Ziel der Recherche bei der Münchner Designagentur
Zeichen & Wunder ist es stets, eine andere Ebene zu
erreichen als das ewige »Hier ist das Produkt und hier
die Zielgruppe«. »Hinter jedem Produkt und jeder
Marke steckt heute auch ein Sehnsuchtsbedürfnis«,
erklärt Geschäftsführerin Julia Peglow-Peters. »Wenn
wir immer alles brav per Checkliste abarbeiten und
versuchen, alles richtig zu machen, kommen wir
nicht in die Tiefe. Recherche heißt für uns auch, die
Dinge ganz blank und nackt zu sehen, um zu dieser
elementaren Ebene vorzudringen.«
Dafür ist ein Perspektivwechsel nötig. Normaler-
weise schaut der Kunde von innen nach außen, Zei-
chen & Wunder möchte erreichen, dass er einmal von
außen auf sein Unternehmen und seine Produkte
schaut. Dabei hilft die Kreativrecherche. »Wir recher-
chieren sehr breit, machen quasi einen 360-Grad-
PAGE 07.16 019
Rundumschlag, googeln bestimmte Begriffe, die mit
ihm in Zusammenhang stehen, schauen, was schreibt
die Presse darüber, welche Bildwelten existieren zu
diesem Thema und so weiter.« So lassen die Münch-
ner Kreativen ein Bild entstehen, wie die Zielgruppe
das Unternehmen sieht.
Perspektivwechsel sind keine einfache Sache. Das
weiß jeder, der mal versucht hat, seine Sicht der Din-
ge um 180 Grad zu drehen. Zeichen & Wunder lädt
Auftraggeber daher zu Kick-off-Workshops ein, in
denen die Kreativen Fragen stellen und das Team des
Kunden auch schon mit der ein oder anderen The-
se konfrontieren. Dank guter Vorbereitung und klu-
ger Moderation gelingt es in der Regel, sich schnell
und tief in die Materie einzuarbeiten. Der schöne
Richtig googeln
● Wir alle nutzen die Suchmaschine – und sind mit der
Sortierung der angezeigten Ergebnisse oft überfordert.
Die wenigsten verwenden die »Erweiterte Suche«, die
sich hinter dem kleinen Rädchen oben rechts verbirgt und
ziemlich hilfreich sein kann:
Anführungszeichen: Setzt man ein gesuchtes Wort in
Anführungszeichen sucht Google nach Seiten, die genau
dieses Wort oder diese Wortgruppe enthalten.
Zeitliche Eingrenzung: Im Feld »Letzte Aktualisierung« kann
man zwischen »in den letzten 24 Stunden« bis zu »im letzten
Jahr« wählen – wobei man beachten muss, dass Google sich
daran orientiert, wann die Seite erfasst oder geändert wurde,
und nicht, wann sie tatsächlich erstellt worden ist.
Oder-Variante: Wer unsicher ist, welches Wort der beste
Suchbegriff ist, sollte ein »OR« zwischen die Wörter setzen.
Bei der Eingabe »Myanmar OR Burma OR Birma« sucht
Google nach allen Namen für dieses Land.
Das Minuszeichen: Durch ein Minuszeichen vor dem Such-
wort lassen sich uninteressante Kontexte des Begriffs
ausschließen. Wer »Seepferdchen« eingibt, bekommt auch
jede Menge Treffer zum gleichnamigen Schwimmabzeichen.
Bei der Suche »Seepferdchen-Schwimmabzeichen« entfallen
diese.
Bestimmte Sites und Domains: Mit dem Feld »Website« oder
»Domain« kann man nur auf einer bestimmten Website
suchen. Zum Beispiel das Stichwort »Kreativwettbewerbe«
nur auf der PAGE-Seite (site: page-online.de) oder auch
explizit nicht auf einer definierten Website (-site: horizont.
net). Außerdem lässt sich hier die Suche auf bestimmte
Domains einschränken, wie ».org«, ».edu« oder ».gov.«
Festgelegte Dateiformate: Im Feld »Dateityp« lässt sich
nach bestimmten Dateiformaten recherchieren. Benötigt
man zum Beispiel Studien, ist es sinnvoll, nach PDF-Doku-
menten zu suchen, wer nach Tabellen Ausschau hält, sollte
eher »Microsoft Excel (.xls)« auswählen. ant
020 PAGE 07.16 › TITEL › Kreative Recherche

RECHERCHE-TIPP
Um Charaktere für meine Illustrationen zu
entwickeln, recherchiere ich nicht nur aus
ästhetischer Sicht. Manches fließt optisch
gar nicht ein, sondern hilft nur, mir die
Person vorzustellen. Allzu direkte Vorbil-
der lasse ich bewusst aus.
Cynthia Kittler, Illustratorin , Offenbach

Recherchestrategien bei
Zeichen & Wunder
Strategische Recherche
Für ein möglichst vollständiges Bild des Kunden, der
Branche und des Themas gilt es, Insights zu folgenden
Punkten zu gewinnen.
Eigenbild: Wie sieht das Selbstverständnis des Unternehmens
aus? Welche Historie hat es, welche Strukturen und Werte-
modelle? Und wie ist seine Branchenposition? Wettbewerbs-
RECHERCHE-TIPP
umfeld: Welche Player gibt es im direkten Umfeld, wie kom- Mindestens einmal täglich gezielt den
munizieren diese und wie positionieren sie sich visuell? Welche
anderen Unternehmen aus benachbarten oder auch artfrem-
Geist wachrütteln. Austin Kleon
den Branchen gibt es, was kann man von ihnen lernen? schreibt sehr klug und entspannt über
Zielgruppe: Wen adressiert das Unternehmen, welches sind
Kreativität im digitalen Zeitalter,
die »Stammkunden«, welche neuen, potenziellen Nutzer
möchte man erreichen? Haben sich die Zielgruppe und ihre vom Suchen, Finden und Neu-Erfinden
Bedürfnisse verändert? Wie sieht die Öffentlichkeit und in »Steal Like an Artist«.
die Presse das Unternehmen?
Trends: Welche gesellschaftlichen Trends stehen im Julia Peglow-Peters, Geschäftsführerin von Zeichen &
Zusammenhang mit dem Projekt, welche Bedürfnisse Wunder, München
und Sehnsüchte hat der Kunde?

Kreative Recherche
Hier geht es weniger um Vollständigkeit als um einen
besonderen Blickwinkel, die Suche nach dem Wertvollen.
Vorgehen: Mittels Assoziationen vom Hundertsten
zum Tausendsten kommen. Den eigenen assoziativen
Speicher und das eigene Bauchgefühl füttern, um zu
einem wirklich besonderen Designansatz zu gelangen.
Inhalt: Worüber spricht das Unternehmen oder die Marke?
Wie stellt es diese Themen dar, mit welchen Mitteln im
Corporate Design, mit welchen Bildwelten, mit welcher
Typografie? Welche Historie hat das Unternehmen, welche
Mythen und Geschichten, die es wert sind, erzählt zu wer-
den? Welche Themen kommen eigentlich ständig zu kurz?
Methoden: Intuition und Erfahrung, aber auch gezielte
Recherchemethoden zum Beispiel mit Guerilla-Interviews,
also spontanen Befragungen von Menschen, um wirklich und
wahrhaftig die Kundenperspektive einzunehmen, die in der
Unternehmenskommunikation oft schwer zu integrieren ist.
Workshopraum im fünften Stock tut sein Übri-
ges: Beim Blick über München bis zu den Alpen fällt
die Weitsicht leichter.
Julia Peglow-Peters ist überzeugt, dass sich durch
Visualisierung ein neuer Blick auf die Welt eröffnen
lässt. »Viele Kunden sind es gewohnt, auf Power-
Point-Präsentationen und Analysen zu schauen. Die
Macht von Design ist für sie oft ganz erstaunlich. »In
den Workshops zeigen wir ihnen zum Beispiel, wie
ihre Marke optisch zusammengebaut ist, welches
Muster hinter allem steckt. Dinge in einen Topf zu
werfen und neu zu clustern, ist für viele Auftraggeber
erhellend.« Wer es schafft, diesen Perspektivwechsel
zu vollziehen, gelangt zu neuen Bildwelten. Bildwel-
ten, die abseits des Marketing-Blabla die Emotionen
und Sehnsüchte der Menschen ansprechen.

Die Referenten
● Klaas Neumann und Jakub Chrobok arbeiten
im Team der Golden Section Graphics GmbH,
einer der renommiertesten Infografikagenturen
weltweit. Seit über zehn Jahren bewegen sie
sich im Bereich der Informationsvermittlung auf
allen Plattformen: Jakub Chrobok, zuvor Leiter
des Visual Lab bei C3, ist jetzt als Creative Direc-
tor bei Golden Section Graphics und Dozent
an der AID Berlin tätig. Klaas Neumann, Senior
Artdirector bei Golden Section Graphics, war
Infografiker und Illustrator bei den Gruner + Jahr
Wirtschaftsmedien (unter anderem bei »Financial
Times Deutschland« und »Capital«).
Die Agenda
1 Das Wesen der Infografik –
Stärken und Schwächen
Was kann und muss eine Infografik leisten, und
wie setzt man sie sinnvoll ein? Was unterschei-
det eine journalistisch geprägte Grafik von einer
Visualisierung in der Unternehmenskommuni-
kation? Wie können Illustrationen die Wirkung
und Aussage einer Infografik beeinflussen?
2 Vom Briefing über die Recherche zur
Umsetzung – Cases, Prozesse, Strategien
Wie müssen die Basisinformationen für ein gutes
Briefing aufbereitet sein? Wie kommt man an
die relevanten Daten und damit auf die richtige
Idee? Ist weniger mehr oder mehr Information
hilfreicher? Wie gewinne ich den Kunden für die
Idee? Wie läuft die Abstimmung mit ihm?
3 Animation, Interaktion, Social Media –
die Wahl der Mittel und ihre Kalkulation
Wie setze ich Infografiken viral und crossmedial ein?
Ist eine statische oder eine interaktive, animierte
Grafik besser? Wie gestalte ich den Workflow und
habe die unterschiedlichsten Nutzungsarten im
Blick? Wie kalkuliere ich eine Infografik?
PAGE 02.14ANZEIGE
091
PRAXIS
Weitere PAGE Seminare finden
Sie unter www.page-online.de/seminar
Infografik
Visual Storytelling –
Workflows &
Cases
Das Seminar »Infografik«
● Die Infografik erlebt einen wahren Boom: in Magazinen und Zeitungen
ebenso wie in Geschäftsberichten und Firmenpräsentationen, in Internet
und TV. Damit entwickelt sich ein überaus vielseitiges, grenzüberschreitendes
Tätigkeitsfeld für Grafik- und Kommunikationsdesigner, für Illustratoren
und Fotografen, für Interaction Designer und Animation Artists. Infografiken
können vielschichtige Inhalte direkt veranschaulichen. Doch je schneller
und komplexer die Kommunikation insgesamt wird, umso achtsamer muss
der Kreative bei der Datenaufbereitung vorgehen. Mit einer ästhetisch
faszinierenden Visualisierung ist es nicht getan, es geht um Inhalte, Einsichten
und die Macht des Bildes. Und genau hier liegt denn auch für Jakub Chrobok
und Klaas Neumann die eigentliche Herausforderung. Es wird immer
anspruchsvoller, gute und verlässliche Quellen zu finden, um einen Sach-
verhalt korrekt und unverfälscht wiederzugeben. Der Grafik- und Kommu-
nikationsdesigner ist schon lange nicht mehr nur reiner Gestalter, er ist
zugleich Journalist und wird gerade durch den gezielten Einsatz von Illustra-
tion zum visuellen Geschichtenerzähler.
Jakub Chrobok und Klaas Neumann erläutern im PAGE Seminar anhand
von konkreten Praxisbeispielen, wie eine Infografik entsteht – von der
Recherche über die Skizze bis hin zu Reinzeichnung und Animation. Sie
bieten tiefe Einblicke in die Arbeit eines Infografikers und beleuchten
das Spannungsfeld zwischen reiner Information und guter Gestaltung –
wertvolles Know-how von Designprofis für Designprofis!
Das Seminar findet am 17. Juni
im Hotel 25hours, Hamburg-
Bahrenfeld, von 9:00 bis 17:30 Uhr statt. Die Teilnahme kostet 748 Euro
(zzgl. gesetzlicher MwSt.). Die Gebühr umfasst die Tagungskosten,
Lunch und Kaffeepausen. Die Teilnehmerzahl ist auf 18 Personen begrenzt!
Also schnell anmelden unter  www.page-online.de/seminar . 
Der PAGE Workshop lässt genug Zeit für Fragen und den
Austausch der Teilnehmer untereinander.
PAGE // Ebner Verlag GmbH & Co. KG // info@page-online.de //
Telefon: +49 40 85183400 //  www.page-online.de/seminar
Aufgrund der auf 18 Personen pro Veranstaltung begrenzten Teilnehmerzahl werden die Anmeldungen in der
Reihenfolge der Eingänge der Zahlungen berücksichtigt. Die Teilnahmegebühr fällt mit der Anmeldung an.
Sie ist sofort nach Erhalt der Rechnung zuzüglich gesetzlicher Mehrwertsteuer ohne Abzug zu überweisen.
Bitte beachten Sie unsere Widerrufsbelehrung auf der Leserservice-Seite (siehe Inhaltsverzeichnis).
022 PAGE 07.16 › TITEL › Auftragsakquise ANZEIGE

Thema verfehlt?
Ohne gute Recherche geht im Kommunikations- Die Referentinnen
design nichts, das haben auch die Hochschulen er-
kannt. »Die Aufgaben sind in den vergangenen Jah-
ren immer komplexer geworden. Designer müssen
sich heute länger in Themen einarbeiten, bevor sie
mit der Gestaltung beginnen können«, stellt Cyrus
Dominik Khazaeli fest, Professor für Typografie an
der BTK – Hochschule für Gestaltung Berlin. Des-
halb finden sich inzwischen etwa auch Design Thin-
king und nutzerzentrierte Recherchemethoden in
den Lehrplänen zahlreicher Gestaltungsstudiengän-
ge (mehr dazu ab Seite 28 ff.).
Bei einem Vortrag an der Hochschule der Medien
Stuttgart fiel Alexa Schulze auf, dass die Studieren-
den durchweg gut recherchierten, in kürzester Zeit
zu den gestellten Aufgaben Statistiken, Websiteana-
lysen et cetera lieferten. »Die Generation, die jetzt
für diesen Beruf ausgebildet wird, bekommt das Re-
cherchieren im Netz und das Aufbereiten der ge- ● Sabine Pallaske, Mitbegründerin und Geschäfts-
sammelten Informationen an der Uni offensichtlich führerin von F1online, hat Kommunikationsdesign
gut beigebracht.« mit Schwerpunkt Fotografie an der Hochschule
Und was passiert, wenn man mal nicht ordent- Darmstadt studiert und war lange Zeit selbstständig
lich recherchiert hat? »Dann kann es sein, dass der als Fotografin tätig. Ihre Sachkompetenz bringt
Kreation die Grundlage fehlt, um Ideen zu entwi- sie unter anderem beim Bundesverband professionel-
ckeln«, sagt Christian Rentschler. »Wenn der Crea- ler Bildanbieter (BVPA) aktiv ein, bei der Mittelstands-
tive Brief zu schwammig formuliert ist, nicht auf Fak- gemeinschaft Foto-Marketing (MFM), die sich der
ten beruht, dann tun sich die Teams schwer.« Nicht Ermittlung von Bildhonoraren widmet, sowie bei diver-
nur ärgerlich, sondern auch riskant sind falsch re- sen Foren, die sich mit Urheber- und Lizenzrecht
cherchierte Grundlagen. »In der Schule hätte es ge- und Contentnutzung auseinandersetzen. Ihr ist es
heißen ›Thema verfehlt‹, in unserem Job watscht ei- ein Anliegen, das Chaos im Bild- und Lizenzrecht
nen dann der Kunde ab.« Oder man wird unglaub- für Anbieter wie Nutzer durchschaubar zu machen.
würdig und vom Nutzer abgestraft, zum Beispiel
durch Shitstorms im Netz.
Einer der größten anzunehmenden Recherche-
unfälle: Man merkt erst spät im Prozess, dass die
Idee bereits existiert, es eine Kampagne wie die ge-
rade kreierte schon mal gab oder eine ähnliche von
Mitbewerbern in den Startlöchern steht. Da muss
man unter Umständen noch mal komplett bei null
anfangen, das kostet Zeit und Geld. Um das zu ver-
hindern, kann man sich nicht ausschließlich auf das
Internet verlassen – fachliche Expertise und Erfah-
rung sind gefragt. »Bei Kolle Rebbe haben wir Kol-
legen, die seit vielen Jahren als Juroren internatio-
naler Wettbewerbe tätig sind. Die kennen sämtliche
Cases aus den letzten 25 Jahren – darauf kann man
sich verlassen«, so Christian Rentschler. Schön zu
hören, dass der Mensch als Recherchequelle noch
nicht ausgedient hat. ant ● Rechtsanwältin Silke Kirberg ist Inhaberin der auf
Urheber- und Medienrecht spezialisierten Kanzlei
Kirberg in Hamburg. Kernbereich ihrer Tätigkeit ist
PAGE eDossier »Kreative Recherche:
das Bildrecht. Sie berät und vertritt überwiegend
Inspiration durch Information«. Weitere
Recherchetipps und Praxisbeispiele gibt’s Unternehmen und Freiberufler aus der Medienbran-
unter  www.page-online.de/PDDP1018   che, insbesondere Bildagenturen und Fotografen.
Daneben vertritt sie auch Privatpersonen bei Verlet-
zungen ihres Persönlichkeitsrechts in Wort und
PAGE Seminar »Design Thinking«. Entwickeln
Bild. Durch ihre langjährige Praxis ist ihr das Bild-
Sie frische digitale Ideen mit Pia Betton,
Partnerin bei Edenspiekermann! ↗ w   ww. geschäft bestens vertraut. Silke Kirberg ist
page-online.de/seminar-designthinking Mitglied des Experten-Netzwerks BVPAexperts.
 PAGE 07.16
ANZEIGE
023

1 PRAXIS
Weitere PAGE Seminare finden
Sie unter www.page-online.de/seminar

Die Agenda

Bildrecht! 1 Grundzüge des Urheberrechts

Was ist urheberrechtlich geschützt, und wer
hat wann die Nutzungsrechte inne?

Was Bildnutzer und 2 Schranken des Urheberrechts und

Bildurheber in Zeiten Nebenrechte

Welche Rechte Dritter bestehen unter
von Facebook & Co welchen Bedingungen, und wer muss
wissen müssen sich wann genehmigen lassen, ob die Bilder
veröffentlicht werden können?
A. Model Release: das Recht am eigenen Bild,
Klärung mit Einzelpersonen oder Model-
agenturen (Kunsturhebergesetz, Grund-
gesetz, EMRK)
Das Seminar »Bildrecht!« B. Property Release: Was ist Panorama-
freiheit, und wo braucht es die Genehmigung
● Die gutgläubige Nutzung von Bildern im Kommunikations-, Grafik- und des Grundstückseigentümers?
Mediendesign kann gut und gerne Nachforderungen in empfindlicher Höhe C. Markenrecht: Imageübertragung oder
mit sich bringen. Und in Anspruch genommen wird immer der zuerst, der Beiwerk? Augen auf bei Styling und Requisite –
ein Bild der Öffentlichkeit zugänglich gemacht hat. Gut also, wenn alle Betei- hier herrscht großer Abstimmungsbedarf.
ligten – Artdirektoren, Art-Buyer, Bildredakteure, Social-Media-Manager,
Editorial Designer, Grafiker, Bildgestalter und Website-Betreiber – verstehen, 3 Nutzungs- und Verwertungs-
was genau sich hinter dem Begriff »Bildrecht« sowie hinter den einzelnen vereinbarungen
Lizenzmodellen verbirgt. Property und Model Release, Marken-, Eigentums- Wer räumt wem wann was ein – und wie?
und Persönlichkeitsrecht sowie das Recht am eigenen Bild bergen mehr Welche Rechte habe ich als Designer, Filme-
Fallstricke, als man gemeinhin annehmen mag. Und das sind nur einige der macher, Fotograf auf der einen Seite und
Aspekte, die selbst bei der Nutzung von sogenanntem lizenzfreiem welche als Nutzer auf der anderen Seite?
Bildmaterial berücksichtigt sein wollen. Auch die AGB haben es in sich. A. Stock: RM/RF/Microstock/Creative
Commons/Flickr & Co
Im PAGE Seminar »Bildrecht« erklären Sabine Pallaske und Silke Kirberg an B. Individualvertrag (Designer, Texter,
anschaulichen Beispielen aus der Praxis nicht nur, was Illustratoren und Fotograf, Illustrator, Filmemacher)
Fotografen sowie Agenturen und Unternehmen bei der Auftragsvergabe und C. Miturheberschaft (extrem wichtig,
Verwertung von Bildern beachten müssen, sondern auch, wie man sich beispielsweise bei Postproduktion oder
in den bildorientierten Social Networks wie Instagram und Pinterest verhält. Styling und Food-Fotografie)
Die Referentinnen räumen in klarer, verständlicher Sprache auf mit
Halbwahrheiten und irreführenden Ratschlägen, sodass Sie ein fundiertes 4 Urheberrecht und Social Media
Rechtswissen für Ihren Arbeitsalltag erlangen, mit dem sich 90 Prozent A. Grundsätzliches
der Abmahnungen vermeiden lassen. Zudem erhalten Sie geldwerte Tipps B. Quellenangabe
für die Vertragsgestaltung und Nutzungsrechtsklärung und können die C. Wie schütze ich mich gegen Missbrauch?
Pausen nutzen, um über konkrete Fälle aus Ihrem Kreativalltag zu sprechen. (Branding und andere Methoden)
D. Welche Lizenzregelungen gelten bei den
Das PAGE Seminar findet am 30. September im Hotel 25hours, verschiedenen Bildagenturen?
Hamburg-Bahrenfeld, von 9:00 bis 17:30 Uhr statt. Die Teilnahmegebühr von
748 Euro (zzgl. gesetzlicher MwSt.) ist gut investiertes Geld. Denn die Teil- 5 Die Tücken im Detail
nahme bewahrt Sie vor manch einer Bildrechtsverletzung, die Sie teuer zu stehen A. AGB – was ist das eigentlich?
kommen könnte, und hilft Ihnen im Falle, dass Sie selbst der Urheber sind, Ihre B. Angebote korrekt formulieren
Rechte zu wahren und angemessene Honorare durchzusetzen. Die Gebühr um- C. Rechteumfang richtig beschreiben
fasst die Tagungskosten sowie Lunch und Kaffeepausen. Die Teilnehmerzahl ist auf
18 Personen begrenzt! Also schnell anmelden unter  www.page-online.de/seminar  . 6 Wer haftet?
Die Rechtekette und die Konsequenzen
für Nutzer, Besteller und Urheber bei
Rechtsverletzungen
PAGE // Ebner Verlag GmbH & Co. KG // info@page-online.de //
Telefon: +49 40 85183400 //  www.page-online.de/seminar
Aufgrund der auf 18 Personen pro Veranstaltung begrenzten Teilnehmerzahl werden die Anmeldungen in Der PAGE Workshop mit Sabine Pallaske und
der Reihenfolge der Eingänge der Zahlungen berücksichtigt. Die Teilnahmegebühr fällt mit der Anmeldung Silke Kirberg lässt genug Zeit für Fragen und
an. Sie ist sofort nach Erhalt der Rechnung zuzüglich gesetzlicher Mehrwertsteuer ohne Abzug zu überweisen.
Bitte beachten Sie unsere Widerrufsbelehrung auf der Leserservice-Seite (siehe Inhaltsverzeichnis). Diskussionen und den Austausch untereinander.
024 PAGE 07.16 › TITEL › Kreative Recherche
Zeitreise
Für das Jubiläumserscheinungsbild von
Sport Münzinger, einem traditionsreichen
Münchner Familienunternehmen, grub
Zeichen & Wunder tief in der Vergangenheit
● Wie Schatzsucher fühlten sich die
Kreativen, als sie die Kartons mit Ar-
chivmaterial von Sport Münzinger am
Münchner Marienplatz in die Agentur-
räume in der Rumfordstraße schlepp-
ten. Zum 125-jährigen Geburtstag des
Sportgeschäfts sollte Zeichen & Wun-
der ein umfassendes Jubiläumserschei-
nungsbild entwickeln. In einem eige-
nen Raum sortierte, katalogisierte und
scannte das Designteam das Bildmate-
rial und stieß auf jede Menge reizvoller
Motive und Geschichten, zum Beispiel,
dass »der Münzinger« in den 1930er
Jahren Ausstatter des FC Bayern war.
Parallel fand eine strategische Re-
cherche statt, in der es hauptsächlich
um die Positionierung und Ausrich-
tung des Unternehmens ging. »Früher
war Fußball ein bisschen prollig, vor
allem aber eine Männersache«, erklärt
Julia Peglow-Peters, Geschäftsführerin
von Zeichen & Wunder. »Das hat sich
aber grundlegend gewandelt: Fußball
verbindet heute alle sozialen Schich-
ten und ist Lifestyle.« Entsprechend
positioniert sich Sport Münzinger als
moderne Kultstätte, allerdings nicht
nur für Fußball.
Durch das gesamte Jubiläumser-
scheinungsbild ziehen sich die wun-
derbaren Retromotive, die Zeichen &
Wunder in den Archivkisten gefunden
hatte: von historischen Trikots und
Im Archivmaterial von
Sport Münziger fand
die Agentur Zeichen &
Wunder jede Menge
reizvoller Bildmotive.
Zum Beispiel das
FC-Bayern-Trikot aus
den 1930erJahren,
als Münzinger noch Aus-
statter des Vereins war.
Oder die alten Schuh-
modelle, aus denen dann
die schöne Papiertrage-
tasche entstand
Schuhen bis zu Menschen, die Sport
treiben. »Ein zeitgemäßes Corporate
Design braucht aber natürlich auch
moderne Elemente, gerade der Kon-
trast macht die Gestaltung ja interes-
sant«, meint Peglow-Peters. So stammt
das Herzstück, das 125-Jahre-Logo,
nicht aus der Vergangenheit. Mit sei-
ner markanten Gitterstruktur erinnert
es eher an den rauen Charme von Bolz-
platzkäfig, Tornetz und Absperrgitter
eines Fußballstadions.
Um die Zielgruppe adäquat anspre-
chen zu können, mussten die Krea-
tiven zuerst Fußball verstehen. Zum
einen beschäftigten sie sich mit den
Anfängen des Sports, vor allem aber
mussten sie den Lifestyle dahinter be-
greifen und nachvollziehen, wie er das
soziale Gefüge von Fußballfans beein-
flusst. Vor-Ort-Recherche war ange-
sagt. »Die Mitarbeiter von Sport Mün-
zinger sind die besten Testimonials,
leben Fußball rund um die Uhr. Also
haben wir sie begleitet, geschaut, mit
wem und wo sie Fußball gucken, ob
sie selbst spielen oder sich zum Tisch-
kicker treffen.«
Daraus entstand quasi nebenbei ei-
ne Fotoreportage, die in die kleine Bro-
schüre »Nine to Five« mündete, die im
Ladengeschäft auslag. »Natürlich ist so
ein Vorgehen keine objektive Recher-
che. Eher ein subjektiver Einblick ins
echte Leben statt einer breit angeleg-
ten Marktforschung«, sagt Julia Peg-
low-Peters und fügt hinzu: »Wir mö-
gen diese Art Recherche sehr, weil sie
uns auch inspiriert.« ant

Der Referent
● Jochen Rädeker, Mitbegründer und geschäfts-
führender Gesellschafter von Strichpunkt, ist
Professor für Corporate Identity und Corporate
Design. Er war acht Jahre Vorstandsmitglied
des Art Directors Club Deutschland, davon drei
Jahre als Präsidiumssprecher. Seine Designagentur
Strichpunkt steht für hochwertige Marken- und
Unternehmenskommunikation im Print-, Online-
und 3D-Bereich, hat mehr als 700 internationale
Preise gewonnen und ist seit Jahren in den Top Ten
des PAGE Kreativrankings vertreten. Jochen
Rädeker verfügt mit seinen Arbeiten für Unterneh-
men von adidas bis WMF, von Audi über Vorwerk
bis zu Kulturfestivals, Schauspiel und Oper über
einen immensen Erfahrungsschatz in Sachen
Konzeption und Umsetzung komplexer Designstra-
tegien – von der Imagebroschüre bis zur Werbe-
kampagne, vom Online- bis zum Messeauftritt.
Die Agenda
1 Identifizieren:
Die Markenpositionierung.
Wie komme ich zu einer belastbaren Corporate
Identity, zum Reason Why einer Marke? Werte-
definition, Vision, Mission und Positionierung.
2 Erzählen: Die Markenstory.
Wie erzähle ich als Designer überzeugende,
einzigartige Markengeschichten? Fallbeispiele
für erfolgreiche Corporate Stories.
3 Gestalten: Multichannel-Design.
Wie funktional muss, wie kreativ darf ein gutes
Corporate Design sein? Online-CD-Manuals
und medienübergreifende Gestaltungskonzepte.
4 Überzeugen: Die Präsentation.
Tipps und Tricks für zielführende Pitches und
Präsentationen.
PAGE 02.14 025
ANZEIGE
PRAXIS
Weitere PAGE Seminare finden
Sie unter  www.page-online.de/seminar  
Leitmedium
Design
Fallbeispiele &
Das Erfolgsseminar
Strategien »Leitmedium Design«
mit Jochen Rädeker –
nach über 25 ausgebuchten
Seminaren jetzt in
München!
Das Seminar
● Marken machen rund 50 Prozent des Wertes eines Unternehmens aus.
Sie richtig zu definieren, zu prägen und zu gestalten, ist deshalb eine der
wichtigsten und komplexesten Aufgaben, die ein Kunde zu vergeben hat.
Designer müssen für diese Herausforderung umfassend gewappnet
sein: Sie müssen auf Beratungsebene souverän Prozesse zu Positionierung,
Vision und Mission moderieren können, auf konzeptioneller Ebene die
richtige Markenstory entwickeln und auf gestalterischer Ebene überzeugende
und einzigartige Lösungen finden, die in allen Kommunikationskanälen
konsistent funktionieren. All das müssen sie am Ende auch noch so präsen-
tieren, dass ihr Kunde die Beratungs- und Designleistungen als objektiv
richtig erleben und bewerten kann und es nicht zu geschmäcklerischen
Entscheidungen am Küchentisch kommt.
Jochen Rädeker erläutert im PAGE Workshop »Leitmedium Design«
sinnvolle Wege und Verfahren für eine nachvollziehbare Marken-
positionierung. Er belegt anhand konkreter Praxisbeispiele – vom
Start-up bis zum Weltkonzern –, wie man mit Marken berührende
und begeisternde Geschichten entwickeln und visuell erzählen kann.
Schließlich gibt er Tipps für erfolgreiche Pitches und Präsentations-
strategien. Wertvolles Know-how vom Designprofi für Designprofis
in Agentur und Unternehmen!
Das Seminar findet am 23. September in den Design Offices
München Arnulfpark von 10:00 bis 18:30 Uhr statt. Die Teilnahme kostet
748 Euro (zzgl. gesetzlicher MwSt.). Die Gebühr umfasst die Tagungs-
kosten, Lunch und Kaffeepausen. Die Teilnehmerzahl ist auf 20 Personen
begrenzt! Also schnell anmelden unter  www.page-online.de/seminar  .
Der PAGE Workshop lässt genug Zeit für Fragen und den
Austausch der Teilnehmer untereinander.
PAGE // Ebner Verlag GmbH & Co KG // info@page-online.de //
Telefon: +49 40 85183400 //  www.page-online.de/seminar
Aufgrund der auf 20 Personen pro Veranstaltung begrenzten Teilnehmerzahl werden die Anmeldungen in
der Reihenfolge der Eingänge der Zahlungen berücksichtigt. Die Teilnahmegebühr fällt mit der Anmeldung
an. Sie ist sofort nach Erhalt der Rechnung zuzüglich gesetzlicher Mehrwertsteuer ohne Abzug zu überweisen.
Bitte beachten Sie unsere Widerrufsbelehrung auf der Leserservice-Seite (siehe Inhaltsverzeichnis).
026 PAGE 07.16 › TITEL › Kreative Recherche

Epochen-Remix
Ganze 35 höchst
durchdachte Illustra-
tionen steuerte
Cynthia Kittler für eine
Neuveröffentlichung
einer Novelle zu Frauen-
held Casanova bei

● Auf eine verschlungene Reise durch

die Zeit begab sich Cynthia Kittler, als
sie für die Edition Büchergilde Arthur
Schnitzlers Novelle »Casanovas Heim-
fahrt« illustrierte. Rasch stellte die in
Offenbach lebende Illustratorin näm-
lich fest, dass in dem zuerst 1918 er-
schienenen Buch gleich vier verschie-
dene Epochen zusammenspielen. Da
ist Casanovas Jugend im Rokoko, der
er noch nachhängt, und sein Alter im
Klassizismus, wo die Novelle spielt.
Dazu kommt die Zeit zwischen Belle
Époque und Moderne, als Schnitzler
den Text schrieb, sowie unsere ge-
genwärtige Sicht, die visuell ebenfalls

Screenshots: https://de.pinterest.com/pin/417216352956342740, https://de.pinterest.com/pin/6966574400929662,

einfließen sollte.
Viel zu tun also bei der Recherche.
Zunächst galt es, über Giacomo Casa-
Von der antiken Figur ei-

https://de.pinterest.com/pin/54817320438061651, https://de.pinterest.com/pin/400820435567117092
nes Hermaphroditen
nova, Arthur Schnitzler und ihren je-
über Gemälde aus dem weiligen Kontext zu lesen sowie Bilder
18. Jahrhundert bis zur von Mode und Interieurs des ausge-
Kenzo-Kampagne henden 18. Jahrhunderts zu suchen.
reichten die Inspirationen Auf Pinterest, einem ihrer Lieblings-
für Cynthia Kittlers recherchetools, fand Cynthia Kittler
Buchillustrationen. Man
reichlich historische »Fashion Plates«.
beachte das Leoparden-
Dabei stieß sie auf Kurioses wie das
muster auf der Hose
des Herrn rechts unten – Bild eines Mannes mit Hose in Leopar-
es findet sich oben auf denmuster – ein Outfit, das sie für eine
der Jacke des tafelnden Figur der Erzählung abwandelte. Auch
Marquese wieder ornamentalen Rahmen – ein belieb-
tes Element der Buchgestaltung um
1780 (und später noch einmal im Ju-
gendstil) – begegnete sie auf Pinterest.
»Schnitzler ist ein Meister der inneren
Monologe und ich setzte Rahmen an
den Stellen ein, wo man die Dinge qua-
si aus Casanovas Kopf heraus erlebt«,
erklärt die Illustratorin.
Spielfilme hat Cynthia Kittler eben-
falls angeschaut, ganz bewusst aber
nicht Federico Fellinis berühmten »Ca-
sanova« oder »Casanovas Rückkehr«
mit Alain Delon. »Ich wollte nicht, dass

mich das zu sehr beeinflusst, und ha-
be deshalb nur Stills im Netz angese-
hen«, berichtet sie. Stattdessen sah sie
»Marie Antoinette« von Sofia Coppola
oder »The Duchess« von Saul Dibb mit
Keira Knightley.
In der riesigen Bildersammlung, die
sich im Laufe der Recherche auf ihrem
Computer ansammelte, finden sich
zum Beispiel Fotos aus der Gegend von
Mantua, wo die Novelle spielt, ebenso
wie Bilder der berühmten Phallus-
Skulpturen von Constantin Brâncusi
oder Fotos von Man Ray – Cynthia
Kittler wollte genau wissen, wie mo-
derne Künstler aus der Zeit Schnitzlers
Frauen darstellten.
Vorbild für die links gezeigte Dar-
stellung der Marcolina war die Statue
eines Hermaphroditen aus römischer
Zeit. »Natürlich ist das eine ganz an-
dere Epoche als der Klassizismus, dem
ich Marcolina zurechne. Aber gerade
in dieser Zeit besann man sich wieder
auf antike Vorbilder«, so die Illustra-
torin. Gleichzeitig floss ein Bild von
Model Devon Aoki aus einer Kenzo-
Kampagne von 2014 in die charakter-
liche Entwicklung dieser Figur ein.
Zum Männlichkeitswahn und der
Rolle der Frau als zentralen Themen
der Erzählung las Cynthia Kittler bei
Google Books nach. Dort fand sie Bü-
cher wie die Magisterarbeit »Alters-
regeln und Sexualnormen in ausge-
wählten Erzähltexten Arthur Schnitz-
lers« oder »Unser postmodernes Fin
de Siècle: Untersuchungen zu Arthur
Schnitzlers ›Anatol‹-Zyklus«. Unter an-
derem gab es dort aufschlussreiche
Analysen der im Fechtduell zwischen
Casanova und seinem Widersacher
von Schnitzler angedeuteten Phallus-
Symbolik. Kittler stellte die Szene mit
zwei gekreuzten Penissen dar.
»Wo der Text der Novelle sehr me-
taphorisch ist, kann man auf der Bild-
ebene auch mal überzogen direkt wer-
den. Außerdem wollte ich das Duell
ins Lächerliche ziehen, wie es auch
Schnitzler damals vorgeworfen wur-
de«, so die Illustratorin. Die Lektüre
bestätigte sie darin, dass Casanova ein
klassischer Narzisst war. Also suchte
sie nach dem berühmten Motiv des
Narziss, der sein Spiegelbild im Was-
ser betrachtet. Bilder, die ihn nicht
an einem Tümpel, sondern am Brun-
nen zeigen, inspirierten sie schließ-
lich zum Covermotiv. cg
PAGE 07.16 027
Reality-Ads
Genaue Kenntnis der
zielgruppenspezifischen
Social-Media-Inhalte
und eine adäquate Bild-
sprache bescherten
der TUI-Kampagne von
Kolle Rebbe Erfolg
●»Smile Story« heißt die aktuelle TUI-
Kampagne, in der Mitarbeiter des Rei-
severanstalters vor Ort an den Urlaubs-
zielen im Mittelpunkt stehen ( www.
tui.com/smilestory). In direktem Kon-
takt mit den Urlaubern verraten sie
Insidertipps, die »Smile Stories«. »Zu-
nächst galt es herauszufinden, wel-
che Urlaubstypen den Anfang machen
sollten«, erzählt Christian Rentsch-
ler, Kreativdirektor bei Kolle Rebbe in
Hamburg. »Hier hat TUI uns sehr un-
terstützt, durch ihre umfangreichen
Nutzerdaten konnte sie die Kernziel-
gruppe schnell definieren.« Drei dieser
»Urlaubsexperten« machten den An-
fang: Andreas Lüdtke, Stationsleiter
Wassersport auf Kreta, Carina Weber, Bei der Recherche für die »Smile Storys«
Fitnesstrainerin in Mexiko, und Elvan galt es vor allem, eine authentische
Türe, Kinderanimateurin in der Türkei. Bildsprache für die verschiedenen Social-
Auf Plakaten, vor allem in Videoclips Media-Kanäle zu finden
und einem dreieinhalbminütigen You-
Tube-Film stellten sie sich vor und lu- und diese Themen mit denen abgegli-
den zur Entdeckung der Reiseziele ein. chen, die sich aus den Gesprächen mit
»Aufwendig war die Recherche der den Protagonisten ergeben hatten.
richtigen Produktionsfirma und des Dann haben wir für jeden Kanal den
Regisseurs«, so Christian Rentschler. passenden Content generiert«, be-
»Schließlich wollten wir diese authen- richtet Alexa Schulze, Kreativdirekto-
tischen Geschichten nicht mit einem rin Social Media bei Kolle Rebbe. Die
normalen Werberegisseur umsetzen, benötigten Fotos und Videos produ-
sondern mit jemanden, der im Doku- zierten Bakery Films und der Fotograf
mentarfilm zu Hause ist.« Die geeig- Florian Schüppel vor Ort gleich mit.
neten Partner fanden sie mithilfe von Bei der Recherche arbeitete Kolle
Kolle Rebbes Film-, Funk- und Fern- Rebbe eng mit dem Social-Media-Team
sehabteilung schließlich in der Ham- von TUI zusammen. »Wir wollten zum
burger Produktionsfirma Bakery Films Beispiel genau wissen, welche Inhalte
und Regisseur Thomas Grube. gut funktionieren«, so Alexa Schulze.
Parallel zum Dreh konzipierte Kolle »Das geht von den richtigen Farbantei-
Rebbe Formate und Inhalte für die di- len im Bild über die passenden The-
gitalen Kanäle, also für die magazinig men bis zur Frage, welche Posts ge-
aufgebaute Kampagnenseite sowie für wöhnlich gut ankommen.« Für TUI hat
Facebook, Instagram und YouTube. sich die gründliche Recherche aus-
»Wir haben für jede Plattform geschaut, gezahlt, die »Smile Story«-Kampagne
was dort für die Zielgruppe relevant ist, läuft sehr erfolgreich. ant
 028 PAGE 07.16 › TITEL › Kreative Recherche
Lasst euch
überraschen!
Recherche will gelernt sein. Deshalb spielt
das Thema theoretisch wie praktisch eine
große Rolle im heutigen Designstudium
Foto: Oliver Jung
RECHERCHE-TIPPS
1 »Be your own customer«: Den
ersten Schritt in einem neuen
Projekt macht man am besten
»in den Schuhen des Nutzers«.
2 Erkenntnisse gibt’s nur mit echten
Menschen im echten Kontext.
3 Zuhören, Lernen, Denken:
Wünsche ≠ Bedürfnisse ≠ Lösungen.
4 Mit schnellen Prototypen beflügelt
man die Vorstellung der Nutzer.
5 »Get out of the building« und nutzt
die Design-Thinking-Methoden.
6 Glaubt niemals kurzen Regeln in
Tipp-Boxen ...
Hans Krämer, Professor für Interaktionsgestaltung an der
Hochschule für Gestaltung Schwäbisch Gmünd
● Ein Kommunikationsdesignstudium – sei es noch
so künstlerisch orientiert – hat zum Ziel, dass die
Absolventen ihren Weg als Auftragsgestalter finden.
Und egal, welche Richtung sie einschlagen: Recher-
chieren müssen alle. »Wir bilden kreative Leader aus,
nicht nur handwerklich ausgerichtete Kommunika-
tionsdesigner oder Design Manager, die später Ideen
anderer umsetzen«, erklärt Ulrike Krämer, Leiterin
des Institute of Design in Hamburg. »Dafür brauchen
sie Innovations- und Strategiekompetenz, verbunden
mit globalem Überblick – hierfür sind Recherche-
kompetenz und Querdenkertum unerlässlich.«
Ergänzend zur visuellen Recherche, wie sie Uni-
versitäten und Akademien seit jeher vermitteln, hat
das Thema User Research Einzug gehalten. Nach
Interaction und User Experience Design breitet sich
die Methodenlehre auch auf klassisches Kommuni-
kations- und Produktdesign aus und spielt in neuen
Studiengängen wie Digital Ideation oder Internet of
Things eine zentrale Rolle.
Diese Hinwendung zum User Centered Design
und die Integration von Design-Thinking-Methoden
haben vielerorts zu einem Paradigmenwechsel im
Designstudium geführt. »Der Fokus auf User Re-
search ist ein Gegengewicht zum alten Meister-
schüler-Modell: Nicht die Designkoryphäe ist das
Maß aller Dinge, sondern der Nutzer«, erklärt Andres
Wanner, Leiter des Studiengangs Digital Ideation an
der Hochschule Luzern. Dies verlange eine gewisse
Demut des Gestalters, an die sich die Studenten oft
erst gewöhnen müssten. »Viele denken am Anfang,
gutes Design beruhe auf Talent oder göttlicher Ein-
gebung, aber es ist harte Arbeit – und Recherche
macht einen großen Teil davon aus«, so Ubbo Küg-
ler, Professor für Kommunikationsdesign an der
BTK – Hochschule für Gestaltung in Iserlohn.
Das bedeutet keinesfalls, dass Gestaltung an Kre-
ativität verliert. Bei der Informationssuche muss man
einfallsreich sein, um die Ergebnisse zu bekommen,
die man benötigt. »Das Verdichten und Filtern von
Informationen ist ebenfalls eine kreative Leistung«,
ergänzt Hans Krämer, Professor für Interaktionsge-
staltung an HfG Schwäbisch Gmünd. Ausführliche
User Research habe zudem den Vorteil, dass sie die
Ideenentwicklung häufig schon einschließe: »Die
Lösung liegt dann quasi auf dem Tisch. Man muss
die Ergebnisse nur noch sortieren und filtern.«
Keine Theorie ohne Praxis
Staatliche wie private Einrichtungen vermitteln Re-
cherchewissen durch eine Mischung aus Theorie und
Praxis. Methoden wie Onlinerecherche, das Auswer-
ten von Statistiken, Interviews und Beobachtung las-
sen sich nur bis zu einem gewissen Grad trocken
lernen. »Studienanfänger denken oft, dass mit ei-
nem Blick auf die ersten Google-Suchergebnisse und
den Wikipedia-Eintrag schon alles getan ist«, sagt
Ubbo Kügler. »Bei uns lernen sie im sechsten Semes-
ter in einem Design-Thinking-Kurs, was Recherche
wirklich bedeutet.«

Landlust unter
der Lupe
Designstudenten der BTK
Berlin begaben sich auf die
Suche nach Stadt-Land-
Synergien und trainierten
Design Thinking
● Wie lässt sich die Attraktivität von
Dörfern als Erholungs- und Zuzugs-
gebiet erhöhen? Und wie kann man sie
mit medialer und kommunikativer Un-
terstützung wiederbeleben? Das wa-
ren die Ausgangsfragen, denen sich
14 Kommunikationsdesignstudenten –
alle im vierten oder fünften Semester –
in dem Kurs »Ideation and Prototype«
im Wintersemester 2015/16 an der
BTK – Hochschule für Gestaltung Ber-
lin widmeten. Die Veranstaltung ori-
entierte sich am Design-Thinking-Pro-
zess, wobei die Professoren Cyrus Do-
minik Khazaeli und Thomas Noller
großen Wert auf eine ausgiebige Re-
cherche legten.
Die Studenten starteten mit einer
umfangreichen Literatur- und Online-
recherche zur Geschichte und Sozio-
logie des Dorfes sowie zu erfolgreichen
Erneuerungsinitiativen. Im nächsten
Schritt befragten sie vor Ort zugezo-
gene und einheimische Dorfbewoh-
ner, die sie in einem Dorf südlich von
Brandenburg zu einem längeren Ge-
spräch trafen. Im Anschluss besichtig-
te die Gruppe verschiedene Orte, um
die Potenziale und Schwierigkeiten
des Landlebens – und ihre mögliche
Attraktivität für Städter – unmittelbar
zu erfahren. Dafür nahmen sich Stu-
denten und Dozenten mehr Zeit als
sonst in Seminaren üblich und ver-
brachten ein ganzes Wochenende im
Guts- und Seminarhaus Projektraum
Drahnsdorf.
Aus diesen Erkundungen ergab sich
unter anderem, dass ein Umzug aufs
Land nicht mit Arbeitslosigkeit und
Langeweile einhergehen muss. Statt-
dessen eröffne sich eine Fülle neuer Tä-
tigkeitsfelder, die die bisherige beruf-
liche Arbeit ergänzen und teilweise so-
gar ersetzen könnten, beispielsweise
Deich- und Lehmbau, Permakultur,
Erzeugung landwirtschaftlicher Pro-
dukte oder die Entwicklung regiona-
ler und alternativer Vertriebswege.
Auf Grundlage der Ergebnisse aus
der Vorrecherche und den qualitativen
Interviews entwickelten die Studen-
ten dann erste Ideen und Konzep-
te, wobei sich drei Lösungsansätze in
drei Arbeitsgruppen herauskristalli-
sierten: eine App für soziale und re-
PAGE 07.16 029
Die Studierenden
sprachen mit
»Dorfexperten«,
lernten, wie man
Gemüse lagert,
und erkundeten
ungenutzte
Gebäude im Dorf
gionale Orientierung und Vernetzung,
ein Konzept für die Reaktivierung ak-
tuell leer stehender Gebäude und ei-
ne digitale Plattform für solidarische
Landwirtschaft. Für Letzteres führten
die Studenten eine Onlinebefragung
mit Vertretern solcher Projekte durch,
die zeigte, dass ein sehr großes Inte-
resse an einer Plattform besteht, die
die unterschiedlichen Einzelinitiati-
ven aggregiert.
Nach einem Proof of Concept an
der BTK, bei der vier der sechs befrag-
ten »Dorfexperten« anwesend waren,
arbeitete das Team in der anschließen-
den Prototyping-Phase die Verbesse-
rungsvorschläge ein. So entstand das
Konzept für die Plattform Solawi, die
eventuell als Projektarbeit real umge-
setzt wird. »Abschließend lässt sich
sagen, dass die Projekte durch die Aus-
einandersetzung mit den potenziel-
len Nutzer- und Anbietergruppen ge-
wonnen haben«, erzählt Cyrus Domi-
nik Khazaeli. Mit mehr Zeit hätte man
die Recherche weiter vertiefen kön-
nen, um zu noch besseren Ergebnis-
sen zu gelangen. nik
030 PAGE 07.16 › TITEL › Kreative Recherche
RECHERCHE-TIPPS
1 Führe ein Artist Book mit Skizzen,
Collagen und Fundstücken.
2 Frage deine User nach Problemen,
nicht nach Lösungen (dafür bist du
als Designer zuständig).
3 Sammle Bilder, Roboter, Kaugummi-
papierchen, Wörter, Zeitungsaus-
schnitte. Irgendwann kannst du was
davon verwenden.
4 Nutze das Internet für die Recherche,
aber nimm unübliche Software.
Themenrecherche via Twitter liefert
aktuelle Debatten; Bildrecherche auf
Flickr ist schöner als bei Google.
5 Steh zu deinen Fehlern und
behalte sie.
Andres Wanner, Leiter Studiengang Digital Ideation an der
Hochschule Luzern
Auf den Theorie-Input folgt an den meisten Schu-
len ein praktisches Projekt – wenn nicht gleich »am
lebenden Objekt« gelehrt wird. Anhand eines konkre-
ten Problems spielen die Studenten den ganzen krea-
tiven Prozess durch – angefangen mit der Recherche.
Da eine ausführliche Nutzeranalyse die Entwurfs-
situation sehr komplex macht, kommt sie erst in spä-
teren Semestern des Bachelorstudiums zum Einsatz,
so Hans Krämer. »Die Ergebnisse sind selten eindeu-
tig und widersprechen sich eher, als dass sie ein kla-
res Bild abgeben. Es kostet viel Zeit, die Zielkonflikte
unter einen Hut zu bringen und eine optimale Lö-
sung zu finden.« Egal in welcher Phase – nutzerzen-
trierte Recherchemethoden haben im Bachelorstu-
dium jedes Gestalters Platz, meint Andres Wanner:
»Diese Kenntnisse sind äußerst nützlich für die Be-
rufspraxis und müssen nicht bis zum Master warten.«
Die Mischung macht’s
Neben diesen neueren Ansätzen hat die visuelle Re-
cherche nach wie vor ihre Bedeutung in der Design-
ausbildung. Neben Inspiration geht es dabei spezi-
ell um einen Überblick, was es in dem Themenbe-
reich schon gibt und gab. »Sei es eine Kampagne
oder ein Corporate Design – man muss wissen, was
in der Branche Usus ist, um dann etwas Neuartiges
gestalten zu können. Man muss die Regeln und Nor-
men kennen, um sie zu brechen«, meint Christoph
Scheller, Professor am Fachbereich Gestaltung an
der FH Aachen.
In Zeiten des Internets sind der Recherche kaum
Grenzen gesetzt. Das hat allerdings zur Folge, dass
der Blick für analoge Quellen verloren zu gehen
droht. Deshalb unternimmt Ubbo Kügler jedes Se-
mester einen Rundgang durch die Fachbibliothek –
mit Anwesenheitspflicht. »Einigen ist gar nicht klar,
dass sie nicht alles im Netz finden. Dabei zielt das
meiste, was wir gestalten, auf einen Platz in der Rea-
lität: Printmedien und Objekte«, meint er. Auch An-
dres Wanner hält seine Studenten dazu an, die reale
Welt nicht zu vernachlässigen: »Hier findet sich sehr
viel mehr Überraschendes als am Bildschirm. Zum
Beispiel interessante Piktogramme auf einer Baustel-
leninfotafel! Gestalter sollten immer mit offenen Au-
gen, Kamera und Skizzenbuch durchs Leben gehen.«
Offenheit lernen
Wichtiger noch als die Tools und Quellen ist die
Haltung, die hinter jeder Recherche steht und die
durch Neugier, Offenheit und Empathie geprägt
sein sollte. »Ein häufiger Fehler ist, dass Recherche
nur dazu dient, die eigenen Annahmen oder Vorur-
teile zu bestätigen«, sagt Andres Wanner. Er frage
seine Studenten deshalb jedes Mal: »Was habt ihr
Neues und Überraschendes herausgefunden?« Das
werte Ergebnisse, die den eigenen Erwartungen wi-
dersprechen, auf.
Nach dem ersten Schwung an Ergebnissen und
der anschließenden Ideenfindung folgt im Design-
Thinking-Prozess eine weitere Recherchewelle, in
der die erarbeiteten Konzepte auf ihre Tauglichkeit
hin geprüft werden – sei es durch Interviews auf der
Straße, Onlinefragebögen oder Prototypen. Das ist
für die Studenten nicht immer einfach. »Die Bereit-
schaft, Ideen, in die sie mitunter schon viel Zeit und
Herzblut investiert haben, durch Dritte überprüfen
zu lassen, müssen sie erst lernen«, berichtet Cyrus
Dominik Khazaeli.
Bei allen Vorzügen der Recherche sollte besonders
im Studium abgewogen werden, wo sie angebracht
ist und wo nicht. »Man muss eine Balance finden zwi-
schen freier Inspiration, die besonders bei der visu-
ellen Recherche zum Tragen kommt, und der geziel-
ten Suche nach Informationen über Inhalte, Projekt-
organisation und Gestaltungsansätze«, erklärt Ub-
bo Kügler. »Anders gesagt: Die Studenten dürfen
die Realität nicht aus den Augen verlieren – aber sie
müssen auch mal träumen dürfen.« nik

Die Referentin
● Pia Betton, Partnerin bei Edenspiekermann,
blickt auf 20 Jahre Erfahrung in den Bereichen
Brand Development, Corporate Design, Design
Thinking, Design Research, Innovation und
Communication zurück. Ihre berufliche Laufbahn
führte sie ins Management von Unternehmen
wie MetaDesign, Institute of Electronic Business
und heute Edenspiekermann. Ihr Portfolio
internationaler Kunden reicht von Firmen wie
Bang & Olufsen, Carlsberg, E.ON und LEGO
bis zu öffentlichen Institutionen wie Deutsche
Bahn und Danish Investment Fund.
Die Agenda
1 Intro. Wie genau sieht ein Kick-off-Workshop
bei Edenspiekermann aus, in dem mit Design-
Thinking-Methoden gemeinsam mit dem Kunden
der Grundstein eines Projekts erarbeitet wird?
Welche Hürden gibt es in einem Design-Thinking-
Prozess? Pia Betton gibt Einblick in konkrete Cases.
2 Nutzerbedürfnisse. Die Teilnehmer lernen,
die wahren Bedürfnisse zu erfragen und auf
Basis dieser Insights Personas zu erstellen, die
die Grundlage für den weiteren Prozess bilden.
3 Produktideen. Die relevanten Bedürfnisse
werden von den irrelevanten differenziert, um
neue userzentrierte Experiences zu generieren.
Ein von Edenspiekermann entwickeltes Spiel
unterstützt den Ideenfindungsprozess.
4 Prototyping. Die Teilnehmer setzen ihre
Ansätze auf den eigenen Smartphones um, sodass
sie am Ende einen funktionierenden Prototyp
in Händen halten, präsentieren und testen können.
5 Retrospektive. Die Teilnehmer erarbeiten,
wie sie das erlernte Wissen am besten in
ihren Gestaltungsprozess integrieren können.
PAGE 02.14 049
ANZEIGE
PRAXIS
Weitere PAGE Seminare finden
Sie unter www.page-online.de/seminar
Design
Thinking
Insights & Hands-on-
Workshop
Das Seminar mit Edenspiekermann
● Der Markt ist übersättigt mit digitalen Anwendungen, aber nur einige
wenige sind erfolgreich. Wen wundert’s, die Nutzerroutinen ändern
sich stetig und damit auch die Anforderungen an Inhalte und Formate,
sprich: an den eigentlichen Service. Die strukturierte Innovations-
methode Design Thinking setzt hier an und verfolgt den Ansatz, Produk-
te und Services aus Sicht des Nutzers zu gestalten. Diese Herangehens-
weise hat Technologieführer wie Apple und Google groß gemacht.
Im PAGE Workshop »Design Thinking« gewährt Ihnen Pia Betton,
Partnerin bei Edenspiekermann, tiefe Einblicke in Kundenpro-
jekte, die durch genau diese Methode erfolgreich geworden sind.
Sie erproben den gleichen Prozess, den Edenspiekermann
genutzt hat, um beispielsweise das Redesign von ZEIT Online
sowie ZEITmagazin Online zu gestalten.
Mittels Design Thinking entwickeln Sie Ideen für neue relevante Expe-
riences und setzen diese als Prototypen um. Sie erlernen in praktischer
Anwendung wirksame und pragmatische Innovationsmethoden,
die Sie später selbstständig in Ihren eigenen Arbeitsalltag einbringen
können. Das umfasst nutzerorientierte und mediengerechte Denk-
weisen, aber auch konkrete Mittel, um Ideen schnell und ohne großen
Ressourcenaufwand kommunizier- und überprüfbar zu machen.
Das Seminar stärkt das Bewusstsein für die besonderen Anforderungen,
die durch digitale Services entstehen. Vor allem zeigt es aber, dass es
keinen Grund für Berührungsängste gibt. Wertvolles Know-how von
Designprofis für Designprofis in Agentur, Start-up und Unternehmen!
Das Seminar findet am 16. September bei Edenspiekermann
in Berlin von 9:00 bis 18:30 Uhr statt. Die Teilnahme kostet 748 Euro
(zzgl. gesetzlicher MwSt.). Die Gebühr umfasst die Tagungskosten,
Lunch und Kaffeepausen. Die Teilnehmerzahl ist auf 20 Personen
begrenzt! Also schnell anmelden unter www.page-online.de/seminar.  
PAGE // Ebner Verlag GmbH & Co. KG // info@page-online.de //
Telefon: +49 40 85183400 //  www.page-online.de/seminar
Aufgrund der auf 20 Personen pro Veranstaltung begrenzten Teilnehmerzahl werden die Anmeldungen in der
Reihenfolge der Eingänge der Zahlungen berücksichtigt. Die Teilnahmegebühr fällt mit der Anmeldung an.
Sie ist sofort nach Erhalt der Rechnung zuzüglich gesetzlicher Mehrwertsteuer ohne Abzug zu überweisen.
Bitte beachten Sie unsere Widerrufsbelehrung auf der Leserservice-Seite (siehe Inhaltsverzeichnis).
032 PAGE 07.16 › THEMEN › Kreative für Flüchtlinge

THEMEN

Klare Zeichen
Das Informationswirrwarr in Erstunterkünften
bändigt buero bauer aus Wien mit dem frei
downloadbaren »First Aid Kit«. Version 2.0
des Iconsets enthält nun auch Symbole für die
häufigsten Krankheitsbeschwerden.
↗  http://buerobauer.com/projekte/first-aid-kit

Ankommen
Um Geflüchtete in Deutschland willkommen zu heißen,
stellen Kreative viel auf die Beine
● Täglich scheitern Flüchtlinge: an geschlossenen
Grenzen, beim Versuch, ihre Familien nachzuholen,
an Alltagsproblemen oder der großen, großen Lan-
geweile. Das macht wütend und traurig – und spornt
nicht wenige Kreative an, zu helfen – in selbst initiier-
ten Projekten oder als Teil ihres Jobs. So zum Beispiel
Jung von Matt mit den pro bono kreierten Printanzei-
gen und TV-Spots für die Aktion »Wir zusammen«
( http://wirzusammen.de ). Die von Ralph Dommer-
muth, Vorstandsvorsitzender der United Internet AG,
ins Leben gerufene Integrationsinitiative wird mitt-
lerweile von vielen deutschen Unternehmen getra-
gen. Den Webauftritt entwickelte die Digitalagentur
Syzygy – ebenfalls unentgeltlich.
Leitwerk, Büro für Kommunikation in Köln, ge-
staltete im Auftrag der Bundeszentrale für politische
PAGE 07.16 033
Bildung ein Poster mit dem Grundrechtskatalog der
BRD. Das A0-Plakat für Schüler und junge Geflüchte-
te ist beidseitig bedruckt: auf der Vorderseite die
Grundrechte in Deutsch und Arabisch, auf der Rück-
seite mit englischer Übersetzung. Innerhalb von zwei
Wochen waren die ersten 20 000 Exemplare kosten-
los bestellbarer Poster vergriffen. Inzwischen gibt es
eine zweite Auflage, auch Übersetzungen in weite-
re Sprachen sind geplant.
Icons statt Buchstaben
»Gestalter haben zwar keine größere gesellschaft-
liche Verantwortung als andere Menschen, aber den
Vorteil, mit Kommunikationstools professionell zu
arbeiten«, sagt Erwin K. Bauer, Inhaber von buero
bauer in Wien. »Wir können damit einer Initiative
034 PAGE 07.16 › THEMEN › Kreative für Flüchtlinge

5
Foto: publicgarden
 PAGE 07.16 035

oder Idee schneller Flügel verleihen. Dieses Mo- 1 Grundrechte 240-seitigen Band, der zur Hälfte aus Texten besteht,
mentum zu nutzen, ist Privileg und Verantwortung Schön illustriert, zeigt das Wiener Designbüro Lisa + Giorgio, das wie al-
zugleich.« Und so entwarfen die Kreativen ehrenamt- das von Leitwerk le anderen Beteiligten unentgeltlich arbeitete. Der
lich das »First Aid Kit«, das Flüchtlingen anhand von gestaltete Plakat die Erlös aus dem Verkauf der »Fluchtwege« (35 Euro,
deutschen Grundrechte
Icons in den Erstaufnahmeeinrichtungen bei der ISBN 978-3-902976-67-3) geht an das Flüchtlingspro-
mit arabischer und
Orientierung hilft. »In der Unterkunft in Wien-Mitte jekt Ute Bock (www.fraubock.at ) und den Train of
auf der Rückseite mit
hingen Mengen von Zetteln an den Türen und Wän- englischer Übersetzung.
Hope der Flüchtlingshilfe am Wiener Hauptbahnhof
den, in vielen Sprachen, mit oft widersprüchlichen ↗  www.bpb.de/falter (www.trainofhope.at).
Aussagen«, erzählt Erwin K. Bauer. »Dieses Informa- »Ich empfand es im vergangenen Herbst als mo-
tionschaos führt zu Verunsicherung, die Verunsiche- 2 Wörter per Handy ralische Pflicht, mich mit den Schutzsuchenden so-
rung zu noch mehr Verwirrung.« NGOs und Freiwil- Per WhatsApp können sich lidarisch zu erklären«, sagt Florian Rainer, »und die
lige können das Infosystem einfach downloaden, arabisch sprechende dokumentarische Fotografie ist besonders geeignet,
ausdrucken und aufhängen. Mittlerweile wurde es Flüchtlinge mit Whats- soziale Missstände aufzuzeichnen und aufzuzeigen.«
German erste Sprach-
600 Mal abgerufen und findet in ganz Europa Einsatz. Im Buch gibt es unterschiedliche Sichtweisen. So
kenntnisse aneignen. Tolle
Durch das Feedback entwickelt sich das »First Aid Idee der Digitalagentur
stammen die Texte von Flüchtlingen, Helfern, Jour-
Kit« ständig weiter: Zum Beispiel enthält es nun auch Plan.Net, haben doch die nalisten, Schriftstellern und verschiedenen Exper-
medizinische Piktogramme zur schnelleren Erstdiag- meisten Geflüchteten ten. »Mir war wichtig, auch anderer Meinungen zu
nose. Zuletzt adaptierten die Produktdesigner von den Messenger auf ihrem Wort kommen zu lassen. Das Buch soll als Zeitdo-
EOOS in Wien gemeinsam mit Migranten das Set für Smartphone. kument funktionieren, schließlich war nicht das ge-
eine Flüchtlingsunterkunft im Rahmen der Archi- ↗  www.whatsgerman.de samte Land Teil der Refugees-Welcome-Bewegung«,
tektur-Biennale in Venedig. So verschafft es einem erklärt der Fotograf.
Haus und seinen Bewohnern eine gemeinsame Iden-
3 Zeitdokument
tität – und eine sinnvolle Beschäftigung.
Mit eindrucksvollen Fotos Kunst als neues Ausweispapier
von Florian Rainer sowie
Texten von Flüchtlingen,
Für geflüchtete Künstler engagiert sich die Wiesba-
Alltagsnah Deutsch lernen Helfern, Journalisten, dener Agentur Q. »Wir haben für sie Broschüren zu
Ebenfalls mit Bildzeichen arbeitet das Buch »Icoon Schriftstellern und Exper- einer Ausstellung im Nassauischen Kunstverein ge-
for refugees«. Ein Crowdfunding auf Startnext finan- ten hält der Band staltet, gewissermaßen als neue Ausweispapiere, als
zierte die ersten 30 000 Exemplare, die zweite Auflage »Fluchtwege« die große Dokument zum Beweis ihrer künstlerischen Tätig-
konnte durch Spenden realisiert werden. Momentan Fluchtbewegung im keit«, berichtet Thilo von Debschitz, Geschäftsführer
Herbst 2015 fest. Der
sammelt man für die dritte Auflage. Wer helfen will, von Q. Zudem gestalteten die Kreativen für Aeham
Verkaufserlös geht an
kauft für 20 Euro ein Büchlein und finanziert so 20 zwei Wiener Initiativen.
Ahmad – bekannt geworden als Pianist in den Trüm-
weitere. Als Kommunikationshilfe gibt es außerdem ↗  www.fluchtwege.at mern des Flüchtlingslagers Yarmouk – eine kleine
ein Flugblatt ( http://is.gd/icoonfirst) sowie eine An- WordPress-Website und organisierten ein mobiles
droid-App ( http://is.gd/icoonapp). 4 Für Kinder Gestell für ein Klavier, sodass Ahmad in den Straßen
Einen etwas anderen Ansatzpunkt wählte die Di- Das Malbuch »Berlin ABC« Wiesbadens musizieren kann. Dies war sein großer
gitalagentur Plan.Net: WhatsApp hat doch (fast) je- von publicgarden Wunsch – gleich nach seinem Herzenswunsch, seine
der, dachte sie sich und entwickelte den kostenlo- beschäftigt Kinder eine Familie aus Syrien nachholen zu können. Darüber
Weile und hilft ihnen,
sen Deutschkurs »WhatsGerman«, mit dem sich ara- hinaus unterstützt Q die WelcomeRefugeesWiesba-
die Stadt zu entdecken,
bisch sprechende Flüchtlinge über WhatsApp erste den-Facebook-Gruppe bei der Gestaltung und Pro-
in der sie nun leben.
Sprachkenntnisse aneignen können. Einmal auf ↗  http://publicgarden.
duktion von Infomaterial.
www.whatsgerman.de angemeldet, lässt sich zwi- de/BerlinABC »Kreative können die gesellschaftliche Diskus-
schen drei Kursen wählen: »The Alphabet« macht sion befeuern«, ist Thilo von Debschitz überzeugt.
anhand einfacher Wortbeispiele mit den lateinischen 5 Sag’s mit Icoon »Dabei denke ich zum Beispiel an das Zentrum für
Buchstaben vertraut, »Daily Phrases« erleichtert den Mit dem Büchlein »Icoon Politische Schönheit und seine Aktion ›Kindertrans-
Alltag mit nützlichen Vokabeln und kurzen Sätzen for refugees« lässt sich porthilfe des Bundes‹: Mit Logo, Anzeigen und Spots
zu Themen wie Einkaufen, Arztbesuch, Tages- oder anhand von 1200 Pikto- wurde für die Rettung 55 000 syrischer Kinder ge-
grammen aus zwölf
Uhrzeiten, »Basic Grammar« bietet Fortgeschritte- worben – das Ganze als angebliche Initiative der Bun-
Kategorien kommuni-
nen einen Einstieg in die deutsche Grammatik. Täg- zieren, auch wenn
desregierung und in höchst offiziellem Look. Dass
lich gibt es eine Lektion, die aus einer Text- und ei- man nicht die gleiche Familienministerin Schwesig die Existenz eines sol-
ner Videonachricht besteht, um das Hör verstehen zu Sprache spricht. chen Soforthilfeprogramms öffentlich dementie-
fördern. Mehr als 130 000 angemeldete Nutzer gibt ↗  www.icoon-book.com ren musste, enttarnte die (Zurück-)Haltung unserer
es inzwischen, Tendenz steigend. Wohlstandsgesellschaft.«

Dokumentieren, was geschieht Malen gegen Kummer

Der Wiener Fotograf Florian Rainer war letztes Jahr
im Auftrag von Caritas und UNHCR unterwegs, um
die Fluchtbewegung quer durch Österreich fest-
zuhalten. Daraus entstand ein Buch, das den Weg
der Flüchtenden von der Einreise bis an die Grenze
nach Deutschland dokumentiert. Gestaltet hat den
Kinder sind von den Strapazen der Flucht und dem
dabei Erlebten besonders betroffen. So war es der
Berliner Agentur publicgarden ein Anliegen, für sie
etwas zu tun. Von Moabit hilft e.V. erfuhr sie, dass
Spielmaterial für geflüchtete Kinder benötigt wird.
So wuchs die Idee für das Malbuch »Berlin ABC«,
036 PAGE 07.16 › THEMEN › Kreative für Flüchtlinge
6 ein Euro pro Exemplar geht anschließend an den
6 Ohne Wörter
Vor allem an Flüchtlinge, die nicht
7 lesen und schreiben können, richtet
sich Amelie Kim Weinerts Orien-
tierungshilfe »Mein Deutschland«.
↗  http://is.gd/mein_D
7 A wie Apfel
Als PDF-, EPUB- und Kindle-Edition
sowie als App für Android und iOS
gibt’s das Bildwörterbuch
»WillkommensABC« von Anna
Karina Birkenstock.
↗  www.willkommensabc.des
8 Räume schaffen
Vom Logo bis zur Planung einer
wohnlichen Flüchtlingsunterkunft –
an der HAWK Hildesheim entwi-
ckelten Designstudierende viele
verblüffende Ideen.
8 und Kunst Hildesheim/Holzminden/Göttingen ar-
9 ckelten das Konzept für die App Start up!, die Flücht-
das spielerisch und humorvoll kleine Geschich-
ten zu Berliner Sehenswürdigkeiten erzählt. Dem-
nächst wird es das Heft in Berlin zu kaufen geben,
Verein Moabit hilft.
Das »WillkommensABC« von Illustratorin Anna
Karina Birkenstock entstand aus der direkten Be-
gegnung mit Flüchtlingskindern: »Bei meinem Be-
such in der Erstaufnahmeeinrichtung in Hennef mal-
ten wir zusammen, zeigten uns Bilder und verrieten
uns, was ›Apfel‹ oder ›Herz‹ in verschiedenen Spra-
chen heißt«, erzählt sie. So kam sie auf den Gedan-
ken, ein kostenloses Bildwörterbuch zu gestalten,
am besten gedruckt und als Smartphone-App. Zu-
sammen mit dem Münchner Verlag arsEdition, mit
dem sie schon einige Projekte realisiert hat, überleg-
te sie sich 150 wichtige Begriffe und fand 26 Illustra-
toren, die honorarfrei jeweils einige davon visuali-
sierten. Casper Armster, Birkenstocks Mann, erzeug-
te dann eine EPUB-Datei sowie Apps für iOS und
Android, die M!Music in deutscher und englischer
Sprache vertonte.
Vom Hörsaal in die Welt
Studierende treibt die Frage, wie man den Geflüchte-
ten helfen kann, besonders häufig um. An Hochschu-
len in ganz Deutschland entstehen dazu Semester-,
Bachelor- und Masterarbeiten – realisiert werden
die oft wirklich guten Konzepte leider nur selten. An
der HAWK Hochschule für angewandte Wissenschaft
beitete der Designnachwuchs in der letzten Zeit an
einer ganzen Reihe von Projekten: Im Advertising
Design an Kampagnen, die auf die Flüchtlingsthe-
matik aufmerksam machen und zum Helfen aufru-
fen sollten. Außerdem an Zeichen, die die Solidarität
mit Flüchtlingen symbolisieren. Die Sparten Farb-
und Lichtdesign sowie Innenarchitektur beschäftig-
ten sich gemeinsam mit dem Fachbereich Soziales
und Senioren der Stadt Hildesheim mit der Umpla-
nung eines ehemaligen Umspannwerks und Möbel-
hauses in eine Flüchtlingsunterkunft mit wohnli-
cher Atmosphäre.
Lydia Lütgering, Sarah Langlotz und Camila Cam-
pos Contreras, Masterstudentinnen bei Stefan Wöl-
wer, Professor im Bereich Digitale Medien, ent wi-
lingen Hilfestellung in ihrer neuen Umgebung bieten
soll: Welche Behördengänge stehen an, wie funk-
tioniert in Deutschland das Busfahren, und warum
gibt es hier so viele Mülltonnen? Die Chance auf Re-
alisierung der App besteht: »Wir sind gerade dabei,
9 Deutschland erklären
Ist doch klar, wie die Infografikspezialisten von Golden
Section Graphics Flüchtlinge willkommen heißen. Dazu
ließen sie 25 Schaubilder aus dem bei MairDumont
erschienenen Band »Deutschland in Grafiken« ins Ara-
bische übersetzen. PDF zum Download unter
↗  http://golden-section-graphics.com/arrival
 PAGE 07.16 037

PAGE gibt’s
übrigens auch
einen Prototyp programmieren zu lassen«, berich-
tet Stefan Wölwer. »Wir hatten einige Anfragen von
Kommunen und wollen ihn zeigen, um deren Anfor-
in RGB.
derungen konkretisieren zu können.«
Einen Schritt weiter ist Amelie Kim Weinert. Aus
den Erfahrungen, die sie als Patin einer afghani-
schen Familie sammelte, hat sie als Abschlussarbeit
im Studiengang Visuelle Kommunikation an der
Hochschule Pforzheim die Orientierungshilfe »Mein
Deutschland« entwickelt. Mit Bildern und Illustra-
tionen, Alltagsfotos, Icons, Stickern und Würfel-
spielen unterstützt der Ordner ehrenamtliche Hel-
fer beim Kontakt mit nicht alphabetisierten erwach-
senen Flüchtlingen. Der Verlag Langenscheidt war
davon so überzeugt, dass er den Lehr- und Lernord-
ner auf den Markt gebracht hat.

Überraschungserfolg mit Perspektive

SocFra
10
Richtig gut läuft www.workeer.de , die erste Jobbör-

ial-gen
se, die sich an Flüchtlinge und potenzielle Arbeitge-
ber richtet. Ins Leben gerufen haben sie David Jacob Media
• Fre
-Raela
und Philipp Kühn als Abschlussprojekt im Rahmen
tge
nce
ber

ihres Kommunikationsdesignstudiums an der Hoch-

r-P• latt
Kafor

schule für Technik und Wirtschaft Berlin. »Wir hat-

rtome
granfie-

ten uns vorgenommen, ein reales Produkt zu entwi-

• Ser

ckeln, das nicht wie viele Uniprojekte nach deren

Fußvic

Abschluss in der Schublade verschwindet«, erzählt

balesl &• De

David Jacob. Das ist ihnen gelungen, die Vielzahl der

CIssig

Reaktionen und die Aufmerksamkeit für workeer

von
n •Kre

hat sie überrascht.

Whativ
itebenoar•ds

Seit Anfang des Jahres bauen die beiden gemein-

sam mit der Organisation Kiron Open Higher Edu-
An•tira

cation professionelle Strukturen auf. Bis Ende 2016

Insssis
tagmu

wollen sie etwa die Mehrsprachigkeit der Plattform

ramska

erreichen oder eine Beratung in arbeitsrechtlichen

-Kamp

Fragen. »Nebenbei« arbeiten sie als Designer in Ber-

mpagn
agnen

lin, David Jacob bei Edenspiekermann, Philipp Kühn

en

bei Überdosis, fünf freiwillige Helfer unterstützen

##330
331 • 30. JAHR

sie bei workeer. Ganz sicher wissen sie von dreißig

erfolgreichen Vermittlungen, da sie jedoch auf Pres-
seberichte und Rückmeldungen von Nutzern an-
GANG

gewiesen sind, liegt die tatsächliche Anzahl wohl

deutlich höher.
Klar, nicht jeder hat die Zeit, Möglichkeit oder
Ideen, ein Projekt für Geflüchtete zu entwickeln und
umzusetzen. Aber jeder kann existierende Tools ver-
breiten. Indem er vielen Menschen davon erzählt
und sie dort hinbringt, wo sie hingehören – zu den
Flüchtlingen. ant

Geflüchteten helfen. Weitere Bilder sowie die

Links zu diesen und anderen Projekten unter
↗ www.page-online.de/kreativ-helfen_0716

Arsalan und Murtada, zwei junge Männer

aus dem Irak, die Antje Dohmann betreut,
testen die verschiedenen Projekte gerne.
Besonders nützlich fanden die beiden
WhatsGerman, das Poster mit den Grund-
rechten hängt bei Arsalan im Zimmer.
038 PAGE 07.16 › THEMEN › Dos & Don’ts im UX Design

„UX Design
ist wie
ein Butler,
der im
richtigen
Moment
die Zeitung
reicht“
Ein unsichtbarer Dienst am User, das ist User Experience Design –
oder sollte es sein. Immer noch lösen zu viele Websites oder
Apps einfach nur Frust aus. Wir haben erfahrene UX-Experten nach
ihren persönlichen Goldstandards gefragt

● »Unaufdringlichkeit und Charme sind die wichtigs-
ten Elemente für gutes User Experience Design«, sagt
Mike Kotsch, Freelance UX Designer aus Berlin. Für ihn
ist gutes UX Design wie ein Butler, der im richtigen Mo-
ment die Zeitung reicht. Wie der Kellner, der die stürzen-
de Weinflasche greift. Wie der Vater, der das Kind von der
Schaukel fängt. »Alle Fehler, die man mit unserem Pro-
dukt machen kann, sind unsere Fehler«, mahnt er. Kann
die Oma ihr Handy nicht bedienen, habe jemand von
Apple oder Google seinen Job nicht perfekt gemacht.
Für gutes UX Design braucht es eigentlich nicht sehr
viel, findet auch Christian Raschke, Freelance Senior UX
Designer und Kreativdirektor in Hamburg: »Gesunder
Menschenverstand, Abstraktionsvermögen und die Fä-
higkeit, Komplexes verständlich zu machen, reichen.«
Und: »Monothematische UX-Fixierung ist eine Einbahn-
straße. Machen Sie sich in vielen themenverwandten
Gebieten schlau, so treffen Sie bessere Designentschei-
dungen.« Wer bei der Problemlösung den Reibungsko-
effizienten zwischen User und Bedienoberfläche mini-
miere, sei auf dem richtigen Weg. Und was heißt das kon-
kret? Könnte eine Website oder App auch charmant sein?
»Die persönliche Note, die eine Pixelfläche mensch-
lich wirken lässt, ist eine unserer zentralen Motivatio-
nen«, sagt Mike Kotsch. Menschlichkeit im UX Design
bedeutet für ihn, den Benutzer nicht als Benutzer zu be-
zeichnen. »Ich ertappe mich auch oft dabei und zucke
dann zusammen.« Abstraktion schaffe zu viel Distanz
zwischen dem Produkt und dem Menschen mit seinen
Bedürfnissen und Motivationen. »Es geht nicht um Max
Mustermann, der alles sein kann, was wir ihm unterstel-
len.« Lieber benennt Kotsch den jeweiligen User-Typ: Bei
einer Sprach-App seien es Schüler oder Lernende, bei ei-
ner Banking-App Trader. »Je mehr man Unterscheidun-
gen pflegt, desto öfter ruft man sich ins Gewissen, wes-
sen Experience im Mittelpunkt steht«, so Kotsch.
Einsichten wie diese sind Segen und Fluch des UX
Designs. Es ist nicht leicht, alle Details zu beachten und
zugleich den gesamten Interaktionszyklus des Users zu
sehen: Auf welcher Plattform findet die Experience statt?
Wie ist die Ansprache? In welcher Situation soll der User
das Produkt nutzen? Was sind seine Ziele, Hoffnungen,
Erwartungen an die Interaktion? Und wie bringt man sie
in Einklang mit dem Geschäftsmodell des Anbieters?
User Interfaces sind menschengemacht und für Men-
schen gemacht. Na also, lasst es menscheln! Leichter ge-
sagt, als getan, werden Sie jetzt sagen. Wie man es hinbe-
kommt, sagt Ihnen unser Plus/Minus für einen probaten
Goldstandard im UX Design. ae
Angelika Eckert, freie PAGE Redakteurin in
Berlin: »Liebe UX Designer, bitte hinterfragt
immer wieder, ob eure User Experience wirk-
lich so intuitiv ist, wie ihr glaubt – lieber öfter
mal mit Opa oder anderen DAUs testen!«
Mehr zum Thema gibt’s in »UX-Projekte scribbeln«
in PAGE 04.16 ↗  www.page-online.de/PEPA1604
und in unserer UX-Design-Titelstory in PAGE 10.15
↗  www.page-online.de/PEPA1510
PAGE 07.16 039
Seien Sie immer
dicht dran am User!
Eine der wichtigsten Grundvorausset-
zungen für eine gelungene User Expe-
rience ist immer noch enger Kontakt zu den Nutzern,
um mehr über ihre Bedürfnisse und Gewohnheiten
zu erfahren. Im Idealfall ist oder wird man selbst zum
Nutzer des Produkts, denn nur so kann man die Mo-
tivationen dahinter verstehen. »Die Studien müssen
nicht groß sein«, sagt Fabian Fabian, UX Designer
bei Jimdo in Hamburg. »Man kann User zum Beispiel
anschreiben und dann mit ihnen telefonieren oder
sie zu Hause besuchen.« Es geht nicht darum, die
Ideen der Gesprächspartner zu übernehmen, son-
dern ihre Hürden und Wünsche zu erkennen. Dazu
Mike Kotsch: »Wenn ich für Menschen arbeite, die
mit Aktien handeln, aber selbst nie mit großen Be-
trägen jongliert habe, kann ich nicht wissen, wie es
sich anfühlt, auf einen Knopfdruck eine Transaktion
über 10 000 Euro zu veranlassen.«
Betreiben Sie möglichst
früh Prototyping!
»Show, don’t tell«, ist eine der wichtigs-
ten Lektionen für Mike Kotsch: »Ideen
haben und jemandem davon erzählen ist das eine,
aber etwas wirklich zu erschaffen, es Menschen in die
Hand zu geben und sie dabei zu beobachten, etwas
ganz anderes.« Daher versucht er, so oft es geht, ein
Minimum Viable Product zu bauen und es zu testen.
Erst so kann er abschätzen, wie es sich anfühlt und
wie sehr sich seine Erwartungen von denen anderer
User unterscheiden. Der Weg zum Ziel? Die richtige
Balance aus Intuition und Bestätigung durch User-
tests (mehr zum Thema Prototyping auf Seite 94 ff.).
Testen Sie Funktionalität
und Effizienz!
Es scheint fast unnötig, darauf hinzu-
weisen: Testen Sie wiederholt, ob Links
und Schaltflächen funktionieren. Es ist frustrierend
und ärgerlich, wenn man als User auf tote Links trifft
und Buttons oder andere visuelle Elemente einfach
nicht reagieren. Fabian Fabian rät zu frühen Testings,
gerade von unfertigen Artefakten. »Wenn eine App
nach dem Reload immer noch sämtliche nicht persis-
tierten Userdaten verliert, dann sollte das Vorrang
vor schicken Transitions oder lustigen Illustratio-
nen haben.«
Überfrachten Sie das
Interface nicht!
Vermeiden Sie unnötige Aktionen, In-
konsistenzen und unbekannte Funktio-
nen. Sie führen den Nutzer nicht an das gewünschte
Ziel und bremsen ihn in seinen Interaktionen aus.
»Zu viel Inhalte und Entscheidungsmöglichkeiten
überfordern den User«, sagt Sönke Kühl. Der Free-
lance UX Designer aus Hamburg rät, nach dem KISS-
Prinzip (Keep it simple, stupid) vorzugehen, also
040 PAGE 07.16 › THEMEN › Dos & Don’ts im UX Design

»Machen Sie sich in

möglichst vielen
themenverwandten »Alle Fehler, die man
Gebieten schlau, mit unserem Produkt
so treffen Sie bessere machen kann,
Designentscheidungen« sind unsere Fehler«
Christian Raschke, Freelance Senior UX Designer und Mike Kotsch, Freelance UX Designer in Berlin
Kreativdirektor in Hamburg ↗  http://differnet.de ↗  www.mikekotsch.de

»Nicht blocken!
Jedes Mal, wenn man
»Zu viel Inhalte den User aus dem
und Entscheidungs- Flow reißt, stirbt
möglichkeiten ein frisch geborenes
überfordern den User« Katzenbaby!«
Sönke Kühl, Freelance UX Designer in Hamburg Fabian Fabian, UX Designer bei Jimdo in Hamburg
↗  http://soenkekuehl.de ↗  www.jimdo.de

den Content auf wesentliche Bestandteile zu redu-
zieren. Das gilt nicht nur für Textbausteine, sondern
auch für Layout, Grafiken und Typografie.
Lange Ladezeiten sind
pures Gift.
Das aktuelle Webdesign arbeitet viel mit
Fullscreen-Videos, opulenten Bildern
und Animationen, die aber leider Zeit zum Laden
brauchen. Und obwohl Websites immer komplexer
werden, erwarten die User, dass sie schnell laden.
Doch Internetnutzer sind ungeduldig. Laut einer Stu-
die des amerikanischen Software-Anbieters Smart-
bear (http://is.gd/smartbearstudie) verlassen 57 Pro-
zent der User die Website schon nach einer Warte-
zeit von drei Sekunden.
Wenn Sie wollen, dass der User die von Ihnen kon-
zipierte Website oder Mobile-App gern anwendet und
den größtmöglichen Nutzen daraus zieht – und im
E-Commerce geht es ganz klar um eine gute Con-
version –, sollten Auswirkungen eventueller Ladezei-
ten in die Designentscheidungen eingehen.
Kontrollverlust schadet
der Experience.
Automatisch abgespielte Videos und
automatisches Scrolling halten immer
mehr Einzug ins Webdesign. Doch das hat einen gro-
ßen Haken. »Automatisch ausgelöste Aktionen füh-
ren zu einer Entmündigung des Users, der die Bewe-
gung über die Website oder Anwendung lieber selber
steuern will«, gibt Fabian Fabian zu bedenken. Ganz
wichtig ist zudem aus seiner Sicht: »Nicht blocken!
Jedes Mal, wenn man den User mit einem Pop-up
oder einem anderen View aus dem Flow reißt, stirbt
ein frisch geborenes Katzenbaby!«
Nadine Kintscher, User Centred Researcher aus
Luxemburg, erläutert in ihrem Artikel »User control
and cognitive overload, how UX methods can help«
im LinkedIn-Blog, warum User irritiert und ableh-
nend reagieren, wenn ihnen die Kontrolle entzogen
wird und Videos, Musik oder Sounds sich automa-
tisch in Gang setzen (http://is.gd/nadinekintscher ).
Diese Elemente sollten Sie äußerst sparsam und nur
dann einsetzen, wenn der User sie auch erwartet.
Bitte keine kryptischen Icons!
Das Verständnis dafür, dass der Besu-
cher sich stets auf der Suche nach Inhal-
ten befindet, ist der Schlüssel für ein at-
traktives Nutzererlebnis. Das UX Design sollte den
User so gut wie irgend möglich bei dieser Suche unter-
stützen. Das verlangt ein benutzerfreundliches, ein-
deutiges Navigationssystem, das den User mit mög-
lichst wenigen Klicks zum Content führt und ihm
jederzeit den Überblick ermöglicht, wo er sich be-
findet und wohin er gehen kann. Für Überblick sollen
auch Icons sorgen, manchmal sind diese zwar ge-
stalterisch schön, aber leider uneindeutig. Die Frage,
ob die anvisierte Zielgruppe mit einem Hamburger-
PAGE 07.16 041
Menü ohne Erklärung umgehen kann, muss man
sich als UX Designer einfach stellen. Fabian Fabian
jedenfalls gibt zu bedenken: »Mit Icons ohne Textla-
bels drohen UX Designer ihre User abzuhängen.« Für
Textlabels plädiert auch Christian Raschke: »Der Nut-
zer kommt schließlich nicht auf die Website, um sich
die Langeweile durch das Dechiffrieren kryptischer
Icons zu vertreiben.«
Stellen Sie das Wichtigste
in den Fokus!
Aus unzähligen Nutzertests und Ergeb-
nissen von Eyetracking-Studien wie der
von Google ( http://is.gd/googleeyetrackingstudie )
aus dem Jahr 2014 weiß jeder UX Designer, dass User
erst schnell den Bildschirm nach visuellen Hinwei-
sen wie Überschriften, Bildern, Schaltflächen und
Blöcken scannen, ehe sie entscheiden, wohin sie ih-
re Aufmerksamkeit richten.
Für eine gute User Experience bedeutet dies: Er-
leichtern Sie dem Nutzer die Arbeit! Egal ob er Inhal-
te sucht, einen Bestellvorgang durchführt oder ein
Kontaktformular ausfüllt – wichtige Inhalte wie Sei-
tentitel, Log-in-Formulare oder Navigationspunkte
gehören in den Mittelpunkt! Das Fehlen solch ord-
nender Elemente erschwert dem User die Orientie-
rung. Leicht zu erkennende Headlines, Rubriken und
Inhaltsblöcke sowie Bilder und Schaltflächen für
die Navigation unterstützen ihn bei der Suche der
für ihn relevanten Inhalte.
Bieten Sie nahtlose
User-Erfahrungen!
»Seien Sie konsistent – im User Inter-
face, in der Prozessgestaltung und im Vi-
sual Design«, rät Sönke Kühl. User greifen von den
unterschiedlichsten Geräten auf Ihre Website zu.
Konsistenz ist wichtig, um eine einheitliche User Ex-
perience zu gewährleisten, egal ob der User die Web-
site vom Desktop, vom Tablet oder von der Smart-
watch aus besucht. Das bedeutet: Der Nutzer muss
ohne Mühe, auch auf dem Handy, noch alle Funktio-
nen finden, die er vom Desktop zu Hause her kennt.
Eine nahtlose Erfahrung über alle Geräte hinweg
hilft dabei, die User auf der Website zu halten – un-
abhängig vom Gerät.
Lesbarkeit ist Trumpf!
Das User Interface Design darf die Kon-
sumierbarkeit der Website nicht beein-
trächtigen: Bewegte Hintergründe kön-
nen den User schnell von Inhalten ablenken. »Mit zu
kleiner oder unpassender Typo vergrault man den
User«, weiß Fabian Fabian. Auch schlechte Farbwahl
und mangelnde Kontraste schränken die Lesbarkeit
der Website ein. Hellgraue Schrift vor weißem Hin-
tergrund ist anstrengend für die Augen, ebenso wie
weiße Schrift auf schwarzem Grund. Achten Sie auf
Zeilenlänge, Zeilenhöhe und Zeilenabstände, Ker-
ning und gut lesbare Schrift. ae
042 PAGE 07.16 › THEMEN › Dos & Don’ts im UX Design

Verblüffend einfache Übersetzung

Die Augmented-Reality-Übersetzungshilfe
Google Translate ist Sönke Kühls aktueller
Favorit: »Das Besondere an der App ist, dass
sie dem User ohne große Einstellungen das perfekte Ergebnis
bietet«, sagt der Freelance UX Designer aus Elmshorn.
Man muss das Wort nicht mühsam in einen Übersetzungs-
editor eintippen. Vielmehr übersetzt die Smartphone-
Kamera mittels Augmented Reality jeden Text, den sie erkennt.
↗  http://is.gd/googletranslate

Motivationsschub beim Sprachenlernen

Mit klarer Gestaltung und menschlicher Ansprache
macht die Sprachlern-App Duolingo Appetit auf
das Erlernen einer Sprache. Das gefällt auch Mike
Kotsch, Freelance UX Designer aus Berlin: »Das Design ist über-
sichtlich und unaufgeregt, die Interaktionen sind auf dem Punkt
und nicht mit unnötigen Animationen überladen. Die Dokumen-
tation des persönlichen Wachstums schafft Spaß an der Heraus-
forderung. Die leichte Integration in LinkedIn und durch den
damit verbundene Social Reward ›Mike beherrscht zu 3 % Spanisch‹
kitzeln die Motivationen das menschliche Handeln.«

Auch Non-Digital
Natives essen Kekse
Die UX Designer der Münchner
Digitalagentur Webguerillas
haben bei der Website des Keks-
fabrikanten Bahlsen berück-
sichtigt, dass die Zielgruppe
nicht zwangsläufig webaffin
ist. Alles Wichtige ist auf
einen Blick erkennbar. Fünf
Ansichten, als Karussell
angeordnet, zeigen verschie-
dene inhaltliche Aspekte. Cleverer Team-Chat
Um die User nicht unnötig zu »Die Teamkommunikationsplattform Slack macht ganz viel richtig«,
verwirren, setzt die Tablet- sagt Fabian Fabian, UX Designer bei Jimdo in Hamburg. »Der
Version auf ein Hamburger- Slackbot als Assistent, die aus dem Internet Relay Chat bekannten
Menü, doch signalisiert Textkommandos oder die Emoji Reactions sind gute Tools. Dabei bleibt immer
ein Textlabel, dass hier die das eigentliche Ziel der User im Fokus: besser mit anderen Menschen zu kommuni-
Navigation versteckt ist. zieren. Und eine Portion distanzierter Humor ist auch meistens dabei.«
↗  www.bahlsen.de ↗  www.slack.com
 ANZEIGE

m n
m n b b
v V M N
m n b v B V m n
V M b Good School und PAGE präsentieren:
v V M N

)DNHLW
XQWLO\RX
PDNHLW
,GHHQ
UDXV


$XIGHP6WXQGHQSODQ

Donnerstag
,QWHUDNWLYHV


17:00 Uhr: It’s magic!

Grundlagen der Zauberei – wie man Aufmerksamkeit lenkt

19:00 Uhr: Dinner

3URWRW\SLQJ


20:00 Uhr: Zaubershow Alle Ideen fangen mal klein an – in unserem Kopf.
Die Teilnehmer zaubern, was sie gelernt haben.
Nur: Wie kommen sie von dort auf die Welt? Damit es
Freitag
unserer Idee gelingt, möglichst schnell viele Menschen
ab 9:00 Uhr: Frühstück einzufangen, ist es wichtig, dass wir sie nicht nur in
9:30 Uhr: Visuelles Storytelling unserer eigenen Vorstellung erleben können – wir müs-
Input: Wie man Geschichten in Bildern erzählt. sen sie auch für andere Menschen erlebbar machen.
10:30 Uhr: Storyboarding
Die Teilnehmer probieren aus.
Glücklicherweise gibt es dafür jede Menge Tools.
12:00 Uhr: Lunch In diesem Seminar unternehmen wir eine Hands-on-
13:00 Uhr: Interaktive Prototypen
Entdeckungsreise: vom Daumenkino-Klickdummy
Input: Programmieren, ohne zu programmieren bis zum Video-Prototyp, von Klebeband, Pappe
14:00 Uhr: Meine erste App und Nylonschnur bis zu einfacher Sensorik und Pro-
Die Teilnehmer programmieren – ohne jegliche grammierung. Ein echtes »MacGyver«-Revival.
Programmierkenntnisse!

15:00 Uhr: Input zu Physical Prototyping

Hardware-Ansteuerung mit S4A (Snap4Arduino)
Ebenfalls mit von der Partie: ein Zauberer, der den Teil-
nehmern beibringt, wie man die Aufmerksamkeit von
16:00 Uhr: Physical Prototyping
Die Teilnehmer probieren aus. Menschen lenkt. Auf das, was man zeigen will – weg
von dem, was (noch) nicht funktioniert. Und ein Comic-
18:00 Uhr: Science Fair
Abschließende Expo mit Bildern, Apps, Prototypen, Zaubern zeichner, der das visuelle Geschichtenerzählen erklärt –
und Kaltgetränk
und wie man Bilder im Kopf des Publikums erzeugt.

/HKUHU »Ideen raus!« findet am XQG2NWREHU in der

Dr.-Ing. Fabian Hemmert führt durch den Tag. Er ist
Professurvertreter für Interface und User Experience Design
an der Bergischen Universität Wuppertal.
Good School, Lagerstraße 36, im Hamburger Schanzen-
viertel statt. Die Teilnahmegebühr beträgt 1850 Euro
zzgl. MwSt. und beinhaltet Arbeitsmaterial und Catering.
Die Teilnehmerzahl ist auf 20 Personen begrenzt! Schnell
anmelden unter www.good-school.de/Ideen-raus !

Die Good School ist eine Schule für digitalen Wandel. Ihr Ziel: Wissen, Fähigkeiten
und Inspiration in Neuen Medien und innovativem Marketing zu vermitteln.
Dafür macht die Good School unterschiedlichste Angebote – Hands-on-Lernevents,
Innovativworkshops, On-the-Job-Trainings, Beratung, Begleitung und Monito-
ring digitaler Veränderungsprozesse. Zu den Kunden der Good School gehören
unter anderem BMW, Vodafone, Beiersdorf und IKEA über Jung von Matt und
Scholz & Friends bis hin zu ProSiebenSat.1 und GfK. Mehr als 1600 Schüler aus
über 250 Unternehmen haben bereits die Schulbank in der Good School gedrückt.

Veranstalter: Good School ( www.good-school.de )

Kooperationspartner: PAGE – Design. Code. Business. (www.page-online.de)
044 PAGE 07.16 › THEMEN › Umweltfreundlich drucken

Viele kleine
Schritte
Schöne Printerzeugnisse halten wir alle gerne in Händen. Noch schöner,
wenn die Umwelt bei ihrer Herstellung möglichst wenig leiden musste.
Wir erklären, was Kreative, Kunden und Druckereien dafür tun können

Hand in Hand
So schön kann umweltfreundlicher Druck
aussehen: Gestaltet hat den Kalender »Demut«
Clormann Design auf Initiative von Mario
Drechsler von Highendmedia. Gedruckt hat ihn
das Druckhaus Berlin-Mitte auf Recycling-
papier von Geese mit kobaltfreien Farben
● Neulich verzweifelte meine über 80-jährige
Mutter an der digitalen Gebrauchsanweisung ih-
res E-Readers und druckte sie kurzerhand aus –
64 Seiten mit dem Tintenstrahldrucker auf wei-
ßes Papier. Umweltfreundlich war das nicht!
Alle Inhalte nur digital anzubieten, ist also auch
nicht der Weisheit letzter Schluss, eher schon,
so umweltverträglich wie möglich zu drucken.
Wenn da nur nicht die Kunden wären . . .
»Zu viele Unternehmen setzen leider immer
noch auf Standard, meist aus Kosten- oder Zeit-
gründen«, meint Toby O. Rink, Geschäftsführer
von MarkeMenschNatur, Agentur für Natural
Branding in Karlsruhe. »Zwar ist das Bewusst-
sein für die Themen Umweltschutz und Nach-
haltigkeit enorm gestiegen, aber sehr wenige
ziehen das 100-prozentig durch. ›100-prozentig‹
heißt für mich, nicht nur Recyclingpapier und
pflanzliche Druckfarben zu verwenden – vor al-
lem die innere Einstellung muss stimmen.«
Partnerwahl mit Köpfchen
Auch Milch+Honig designkultur aus München
weiß, wie schwer es ist, Kunden die Bedeutung
von Nachhaltigkeit in letzter Konsequenz zu
verdeutlichen, nämlich dann, wenn es um die
Mehrkosten dafür geht. Häufig wird am Ende
doch zulasten der Umwelt gespart und nicht
langfristig gedacht. Ihre Projekte ordnen Chris-
tina John und Rafael Dietzel zwei Bereichen zu,
die inzwischen immer mehr ineinanderfließen:
»›Milch‹-Projekte stärken Unternehmen und
›Honig‹-Projekte versüßen das Leben, sind von
Engagement getrieben und orientieren sich we-
niger am Profit. Das ist oft ein Spagat zwischen
Wirtschaftlichkeit und Idealismus, uns aber bei
jedem Projekt wichtig«, sagt Christina John.
Auch im Agenturalltag achten die beiden De-
signer auf Papiersparen und -recycling, fahren
Fahrrad statt Auto und unternehmen Firmenrei-
sen möglichst mit dem Zug. »Aber vor allen Din-
gen suchen wir uns unsere Partner genau aus
und erwarten von ihnen, diese wichtigen The-
men ebenso ernst zu nehmen wie wir, um ein
Umdenken zu fördern. Dies gilt vom Buchbin-
der bis zum Papierhersteller. Von der Material-
und Veredelungswahl bis zur Produktion.«
Eine von Milch+Honig designkultur bevor-
zugte Druckerei, Gotteswinter und Aumaier,
hat ihre Prozesse komplett auf Klimaneutrali-
tät umgestellt, arbeitet mit Ökostrom, recycelt
alles, was nur geht, beispielsweise Aluminium-
PAGE 07.16 045
platten, Papier- und Kartonabfälle, und produ-
ziert alkoholreduziert. Gedruckt wird mit mi-
neralölfreien Druckfarben, der Strom kommt
aus regenerativer Wasserkraft. Papier beziehen
die Gestalter möglichst von Herstellern wie
Gmund oder Großhändlern wie Metapaper.
»Bei Metapaper sind sämtliche Sorten FSC-
oder PEFC-zertifiziert oder bestehen aus Recy-
clingmaterial. Außerdem arbeiten sie nicht
mit indonesischen und chinesischen Papier-
lieferanten zusammen«, erklärt Christina John.
»Und die Büttenpapierfabrik Gmund hat durch
ihr langjähriges Engagement für die Umwelt
Pionierarbeit in der Papierbranche geleistet.«
Genau kalkuliert
Allerdings geht es dem Münchner Designstudio
immer auch um schöne Gestaltung. So arbeitete
es bei seinen letzten Projekten, dem Kunden-
magazin »Gotteswerk«, dem »Rosenthal Jubilä-
umsbuch« sowie dem Kinderbuch »Das Schoko-
dil« zwar mit den genannten Partnern zusam-
men, setzte aber jede Menge Veredelungen ein.
»Alles andere wäre unrealistisch: Als Designer
muss man versuchen, einen goldenen, aber
konsequenten Mittelweg zu verfolgen und sich
dabei treu zu bleiben«, sind die beiden über-
zeugt. »Am Ende geht es für uns darum, überra-
schende Produkte zu realisieren. Wenn man so
will, ist unsere Arbeit auch dann nachhaltig,
wenn wir hochwertige Produkte schaffen, die
im Bücherregal und eben nicht im Müll landen.«
Die Typonauten aus Bremen, als Design-
agentur seit 2011 klimaneutral, ärgert es, wenn
Druckauflagen vernichtet werden, weil Inhalte
veraltet sind oder die produzierte Anzahl grö-
ßer war als der Bedarf. Um das zu verhindern,
entwickeln sie intelligente Printmedien: »Wir
legen die Inhalte möglichst allgemeingültig an,
verzichten zum Beispiel auf Termin- und Preis-
angaben. Wir vermeiden Ausstattungen, die
nicht recycelfähig sind, und optimieren Korrek-
tur-, Lektorats- und Freigabephasen, um Feh-
ler zu vermeiden«, berichtet Geschäftsführer
Ingo Krepinsky. Und sie kalkulieren die Aufla-
gen genau, damit kein unnötiger Papiermüll
entsteht. Aber was tun, wenn der Kunde ein
Mailing verlangt, das nicht gerade durch hohe
Haltbarkeit punktet? »Dann«, sagt sein Kom-
pagnon Stefan Krömer, »machen wir es wenigs-
tens so schön, dass der Empfänger es nicht so-
fort wegschmeißt.« ant
PAGE Story »Gestalten und Drucken mit
Schwarz« mit vielen Tipps in Ausgabe 06.16
↗  www.page-online.de/PEPA1606
PAGE Story »Zellstoffalternativen«: In Aus-
gabe 05.16 geht‘s um Papier aus Gras, Hanf
und Co ↗  www.page-online.de/PEPA1604
046 PAGE 07.16 › THEMEN › Umweltfreundlich drucken

„Die Labelgläubigkeit der „Nachdem nun auch der WWF zusammen

mit Apple im App Store alles grüner werden
Kunden ist ungemein groß. lässt und Biermarken für heimische Tier-
Klimaneutralität? Was arten etwas übrig haben, scheint sich ja lang-
heißt denn das? Eine traditio- sam, was zu bewegen. Obwohl – solange
Papierfabriken noch so stinken, kann ich
nelle Druckerei ist energie- nicht glauben, dass es dort 100-prozentig
intensiv, Papierherstellung naturverbunden zugeht. Wir wohnen etwa
ist noch energieintensiver, fünf Kilometer von Stora Enso entfernt,
und ich kann nur sagen: Natur riecht anders.“
etwa beim Wasserverbrauch. Toby O. Rink, Geschäftsführer von MarkeMenschNatur,
Karlsruhe ↗ www.marke-mensch-natur.de
Ich empfehle, digital zu
drucken – und das im gerin-
gen Umfang oder nur on
demand. Und bei Papieren
aufs FSC- oder PEFC-Label
zu achten. Aber insgesamt
hilft wirklich nur, weniger
zu drucken und auf Verede-
lungen in Form von UV-Lacken
und Folien zu verzichten.“
Olaf Stein, Partner bei Factor Design, Hamburg
↗ www.factor.partners

„Wir beraten unsere Kunden immer
auch dahingehend, ob sich nicht
eine digitale Lösung anbietet. Wird
gedruckt, versuchen wir so oft wie
möglich FSC- oder Recyclingpapier
mit dem Blauen Engel zu verwenden.
In den letzten Jahren ist auf diesem
Gebiet eine Produktvielfalt entstan-
den, die auch haptisch und optisch
überzeugt. Außerdem legen wir
Wert darauf, dass die Druckerei das
erzeugte CO2 kompensiert.“
Ingo Krepinsky (links) und Stefan Krömer, Geschäftsführer
von Die Typonauten, Bremen ↗ http://typonauten.com
»Die Unternehmen, mit denen wir
zusammenarbeiten, nehmen Werte
wie Umweltschutz und nachhalti-
ges Arbeiten ernst und versuchen sie
umzusetzen, um so ein Umdenken
zu fördern. Dies gilt vom Buchbinder
bis zum Papierhersteller. Wir glau-
ben an das afrikanische Sprichwort:
Wenn viele kleine Leute an vielen
kleinen Orten viele kleine Dinge tun,
können sie die Welt verändern.«
Christina John und Rafael Dietzel, Inhaber von Milch+Honig
designkultur, München ↗ www.milchundhonig-dk.de
PAGE 07.16 047
Tipps für umwelt-
freundliches Drucken
1 
Papier: Wählen Sie wenn möglich
Recyclingpapier. Bei solchem mit
Blauem Engel ist sichergestellt, dass
es sich wirklich um post-consumer waste handelt,
also um Papierabfälle, die bereits im Umlauf
waren. In den Fällen, in denen Sie doch Frisch-
fasern benötigen, sollten diese zumindest das
FSC-Zeichen tragen.
2 
Grammatur: Muss es wirklich das
120-Gramm-Papier sein? Oder
reichen auch 100 Gramm? Das spart
je nach Auflage einiges an Material. Übrigens
hat Recyclingpapier in der Regel eine höhere
Opazität, sodass Sie eventuell eines mit
geringerer Grammatur verwenden können.
3 
Druckfarben: Kaum eine Druckerei
arbeitet heute noch mit mineralöl-
haltigen Farben. Nachfragen sollten
Sie trotzdem. Bestehen die Farben aus pflanz-
lichen Ölen und Harzen und aus organischen
Pigmenten? Dann lassen sie sich im Deinking-
Prozess vollständig aus dem Papier lösen.
Wer den Blauen Engel auf seinen Drucksachen
sehen möchte, darf nur mineralöl- und kobalt-
freie Farben nutzen.
4 
Druckveredelungen: Veredelungen sind
schön, aber gerade UV-Lacke und Folien
sind nicht besonders umweltfreundlich.
Unbedenklich sind dagegen Prägungen und Stan-
zungen, die zudem eine tolle Haptik bieten.
5 
Auflage: Das richtige Kalkulieren
der Auflage hilft, unnötigen Abfall zu
vermeiden. Sinnvoll kann es auch
sein, sich schnell ändernde Angaben wie Termine
oder Preise nicht mit zu drucken.
6 
Format: Reicht statt Standard-A4 nicht
vielleicht auch ein kleineres Format?
Lässt sich mit einer anderen Seitenauf-
teilung eine bessere Bogenauslastung der Druck-
maschine erreichen? Auf diese Weise spart man
Material und Arbeitszeit und damit auch Energie
in der Produktion.
7 
Partnerwahl: Suchen Sie sich eine
Druckerei, die all diese Tipps beherzigt,
zudem Strom aus erneuerbaren Ener-
gien bezieht, die Abwärme aus dem Produktions-
prozess nutzt und nicht vermeidbare Emissionen
durch zertifizierte Klimaprojekte ausgleicht. Ein
guter Indikator ist auch ein nach EMAS (  www.
emas.de  ) oder ISO 14001 (  www.iso.org/iso/iso
14000  ) zertifiziertes Umweltmanagement. ant
048
● Martin Lind, Geschäftsführer des
Druckhaus Berlin-Mitte verrät, was es
mit dem Blauen Engel bei Drucksachen
auf sich hat. ant
Sie führen die erste Blaue-Engel-
Druckerei Deutschlands – was
heißt das eigentlich?
Martin Lind: Dass bei uns gedruckte
Produkte mit dem Blauen Engel ge-
kennzeichnet werden dürfen.
Dafür reicht es wohl nicht,
Recyclingpapier zu verwenden?
Der Blaue Engel gehört im deutsch-
sprachigen Raum zu den anerkanntes-
ten Umweltlabels. Entsprechend hoch
sind die Anforderungen: Sie reichen
vom Papier über die Druckfarben, die
Minimierung von Lösungsmitteln und
die hohe Rezyklierbarkeit der ge-
brauchten Printerzeugnisse bis zu nie-
drigem Ressourcen- und Energiever-
Eine kleine Auswahl
umweltfreundlicher
Druckereien
• dieUmweltDruckerei, Hannover
↗ www.dieumweltdruckerei.de
• Druckerei Lokay, Reinheim
↗ www.lokay.de
• Druckerei Wollenhaupt, Großalmerode
↗ www.wollenhaupt.de
• Druckhaus Berlin-Mitte
↗ www.druckhaus-berlin-mitte.de
• Flyerpilot, Sennfeld
↗ www.flyerpilot.de/oeko-druck
• Gotteswinter und Aumeier, München
↗ www.gotteswinter.de
• Laserline, Berlin
↗ www.laser-line.de
• oeding print, Braunschweig und Hannover
↗ www.oeding-print.de
• Print Pool, Taunusstein-Neuhof und Worms
↗ www.print-pool.com
• Printzipia, Würzburg
↗ www.printzipia.de
»Das verwendete Papier
spielt für die Umweltfreund-
lichkeit des Drucks
eine entscheidende Rolle«
brauch. Außerdem muss das Unterneh-
men ein darauf zugeschnittenes Um-
weltmanagement vorweisen.
Und wer prüft das?
Die RAL GmbH in Sankt Augustin. Sie
kontrolliert, ob die Materialien, die wir
verwenden, und unser Umwelt-, Ener-
gie- und Abfallmanagement den Be-
dingungen des Blauen Engels entspre-
chen. Das Zertifikat gilt drei Jahre, also
bis 2018. Nichtsdestotrotz muss jeder
Druckauftrag, den wir mit dem Blauen
Engel kennzeichnen wollen, geneh-
migt werden.
Ist das nicht ziemlich aufwendig?
Das geht ziemlich schnell. Möchte ein
Kunde etwa seinen Nachhaltigkeits-
bericht mit dem Blauen Engel zertifi-
ziert haben, schicken wir einen An-
trag an die RAL GmbH. Pro Genehmi-
gung wird eine Verwaltungsgebühr von
150 Euro fällig. Bei Periodika, wie etwa
Mitarbeiterzeitschriften, muss der An-
trag nur einmal gestellt werden und
gilt dann auch für drei Jahre.
Ich kann bei Ihnen aber auch
»ganz normale« Produkte
drucken lassen?
Ja natürlich. Wer einen Blauer-Engel-
Druck möchte, muss Blauer-Engel-Re-
cyclingpapier verwenden – und sich da
möglicherweise auf Einschränkungen
einlassen. Denn ein Recyclingpapier
hat nicht immer exakt die gleiche Fär-
bung und ist auch nicht so stabil wie ein
Frischfaserpapier. Eine dunkle blaue
Fläche auf einem Umschlag beispiels-
weise kann im Rücken schon brechen.
Auch die Farben sind genau vorge-
schrieben. Dass sie mineralölfrei sind,
ist im Bogenoffset mittlerweile Stan-
dard. Für den Blauen Engel müssen sie
aber auch kobaltfrei sein. Kobalt wird
für den Trockenprozess gebraucht und
muss in diesem Fall durch ein anderes
Mittel ersetzt werden. Wem das zu hei-
kel ist, der kann auch Produkte drucken
lassen, die ebenfalls umweltfreundlich
sein können, aber eben nicht das Blau-
er-Engel-Logo tragen dürfen.
Wie stehen Sie zu nicht eben
umweltverträglichen Verede-
lungen wie Lacken oder Folien?
Anbieten müssen wir sie schon, fragen
den Kunden aber gerne, ob als Alterna-
tive zum UV-Lack nicht vielleicht eine
Prägung oder Stanzung infrage kommt,
die aus Umweltsicht unproblematisch
sind und aus unserer Sicht ohnehin
besser zum Thema Papier und Haptik
passen. Für die Blauer-Engel-Produk-
tion sind weder Folien noch UV-Farben
und -Lacke genehmigt, weil sie sich so
stark mit dem Papier verbinden, dass
sie sich später nicht sauber von der Pa-
pierfaser trennen lassen und so den Re-
cyclingprozess behindern. Erlaubt ist
ein wasserlöslicher Dispersionslack.
Ist Digitaldruck umweltfreund-
licher als Offset?
Natürlich produziert Digitaldruck we-
niger Makulatur. Es gibt aber auch Ver-
treter der Recyclingpapierbranche die
sagen, Digitaldruck würde den Recy-
clingprozess behindern.
Haben Sie durch das Blauer-Engel-
Zertifikat Kunden gewonnen?
Tatsächlich sind einige Unternehmen
zu uns gekommen, die den Blauen En-
gel explizit auf ihren Drucksachen ha-
ben wollen. Memo etwa, ein Versand-
handel für »ökofaire« Büroprodukte.
Oder die Hamburger Hafen und Logis-
tik AG, oder die Stiftung Warentest.
Bislang gibt es 19 mit dem Blauen
Engel zertifizierte Druckereien,
die Anzahl steigt. Fürchten Sie die
Konkurrenz?
Ich finde es eher bedauerlich, dass es
nicht mehr sind. Im Moment beantra-
gen vor allem große Rollendruckereien
das Zertifikat, weil sie von Kundensei-
te großen Druck bekommen. REWE
beispielsweise wollte ab dem 1. Januar
2016 nur noch mit dem Blauen Engel
zertifizierte Drucksachen. Wir als klei-
ne Druckerei mit sechzig Leuten kön-
nen keinen Marktdruck erzeugen. Von
daher freue ich mich, wenn noch mehr
Druckereien dazukommen.

Der Referent
● Olaf Hartmann, Geschäftsführer des Multisense
Instituts, ist einer der führenden Experten für
multisensorisches Marketing. Der Bestsellerautor,
Berater und gefragte Keynote-Speaker schöpft
in seiner lebendigen Moderation aus mehr als
20 Jahren Marketingerfahrung. Seine Agentur
Touchmore hat zahlreiche Kommunikations-
und Designpreise gewonnen.
Die Agenda
1 Update: Neuromarketing und
Verhaltenspsychologie
– Die Macht des Unbewussten
– Wie implizite Ziele die Wahrnehmung lenken
– Warum Ziele die Quelle der Emotionen sind
– Wie das Gehirn (Kauf-)Entscheidungen fällt
2 Basics: Multisensorisches Marketing
– Das Primat sinnlicher Wahrnehmung
– Vom sensorischen Reiz zur Bildung von Codes
– Multisensorische Verstärkung, Irradiations-
und Priming-Effekt
– Das Prozessmodell des multisensorischen
Marketings (Mensch · Marke · Codes · Touchpoints)
– Das ARIVA-Wirkmodell sensorischer Optimie-
rung (Attention · Recall · Integrity · Value · Action)
3 Multisensorik in der Praxis:
Fallbeispiele, Workshop & Training
Best Practice Cases aus den Bereichen Packaging,
Ad Specials, Kommunikation, E-Commerce,
Produktdesign und Corporate Design
– Das ARIVA-Modell in der Anwendung
– Irradiations- und Priming-Effekt bewusst nutzen
– Mit Embodiment und »Tu«-Effekt die
Erinnerung verstärken
– Durch Haptik Glaubwürdigkeit, Wertschätzung
und Kaufbereitschaft erhöhen
– Kreativsession anhand einer Aufgabenstellung
aus der Praxis der Teilnehmer
PAGE 02.14 025
ANZEIGE
PRAXIS
Weitere PAGE Seminare finden
Sie unter www.page-online.de/seminar
Multisense
Design
Markenkommunikation
mit der Kraft
aller Sinne
Das Seminar »Multisense Design«
● In einer überkommunizierten, konsumkritischen und werbemüden Welt
birgt die multisensorische Gestaltung von Produkten, Werbebotschaften und
Verkaufsprozessen eine große Chance zur Differenzierung. Denn das Gros
aller Informationen verarbeiten wir an der bewussten Wahrnehmung vorbei
mit dem unterbewussten, impliziten System unseres Gehirns. Deshalb ist
multisensorisches Marketing auch kein Hype – es ist ein Erfolgsmodell. Aber
Vorsicht! Die Annahme, mit kreativ veredelten Printprodukten automatisch
auch Wertschätzung und Wirksamkeit steigern zu können, ist ebenso eine Mär
wie die Gleichung »Millionen Klicks = Millionen Umsätze«.
Erkennen Sie die Power of Multisense! In unserem Seminar zeigt Ihnen Olaf
Hartmann anhand konkreter Beispiele und neuster Erkenntnisse aus Neuro-
wissenschaft, Verhaltensökonomie, Psychologie und Sensorikforschung, wie
sich die Kraft multisensorischer Kommunikation entfaltet. Er erklärt, wie Sie
zielgerichtet und kongruent mittels multisensorischer Verstärkung die gesamte
Costumer Journey hindurch mehr Aufmerksamkeit, Erinnerung, Glaubwürdig-
keit, Wertschätzung und Kaufbereitschaft erzeugen können. Das Wissen um
das Aktivierungspotenzial der einzelnen Sinne bereichert alle Gestaltungs-
disziplinen: Kommunikations- und Packaging Design ebenso wie UX, Service
und Interaction Design. Bewusst eingesetzt, steigert es den Erfolg im Dialog-
marketing, in der Werbung und am Point of Sale. Aber auch in den digitalen
Medien können wir dieses Wissen gezielt nutzen – schon Bild- und Textsprache
können mental simulieren und virtuell haptische Erlebnisse stimulieren.
Das Seminar richtet sich somit an Designer, Marketingverantwortliche
und Brandingstrategen – kurzum an alle, die nicht Effekthascherei betreiben,
sondern das Budget gewinnbringend einsetzen, wirksam kommunizie-
ren und Marken nachhaltig stark machen wollen. – Profitieren auch Sie von
Olaf Hartmanns fundiertem Know-how aus der Praxis für die Praxis.
Das Seminar findet am 7. Oktober im Hotel 25hours, Hamburg-
Bahrenfeld, von 9:00 bis 17:30 Uhr statt. Die Teilnahme kostet 748 Euro
(zzgl. gesetzlicher MwSt.). Die Gebühr umfasst die Tagungskosten, Lunch
und Kaffeepausen. Die Teilnehmerzahl ist auf 18 Personen begrenzt!
Also schnell anmelden unter  www.page-online.de/seminar  .  
PAGE // Ebner Verlag GmbH & Co. KG // info@page-online.de //
Telefon: +49 40 85183400 //  www.page-online.de/seminar
Aufgrund der auf 18 Personen pro Veranstaltung begrenzten Teilnehmerzahl werden die Anmeldungen in der
Reihenfolge der Eingänge der Zahlungen berücksichtigt. Die Teilnahmegebühr fällt mit der Anmeldung an.
Sie ist sofort nach Erhalt der Rechnung zuzüglich gesetzlicher Mehrwertsteuer ohne Abzug zu überweisen.
Bitte beachten Sie unsere Widerrufsbelehrung auf der Leserservice-Seite (siehe Inhaltsverzeichnis).
 NEUES
Spannendes aus der Typo-, Bild-,
Papier- und Technikwelt sowie
interessante neue Publikationen
finden Sie auf diesen Seiten
und auf ↗ www.page-online.de  

1
Schrift als Architektur
Beim Leitsystem des
Toni-Areals ist die Schrift
immer in Bezug zur
räumlichen Situation
positioniert
 PAGE 07.16 051

Typo Bei dem von Bivgra-

1 Aus der Wand.

fik und Hi gestalteten Orientierungssystem

für das Toni-Areal, den Campus der Zürcher
Hochschule der Künste, ist Schrift Teil der
Architektur. Mal falten sich Buchstaben als
Relief aus den Wänden, mal nehmen sie das
Material des jeweiligen Untergrunds auf.
Daraus abgeleitet entstand dann in Zusam-
menarbeit mit Mika Mischler und Nik Thoe-
nen von Binnenland die Schrift Areal BL
mit schmalen Versalzeichen und grafischer
Formensprache. Für rund 200 Euro kann
man sie bei der Foundry kaufen. Mehr zu dem spannenden Projekt
gibt es unter www.page-online.de/toni_typo. ↗ www.binnenland.ch
Experimentierfreudig. Normalerweise pflegt Marielle Enders als
Grafikdesignerin (www.itsme-design.de) einen klassischen Umgang
mit Typo.Anders in ihrem Buch »Schriftspiel« für den Christophorus Ver-
lag (80 Seiten, 14,99 Euro, ISBN 978-3-86230-306-9): Mit Kleber, Sprüh-
lack, Farbe, Bändern, Tapes und Fundmaterialien entstehen tolle Buch-
staben, die Lust aufs Basteln machen. ↗  www.christophorus-verlag.de

Mit Buchstaben spielen

Liza Lettering von Underware aus Den
Haag ist die erste Schrift mit eigener
App. Nach Installation der OS-X-An-
wendung öffnet sich ein Fenster, in das
man beliebigen Text schreiben kann.
Und dann geht das Spielen los: mit Gly-
phenvarianten, Schwungbuchstaben,
Ligaturen, kontextabhängigen Buch-
staben, kurz allen Möglichkeiten, die
man fürs digitale Lettering braucht.
Dabei kann man sich von der App auch
Vorschläge machen lassen. Wer sich
überraschen lassen will, nutzt den »Let-
termixer« für Zufallskombinationen.
Die entstandenen Artworks kann
der Anwender speichern und in Pro-
gramme wie etwa InDesign, Illustra-
tor, Photoshop, After Effects, aber auch
Keynote, Word oder TextEdit einset-
zen. Zudem lässt sich ein HTML-Code
erzeugen und Liza Lettering damit
auch als Web-Font nutzen.
Schrift und App kosten zusammen
ungefähr 90 Euro. Dank der von Un-
derware angebotenen Demoversion
kann man das Ganze erst mal in aller Die Underware-Designer Akiem Helmling, Bas Jacobs und
Ruhe ausprobieren. ant Sami Kortemäki plädieren fürs Spielen mit Schrift –
↗  www.underware.nl darum gibt’s zu ihrer Liza Lettering auch eine OS-X-App
052 PAGE 07.16 › NEUES

Bild Fotografen- und Illustratoren-Wettbewerb. Die

GoSeeAwards gehen in die nächste Runde. Einreichun-
gen sind in den Kategorien Fashion, Stills, Nude, Reportage, künstle-
rische Fotografie, Porträt, Illustration sowie Portfolios möglich. Zehn
Finalisten in jeder Kategorie sollen auf der Fotogra-
fiemesse UPdate in Berlin präsentiert werden, die am
30. September stattfindet. ↗  www.gosee.de/awards
Fotofestival. Wie können Fotografen noch von der
unübersichtlichen Welt von heute erzählen? Mit dieser
Frage befasst sich vom 25. Juni bis 3. Juli das Leipziger
f/stop-Festival, das dieses Jahr die Reportage in allen ihren Facetten be-
handelt. Die künstlerische Leitung übernehmen Anne König und Jan
Wenzel von Spector Books aus Leipzig, einem der gestalterisch wohl in-
teressantesten deutschen Verlage.↗  www.f-stop-leipzig.de

Werbeillus für Tankstellen

Nicht nur ungestört knutschen oder auch
mal einen fliegen lassen – sogar als Nudist
kann man angeblich die neuen Tankstellen
des schwedischen Unternehmens St1 besu-
chen: Ganz ohne »störendes« Personal tan-
ken die Fahrer dort nämlich an Automaten,
an denen sich auch zahlen lässt. Der TV-Spot
zeigt Bestsellerautor Björn Ranelid beim
Spritnachfüllen in Hausschuhen, mit zer-
zausten Haaren und hemmungslos gäh-
nend, als käme er gerade aus dem Bett.
In der Printkampagne setzte die Stock-
holmer Werbeagentur Garbergs die Vorteile
der unbemannten Zapfstationen mithilfe
des in Helsinki lebenden Illustrators Robin
Ellis alias Sac Magique um. Die Motive wa-
ren in anderem Format auch online zu be-
trachten. Warum ist eigentlich derartige
Werbung für Tankstellen in Deutschland
quasi undenkbar?
↗  http://sacmagique.net
#but_a_dream
Fotos - Vektoren - Videos

Schon ab
20 Cent

123RF RECHNET SICH

www.123rf.de 0800 88 66 020
054 PAGE 07.16 › NEUES › Bild

Dynamisches Bilderbuch
Am liebsten möchte man viele dieser Bände haben, denn miteinan-
der entfalten die zahlreichen verschiedenen Gestaltungsvarian-
ten besonderen Reiz. »Concave Thoughts. 357 Digital Drawings«
heißt das neueste Projekt des Schweizer Künstlers Yves Netzham-
mer, ehemals auch bekannt als Illustrator für »brand eins«. Fast
scheint ein verrückt gewordener Computer die schwarzweißen
Strichzeichnungen im Buch ausgespuckt zu haben: Ebenso präzise
wie bizarr wird hier Menschliches mit Tierischem, Lebendes mit
Dinglichem verflochten.
Dem Prinzip des Remixes entspricht die Gestaltung, die im Dia-
log von Yves Netzhammer mit Michael Heitz vom Züricher Verlag
diaphanes entstand. Sechzehn Druckbögen à 32 Seiten wurden in
immer wieder anderer Abfolge gebunden. Dazu kommen 32 Cover-
und 32 Rückenmotive, die aus jedem Buch fast ein Unikat machen
(30 Euro, ISBN 978-3-03734-534-4).
↗  www.diaphanes.net
Viele Cover- und
Rückenvariationen:
das neue Buch von
Yves Netzhammer

Fotograf gegen Brexit

Wenn die Briten am 23. Juni für den EU-Austritt stimmen, könnte
dies das größte Friedensprojekt der Menschheitsgeschichte für
immer beenden, warnt Wolfgang Tillmans. Der berühmte deutsche
Fotograf mit Studios in Berlin und London macht sich in einer
Onlinekampagne für Europa stark und bezieht Stellung gegen rech-
te Europafeinde wie Nigel Farage oder Marine Le Pen. Die offizielle
britische Kampagne der EU-Befürworter sei ihm nicht leidenschaft-
lich genug, so Tillmans. Nicht die Qualitäten der EU-Bürokratie
seien das eigentliche Thema der Brexit-Abstimmung, sondern weit
Wichtigeres, nämlich eine gemeinsame demokratische Weltsicht
und eine Politik der Kooperation statt der Konfrontation. Alle Pos-
ter stehen zum Download bereit.
↗  http://tillmans.co.uk/campaign-eu

PAGE Seminar »Bildrecht«. In unserem Seminar erfahren
Sie alles, was Bildnutzer und Bildurheber in Zeiten
von Facebook & Co wissen müssen. Jetzt buchen unter
↗  www.page-online.de/seminar-bildrecht
Gefragte Instagramer
Sensationelle 700 000 Follower verzeichnen Fotogra-
fin Laura Muthesius und Foodstylistin Nora Eiser-
mann aus Berlin bei Instagram. Wie dabei Koopera-
tionen mit zahlenden Kunden funktionieren, erzäh-
len sie freimütig auf ihrem Blog www.ourfoodstories.
com. Ganz vorn dabei ist Edeka, deren Instagram-
Auftritt das Duo seit Ende 2015 erfolgreich bestrei-
tet. Jüngst entstanden auch Bilder im Auftrag der
Edelmarke Kusmi Tea: Die Bloggerinnen backten ei-
ne glutenfreie Torte aus einem mit der Teesorte Aqua-
Rosa hergestellten Sirup. Sogar für Farrow & Ball
wurden sie jüngst mit Foodbildern tätig: Ein Rha-
barberkuchen bildete den Mittelpunkt eines Mood-
boards für den neuen Rosaton Peignoir des Farben-
und Tapetenherstellers. cg
↗  www.instagram.com/_foodstories_/
 PAGE 07.16 055

Papier Papier ökologisch auswählen. Geese

Papier bietet einen neuen Musterfächer an,
der die Recyclingpapiere Creative Print und Everprint Premium – beide
mit dem Blauen Engel zertifiziert – versammelt. Neben unbedruckten
Mustern präsentiert »Corporate Eco« auch solche aus realen Projekten.
So werden die verschiedenen Grammaturen, Färbungen
und Oberflächen sicht- und fühlbar. Der Fächer kann per
E-Mail (muster@geese.de) angefordert werden. ↗ www.
geese-papier.de Karton für Kosmetik. Für die Ver-
packung von Haut-, Haarpflegeprodukten und Parfums eignen sich die
Metsä-Board-Kartons Carta Allura, Elega, Integra und Solida sowie
Avanta Prima und Simcote. Sie haben eine hohe Weiße und sind bei gro-
ßer Stabilität recht leicht, das hilft beim Materialsparen.
Sämtliche Qualitäten sind FSC- oder PEFC-zertifiziert. Im
Unterschied zu FSC verfolgt PEFC einen eher regionalen
Ansatz, was das Label auch für Eigentümer kleinerer Wald-
flächen interessant macht. ↗ www.metsaboard.com

Papierkulisse
Auch Moleskine setzt auf den Hype um die Fantasy-
Saga und bietet eine limitierte Sonderedition mit
vier »Game of Thrones«-Notizbuchkollektionen an.
Das Mailänder Animationsstudio Dadomani pro-
duzierte ein Promotionvideo, für das die Kreativen
die Festung in Königsmund minutiös aus Papier
nachbauten. Der Film zeigt, wie der kunstvolle drei-
dimensionale Aufbau mit Zahnrädern, Getrieben
und Türmen sich erst in Bewegung setzt und dann
nach und nach in sich zusammenklappt und -fällt.
Beim Wegzoomen der Kamera wird deutlich, dass die
ganze Kreation aus Seiten der »Game of Thrones«-
Moleskine-Bücher besteht. Ebenso spannend wie der
40-sekündige Clip (https://is.gd/GoT_3D) ist das
auch auf YouTube veröffentlichte, knapp zweiminü-
tige Making-of-Video (https://is.gd/GoT_Mo). ant
Viele, viele Stunden
↗  www.moleskine.com/de
bastelte das
Animationsstudio
Dadomani an der Die PAGE Schneidematte mit Millimeter-
»Game of Thrones«- raster, Papierformaten und praktischen
Burg aus Papier Tastaturkürzeln erhalten Sie im PAGE Shop:
↗  www.page-online.de/schneidematte  
056 PAGE 07.16 › NEUES

Technik 1 Actionreiche VR. GoPro sucht neue

Geschäftsfelder. Der Actionkameraher-
steller bietet bald auch Equipment für 360-Grad-Videos und Virtual-
Reality-Content an. Den Anfang macht Omni, ein Array aus sechs Hero4-
Black-Modellen. Die mit den synchronisierten Actionkameras aufgenom-
menen Videos kann man mit der zugehörigen Software Kolor stitchen
und schneiden. Für die Veröffentlichung der Ergebnisse stellt GoPro die
Plattform GoPro VR zur Verfügung. Die Inhalte lassen sich auch über
Smartphone-Apps oder VR-Brillen betrachten. Das bestückte Omni kann
für circa 5400 Euro vorbestellt werden. Wer die Kameras bereits besitzt
und nur Array und Software benötigt, bezahlt rund 1600 Euro. Weitere
Kameras für die VR-Produktion sollen folgen. ↗  http://vr.gopro.com

Content für alle Kanäle 5 Farbspezialist

Adobe startet ein neues Produkt für die
Gestaltung und Veröffentlichung von
Inhalten auf unterschiedlichsten Platt-
formen – von Print bis Web und Social
Media –, das beim Anwender nur ge-
ringe gestalterische Fähigkeiten vor-
aussetzt. Hauptbestandteil von Spark
ist eine Webanwendung, die in jedem
Browser läuft und in der sich alle Inhal-
te erstellen lassen. Produzieren kann
man Flyer und kleine Broschüren, ein-
fache Webseiten, Videos sowie Con-
tent für Instagram, Facebook und Co.
Komplettiert wird das System durch
die vormals als Adobe Voice und Ado-
be Post bekannten iOS-Apps. Sie hei-
ßen jetzt Spark Video und Spark Post,
hinzu kommt ein neues Tool namens
Spark Page. Diese Apps, die es derzeit
lediglich für iOS gibt, können Inhalte
an die Webanwendung Spark überge-
ben – diese jedoch bleibt die Schnitt-
stelle, die alle in Spark erstellten und
eingelesenen Daten sammelt.
Adobe Spark arbeitet Preset-basiert.
Als Anwender tippt man Texte ein und
wählt gegebenenfalls eigene Fotos aus.
Über Vorlagen für die verschiedenen
Social-Media-Plattformen und Medien
erstellt man mit einem Klick Inhalte,
die sich individuell anpassen lassen.
Spark ist kostenlos und setzt kein CC-
Abonnement voraus. In Zukunft will
Adobe darüber aber auch kostenpflich-
tige Dienste anbieten.
↗  https://spark.adobe.com
In Adobe
Spark kann
man die
Presets
individuell
anpassen
BenQ präsentiert einen 27-Zoll-Bild-
schirm speziell für Grafik- und Video-
anwendungen. Der PV270 verfügt über
ein IPS-Panel mit WQHD-Auflösung
(2560 mal 1440 Pixel) und deckt 99 Pro-
zent des AdobeRGB-Farbraums ab –
außerdem 100 Prozent des Farbraums
Rec. 709, den man fürs Mastering von
HD-TV-Material verwendet. Der Her-
steller kalibriert jedes Display vor der
Auslieferung. Dieses ist darüber hin-
aus mit Farbmessgeräten von X-Rite
hardwarekalibrierbar. Um diesen Vor-
gang noch zu erleichtern, liefert BenQ
eine eigene Software mit.
Der BenQ PV270 weist nach Anga-
ben des Herstellers eine Farbgenauig-
keit von Delta E ≤ 1,5 auf. Ausgerüstet
ist er zudem mit BenQs augenscho-
nender Flicker-Free-Technologie sowie
einem SD-/SDHC-Kartenleser. Com-
puter kann man via DisplayPort, Mini-
DisplayPort oder HDMI anschließen.
Der knapp 1100 teure Bildschirm dient
auch als USB-3.0-Hub.
↗  www.benq.de

PAGE Story »Displays für

Kreative«. Welcher Monitor
passt für wen? Unser Rat-
geber in PAGE 06.16 ↗  www.
page-online.de/PEPA1606
 PAGE 07.16 057

Action-Array
Speziell für VR-Produktionen
Kurz vorgestellt
ist das GoPro Omni Schriften in der Cloud. Die Schriftenverwaltung
mit sechs Hero4-Action- Suitcase Fusion kann in der neuen Version 7 die
kameras bestückt
Zeichensätze des Anwenders über mehrere Devices
hinweg synchron halten. Die »TypeSync« genannte
1 Funktion lädt die Fonts auf einen Server hoch und
stellt sie auf allen Geräten zur Verfügung. Neu ist
auch ein Plug-in für After Effects, mit dem die Fonts
direkt in der Animationssoft ware bereitstehen und
sich dort auch verwalten lassen. Suitcase Fusion 7
gibt’s für etwa 120 Dollar, ein Update kostet knapp
Wie Sie sehen … 60 Dollar. ↗  www.extensis.com/de
. . . sehen Sie nichts. Die
2 Kamera ohne Display. Damit sich der Fotograf
Leica M-D (262) ist
zwar digital, verzichtet ganz auf sein Motiv konzentrieren kann und nicht
aber auf ein Display von der Rückseite der Kamera abgelenkt wird, hat
Leica jetzt eine Digitalkamera auf den Markt ge-
bracht, die auf das Display verzichtet. Wer bei der
Leica M-D (Typ 262) auf die Rückseite blickt, sieht
wie zu Zeiten der Fotografie auf Film lediglich ein
Einstellrad für die Empfindlichkeit. Von außen ist
die Leica M-D (262) kaum von einer analogen Leica
M zu unterscheiden. Ansonsten basiert die Mess-
sucherkamera auf der Leica M (262): Der Vollformat-
sensor löst 24 Megapixel auf, für die Objektive gibt
es ein M-Bajonett. Das Weglassen des Displays hat
seinen Preis: Die Leica M-D (262) kostet ungefähr
6000 Euro. ↗  www.leica.de
3D-Profi
2 Die SpaceMouse
3 3D-Maus. 3Dconnexion, Anbieter von Eingabe-

Enterprise geräten für 2D- und 3D-Anwendungen, hat mit der

ermöglicht das SpaceMouse Enterprise eine neue 3D-Maus vorge-
Navigieren stellt. Sie ist für die Arbeit mit CAD-Anwendungen
durch 3D-Anwen- konzipiert und soll das flüssige Navigieren durch
dungen dreidimensionale Modelle und den schnellen Wech-
sel der Ansichten erleichtern. Die SpaceMouse En-
Plattenschrank terprise ist die Nachfolgerin des SpacePilot Pro und
Die LaCie 12big 3 kann jetzt drei unterschiedliche Bildschirmansich-
Thunderbolt 3 ten speichern, die jeweils per Tastendruck aufruf-
nimmt bis zu zwölf bar sind. Für die leichtere Zuordnung zeigt ein Dis-
Festplatten auf
play die Belegung der zwölf Funktionstasten an.
Die Maus unterstützt 3ds Max, Autodesk Maya und
Inventor sowie SolidWorks und weitere 3D-Anwen-
dungen. Der Einführungspreis beträgt rund 430 Eu-
4 ro, ab Oktober kostet die SpaceMouse Enterprise et-
wa 475 Euro. ↗  www.3dconnexion.de/sme
5 4 Bis 96 Terabyte. Speziell für die Speicherung
und Bearbeitung hochauflösenden Videomaterials
ist die LaCie 12big Thunderbolt 3 gedacht. Das ex-
terne Gehäuse ist RAID-5/6-fähig und lässt sich via
Thunderbolt über USB-C in Reihe schalten. Die ins-
gesamt zwölf Einschübe sorgen für eine Speicher-
kapazität zwischen 48 und 96 Terabyte. Außer im
RAID-Modus 0 lassen sich bei einem Defekt einzelne
Festplatten auch während des laufenden Betriebs
auswechseln. Die Geschwindigkeit über Thunder-
bolt soll bei der 12big Thunderbolt 3 bis zu 2600 Me-
Freund der Farben
Speziell für farbsensible Bild-
gabyte pro Sekunde betragen, per USB 3.0 liegt sie bei
und Videobearbeitungen 400 Megabyte. Das Festplattenarray ist ab Sommer
ist der 27 Zoll große BenQ erhältlich. Der Preis stand bei Redaktionsschluss
PV270 konzipiert noch nicht fest. ↗ www.lacie.de ml
058 PAGE 07.16 › NEUES

Publikationen
»Web Fatale«. Der Titel klingt ein bisschen ulkig – wie eine Femme
fatale sollen Websites Nutzer (ver-)führen, so die Idee. Aber der bunte
Mix an Tipps, die Johannes Ippen für unwiderstehliches Webdesign zu-
sammengetragen hat, ist absolut lesenswert. Zum Themenspektrum ge-
hören Usability und User Experience, Zielgruppenanalyse
und Nutzerbindung ebenso wie Businessstrategien, Con-
tent Marketing, die Verbindung mit den verschiedenen
sozialen Netzwerken oder das Testing, mit dem man laut
Ippen frühzeitig beginnen sollte: So widmet er sich aus-
Johannes Ippen: Web
Fatale. Wie Du
führlichst verschiedenen Testmethoden und ihrer Auswer-
Webseiten gestaltest, tung. Der Autor arbeitet beim Berliner Spieleentwickler
denen niemand
widerstehen kann. Wooga und ist selbst Web- und App-Designer. Am locke-
Bonn (Rheinwerk Ver-
lag) 2016, 348 Seiten. ren Plauderton, den er anschlägt, ist zu merken, dass hier
34,90 Euro. ISBN 978-
3-8362-3898-4 jemand mitten aus der Praxis schreibt.

1 »Graphic Stamps«. Wie schade, dass die Brief- 2 »The Intelligent Lifestyle Magazine«. Okay,

markensammlung verschollen ist, die ich als Kind
hatte! Würde sie jetzt gern anschauen . . . Im ersten
Band seiner neuen Buchreihe »The Archive Series«,
in der der Londoner Verlag Unit Editions künftig
Grafikdesignsammlungen aller Art vorstellt, geht
es um Briefmarken. Natürlich nicht einfach irgend-
welche, sondern grafisch herausragende. Alpha-
betisch nach Ländern geordnet, gibt es Exemplare
aus Afghanistan bis Jugoslawien zu bestaunen.
Das Faszinierende an Briefmarken ist ja gerade ihre
Herkunft aus fernen Ländern, und der gestalte-
rische Modernismus hat offenbar auch die entfern-
testen Weltregionen im Laufe des vorigen Jahr-
hunderts mal erreicht. Aus Deutschland ist leider
nichts zu sehen, die hiesigen Postwertzeichen wa-
ren wohl nicht cool genug .. .
das von der italienischen Tageszeitung »Il Sole
24 Ore« herausgegebene Monatsmagazin »IL« hat
jede Menge Designpreise gewonnen. Aber darum
gleich ein ganzes großes Buch über eine Zeitschrift
machen? Ja, denn diese gestalterische Wundertüte
mit ihren immer wieder charmanten Überraschun-
gen ist eine Inspiration für jeden Editorial Desi-
gner. Artdirektor Francesco Franchi definiert die
Rolle des Gestalters bei der Vermittlung von Inhal-
ten einfach mal ganz neu, Form und Inhalt sind
hier unauflöslich miteinander verbunden. Wobei
insbesondere auch die Illustration eine hervorra-
gende Rolle spielt. Wir empfehlen die Lektüre ins-
besondere allen, die sich Sorgen ums Ende des
Printzeitalters machen. Es gibt ein Gegenmittel,
es heißt »Mut beim Design!«.

Graphic Stamps. The Miniature Francesco Franchi, Christian Rocca:

Beauty of Postage Stamps. The Intelligent Lifestyle Magazine.
The Archive Series #001. Smart Editorial Design, Ideas and
London (Unit Editions) 2016, Journalism. Berlin (Gestalten)
328 Seiten. 35 Pfund. 2016, 272 Seiten. 49,90 Euro.
ISBN 978-0-9932316-4-3 ISBN 978-3-89955-631-5
 PAGE 07.16 059

Designer-Marken
Großbritannien 1971
von Nicholas Jenkins,
United Nations 1973 von
G. Hamori, Taiwan 1997
(Designer unbekannt),
Japan 1986 von Takashi
Shimizu, Brasilien 1976
von Gian Calvi

Intelligente Layouts
Artikel übers Polytechnikum in
Mailand: Hier greifen Text, Foto
und Illustration richtig ineinander

2
060 PAGE 07.16 › NEUES › Publikationen

Was wir fragen wollten

Karin Kraemer, Illustrationsabsolventin der
HAW Hamburg ↗ w   ww.karin-kraemer.net

Ihre Abschlussarbeit 3 »SIE« ist als

wunderschönes Buchobjekt beim Verlag
Reprodukt erschienen. Die Bilderge-
schichten darin sind abgründig. Woher
kommen die Stoffe? 3
Karin Kraemer: Zuerst war die Geschichte »Tar-
tar« entstanden, ursprünglich für einen Wettbe-
werb des Goethe-Instituts. Was beschrieben wird,
habe ich selbst erlebt, als ich vor ein paar Jahren
als Bedienung im Hamburger Café Paris arbeite-
te. Eine Frau kam herein, bestellte Tartar, hat ge-
gessen und die ganze Zeit über geweint. Es war
erschreckend, wie abweisend die Leute reagiert
haben. Wer eine schlimme persönliche Lage nach
außen trägt und das nicht zu Hause mit sich ab-
macht, erlebt offene Antipathie.

Wer ist diese »SIE«, die auch in den

anderen Geschichten auftaucht?
Einfach ein Teil dieser Gesellschaft. Sie verkörpert
die Verletzlichkeit, die bei jedem von uns in kri-
tischen Situationen dazu führen kann, dass man Sie und die anderen
»SIE« wird. Aber in den anderen Menschen um Wunderschön gestaltet, aber inhaltlich
»SIE« herum kann man sich ebenfalls wiederfin- streckenweise abgründig: Karin Kraemers
den. Ich selbst bin auch nicht immer empathisch Geschichten um »SIE«
gegenüber schwierigen Leuten.

Wieso haben Sie kein Buch, sondern

Einzelhefte gemacht?
Es sollte keine richtige Reihenfolge geben, das
Thema ist endlos: Man könnte jederzeit von vorn
anfangen oder andere Geschichten hinzufügen.
Das Format ist das der Originalzeichnungen, die
mit Tusche und hier und da mal mit Acrylweiß
entstanden.

Wie konnte die aufwendige Herstellung

der Publikation finanziert werden?
Mit meiner Professorin Anke Feuchtenberger
habe ich mich bei der Hamburger Behörde für
Wissenschaft, Forschung und Gleichstellung um
eine Förderung beworben. Mit dem Zuschlag
konnten dann noch zwei weitere Projekte von
HAW-Absolventinnen gedruckt werden: Kathrin
Klingers »Katze hasst Welt« und Lena Hällmayers
»Das Ding, das auf mein Stolpern lauert«. Beide Karin Kraemer: SIE. Quilow und Berlin (MamiVerlag und
erzählen auf sehr eigene Weise aus dem Leben Reprodukt) 2016, 188 Seiten. 25 mal 32 Zentimeter, 6 Hefte im Schuber.
von Frauen. 29 Euro. ISBN 978-3-95640-085-8
 PAGE 07.16 061

Publishing-News
4 Erik Kessels: Failed It! How to turn mistakes

into ideas and other advice for successfully scre-

wing up. London (Phaidon) 2016, 168 Seiten.
9,95 Euro. 978-0-7148-7119-6. Der KesselsKramer-
Chef und einer der kreativsten Köpfe Europas hat ei-
ne Hommage auf die Inspiration durch Fehler und
gründliches Scheitern geschrieben. Wobei man ga-
rantiert nichts damit falsch machen kann, dieses
preiswerte Büchlein zu kaufen!
Ralph Stieber: 111 Gründe, seinen Chef zu has-
sen. Tyrannen, Fanatiker und Selbstdarsteller –
wenn der Boss dich in den Wahnsinn treibt. Berlin
(Schwarzkopf & Schwarzkopf) 2016, 352 Seiten.
9,99 Euro. 978-3-86265-575-5. Der Autor hat auch
schon als Pizzabote und Kellner gearbeitet, vor allem
4 aber als Werbetexter, unter anderem für Scholz &
Schön falsch Friends, Heimat oder BBDO. Nach einem Burn-out
Dem Künstler Kent Rogowski unterlaufen beim lästert er hier mal richtig ab, natürlich ohne Namen
Puzzeln immer wieder krasse Fehler . . . zu nennen.
Elizabeth Resnick: Developing Citizen Desi-
gners. London (Bloomsbury) 2016, 432 Seiten.
29,99 Pfund. 9780857856203. Der Designer ist
mehr als ein Dienstleister, er kann sich ebenfalls als
Bürger gesellschaftlich einbringen – so die Botschaft
dieses Lehrbuchs, das vor allem Studierende und
Lehrende, aber auch Berufsanfänger anspricht.
5 Stuart Tolley: MIN. The New Simplicity in Gra-
phic Design. London (Thames & Hudson) 2016,
288 Seiten. 24,95 Pfund. 9780500292198. Von
Corporate über Editorial bis Packaging Design: Das
Designstudio Transmission aus Brighton hat ein
Buch über grafischen Minimalismus jeglicher Art
zusammengestellt.
Stephanie Jacobs (Hrsg.): Zeichen – Bücher –
Netze: Von der Keilschrift zum Binärcode. Göttin-
gen (Wallstein Verlag) 2016, 148 Seiten. 9,90 Eu-
ro. 978-3-8353-1824-3. Eine Million Objekte zur
Schrift-, Buch- und Papiergeschichte besitzt das
Schön schlicht Deutsche Buch- und Schriftmuseum der Deutschen
Für sein Buch über Minimal Design hat das Studio Transmission alle Arbeiten noch Nationalbibliothek in Leipzig. Dieser Kurzführer
mal selbst vor einheitlich minimalistischem Hintergrund fotografiert vermittelt Einblicke. Unter http://mediengeschichte.
dnb.de gibt’s auch eine virtuelle Ausstellung des
5 Museums.
Süddeutsche Zeitung Magazin (Hrsg.): Gefühl-
te Wahrheit. Unser Leben in unterhaltsamen Dia-
grammen. München (Prestel) 2016, 192 Seiten.
14,95 Euro. 978-3-7913-8246-3. Jetzt als Buch: Die
Infografik-Kolumne über die Tücken des Alltags, mit
der das »SZ«-Magazin allwöchentlich beweist, wie
herrlich unsachlich Infografik sein kann. cg

Publikationen. Weitere Buchempfehlungen

für Kreative in Design und Development lesen
Sie auf ↗  www.page-online.de/buecher  

PAGE eDossiers. Unsere eDossiers zu Themen

rund um den kreativen Berufsalltag gibt es
unter ↗  http://shop.page-online.de/downloads  
062 PAGE 07.16 › PROJEKTE › 3D-Konfigurator mit WebGL

PROJEKTE

Das Projektteam von Demodern bei einer Quick-Design-Session. Von links: Managing Partner und Kreativdirektor Alexander El-Meligi, Projekt-
leiter Tobias Soffner, Projektmanagerin Sonja Conradi, Artdirektor Flo Gläser und Director Creative Engineering Nico Zimmermann
 PAGE 07.16 063

Helm-o-mat
Mit einem ausgeklügelten 3D-Produktkonfigurator, eingebettet
in einen Magento-Webshop, bietet das Frankfurter Start-up
helmade seinen Kunden eine bemerkenswerte User Experience.
Möglich machte dies die Hamburger Digitalagentur Demodern

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
PROJEKT Konzeption und Entwicklung eines
Onlineshops mit 3D-Produktkonfigurator
KUNDE helmade, Frankfurt am Main
↗ www.helmade.com
AGENTUR 3D-Konfigurator und Webshop-
Einbindung: Demodern, Hamburg
↗  www.demodern.de; CGI: 747studios,
Hamburg ↗  www.747studios.de
TECHNIK WebGL, three.js, HTML5, CSS3/
Sass, Autodesk Maya, InVision, Trello, JIRA,
Magento
ZEITRAUM August 2015 bis zum Release der
Betaversion Ende Januar 2016
064 PAGE 07.16 › PROJEKTE › 3D-Konfigurator mit WebGL
Entwickeln unter den noch weißen
helmade-Basismodellen: Tobias Soffner,
Karina Schmidt und Sonja Conradi
● »Ein weißer Helm ist eine verschenkte Möglich-
keit«, findet Christian Möhring. Im Sommer 2015
erhob der begeisterte Motorsportler diesen Satz zum
Leitgedanken seines Start-ups helmade, das aus Lei-
denschaft für Design, Individualität und Motorsport
entstand. Das junge Unternehmen hat die Vision,
möglichst vielen Menschen individuelles Helmde-
sign zugänglich zu machen. Deshalb gründete Möh-
ring gemeinsam mit seiner Frau Sabrina und sei-
nem Bruder Robin Metz helmade.
Ähnlich wie im Fashion- und Sportswear-Bereich
setzt helmade auf digitale Co-Creation. »Unabhän-
gig davon, ob du ein Bike, Scoot, Mod, einen Café Ra-
cer, ein Rennauto oder ein Kart fährst – überall wo
ein Helm schützen soll, gibt es eine Gelegenheit, sich
von der Menge abzuheben«, sagt Robin Metz. Zu-
sammen schufen sie daraus ihre Geschäftsidee, Hel-
me mit individuellen Designs weltweit zu vertrei-
ben. Bis es so weit war, floss jedoch viel Wasser den
Main hinunter und viel Code in den neuen Webshop
und den innovativen 3D-Produktkonfigurator hi-
nein. Der Launch, so Möhrings Vorstellung, sollte
im Frühjahr 2016 erfolgen, also pünktlich zum Start
der Motorsportsaison.
Klein anfangen und ausprobieren
Ein recht sparsam bemessener Zeitrahmen ange-
sichts der Tatsache, dass in den Sondierungsgesprä-
chen für den responsiven Onlineshop ein ausgeklü-
xxxxxxxxxxxxxxxxxxxxxxx gelter, auch mobil äußerst performanter 3D-Pro-
duktkonfigurator als Kern der Website herauskam.
»Das Mini- Christian Möhring und Alexander El-Meligi, Ge-
mum Viable schäftsführer und Kreativdirektor bei Demodern in
Product Hamburg, kannten sich bereits über einen früheren
Agenturkunden – gute Voraussetzungen für eine ver-
bauten wir trauensvolle Zusammenarbeit.
mit helmade Im August 2015 nahm Demodern die Arbeit auf
kontinuierlich und formulierte die Kernanforderungen: Zunächst
galt es, eine Plattform für den Markenaufbau zu ent-
zu einem wickeln und ein Produkterlebnis auf höchstem Ni-
international veau zu schaffen. Die User sollten die Einzigartig-
skalierbaren keit – individuelles Design und hochwertige Lackie-
E-Commerce- rung – sowie die Qualität des realen Produkts beim
Konfigurieren spüren können. Weil helmade nur Ein-
System aus« zelstücke on demand anfertigt, sollten die vom User
Alexander El-Meligi, konfigurierten 3D-Modelle so fotorealistisch und
Geschäftsführer performant wie möglich sein.
und Kreativdirektor Alexander El-Meligi erinnert sich, dass der Mix aus
bei Demodern, enorm anspruchsvoller 3D-Produktexzellenz, hoch-
Hamburg performanter Cross-Device-Fähigkeit sowie hoher
Komplexität und Anzahl an Helmdesigns ihm durch-
aus auch Kopfschmerzen bereitete. Die Anwendung
sollte im Browser, mobil, aber auch auf Event- und
Showroom-Displays flüssig laufen. Zugleich brauch-
te helmade ein zuverlässiges, international skalierba-
res E-Commerce-System, um Sales- und After-Sales-
Prozesse abzubilden. »Deswegen haben wir zuerst
ein Minimum Viable Product (MVP) erstellt, das wir
 PAGE 07.16 065

gemeinsam mit dem Kundenteam fortwährend agil

weiterentwickelten.« Das englischsprachige MVP
funktionierte bereits auf übergroßen Screens für
Events, auf mobilen Endgeräten sowie im E-Com-
merce für alle Zahlungsarten.

Vom MVP zum Prototyping

»Grundlage für ein erfolgreiches Business ist natür-
lich ein voll funktionales, skalierbares E-Commerce-
System, das wir auf Basis von Magento realisierten
und in das wir die WebGL-Anwendung integrieren
wollten«, erklärt El-Meligi. Dabei sei es jedoch nicht
darum gegangen, das Shopsystem zu verändern. »Al-
leine schon wegen der Performance wollten wir mit
den gegebenen HTML-Funktionalitäten arbeiten
und den 3D-Konfigurator als Komponente einbin-
den«, so El-Meligi.
Auch bei der Bildqualität der 3D-Helme wollte er
keine Kompromisse eingehen: »Wir wollten ein Pro-
dukt visualisieren, das in puncto Rendering neue
Maßstäbe setzt.« Dafür fotografierte und vermaß Fürs erste Prototyping in WebGL überführte Demodern den Helm Arai-SK 6 so gut wie
747studios in Hamburg, Demoderns Partner für Com- möglich in ein 3D-Modell. Dafür zerlegten die Developer seine Grundform in Polygone und
puter Generated Imagery (CGI), die Helme und er- optimierten die Normalen so, dass weiche und harte Kanten erkennbar sind

fasste sie fotometrisch. Die daraus errechneten 3D-

Helme waren schon sehr nahe am Original, wurden
aber von 747studios und Demodern noch mit der
Animationssoftware Autodesk Maya aufbereitet und
anschließend feinmodelliert.
Dann folgten Moodboards mit InVision. Das ers-
te Prototyping der Materialien auf Basis echter Lack-
proben aller Farben nahm Demodern in WebGL vor
und legte damit die Oberflächen Matt oder Glän-
zend, die Effekte Flake (Glitter), Holoflake (Regen-
bogenoptik) und Metallic sowie die transparenten
oder spiegelnden Visiere fest. Auch ein Beleuchtungs-
modell mit Licht- und Schattenwürfen für das fer-
tige 3D-Produkt legten die Developer an.

Optimale Detailarbeit durch

optimierte Abstimmung
Für die fortwährende Verfeinerung der Prototypen
mit dem Kunden hatten die Demodern-Developer
in einer sehr frühen Modelling-Phase ein eigenes
Tool in JavaScript entwickelt, das es allen Projektbe-
teiligten ermöglichte, die Produkte online zu beob-
achten, um schnell Feedback zu geben. Dieses per-
fekte Zusammenspiel von Design, Modelling und
Creative Development war wichtig, um die Produk-
te flüssig und fotorealistisch in den WebGL-Konfi-
gurator einzubetten. El-Meligi nennt ein Beispiel:
»Optimale Überlappungen an den Materialkanten
zu schaffen, bedeutete sehr präzise Arbeit.« Doch
nicht nur das: Damit die Helmmaterialien authen-
tisch wirkten, drehte Demodern lange an der Aus-
steuerung der Beleuchtung je nach Luminanz der
Lackfarbe (siehe Seite 67 f.).
Motorsport, Motorrad, Scooter – der User wählt zunächst den Helmtyp aus, um im
»Wir arbeiteten in wöchentlichen Sprints«, erläu- Anschluss das Grunddesign eigenen Vorstellungen anzupassen. Der 3D-Konfigurator
tert El-Meligi die agile Teamarbeit. Anfangs mit dem bietet dafür sechs Lackarten (Normal Glossy, Normal Matt, Metallic, Neon, Flake und
Trello Task Board und nach dem Prototyping dann Holoflake) sowie 100 Farben und Verläufe. Nur durch die flüssige Aktualisierung und die
mit Atlassians Projektmanagement-Tool JIRA als visuell überzeugende Darstellung der Lacke kam die tolle User Experience zustande
066 PAGE 07.16 › PROJEKTE › 3D-Konfigurator mit WebGL
Designtests mit der Ziel-
gruppe enthüllten,
ob die ultrarealistische
Produktdarstellung
mit der Kundenerwartung
und dem physischen
Endprodukt korrespondiert
Ticketsystem. Sehr früh setzte Demodern bereits
einen Development-Server auf, auf dem die Entwick-
ler das Shopsystem sowie die Helm-Prototyping-
Umgebung implementierten und danach agil wei-
terentwickelten.
Getestet hat die Hamburger Digitalagentur konti-
finden Sie eine weitere
nuierlich im laufenden Sprint. Abnahmen erfolgten
durch den Product Owner (Kunde und Helmdesi-
gner). Parallel liefen Checks der Cross-Device-Funk-
tionalität. Besonders die Limitierung der Grafikkar-
te auf mobilen Devices war dann noch mal ein echtes
↗  www.page-online.de/
Problem: »Schon im Prototyping haben wir daher
intensiv getestet. Zudem war ein Teammitglied aus-
schließlich damit befasst, die Produktkonfigura-
tion und den E-Commerce-Flow funktional durchzu-
testen«, berichtet El-Meligi.
Am Ende weiß man’s immer besser
Seit dem Launch der Betaversion im Januar wird die
Website stetig weiterentwickelt und um neue Design-
optionen, Social Sharing, ein Blog-Magazin und ei-
ne deutschsprachige Version ergänzt. Besonders für
den Konfigurator erhielt Demodern großes Lob.
»Der Konfigurator wird oft als ›App‹ empfunden,
was zeigt, wie nativ, stabil und direkt er sich anfühlt«,
freut sich El-Meligi.
Dennoch würde das Projektteam heute einiges an-
ders machen. »Wir würden am Anfang für das MVP
vielleicht mit weniger Produkten starten«, so El-
Meligi. Fünf Helmtypen mit unterschiedlichen Ac-
cessoires, komplexe Designoptionen und mehr als
100 Farben in unterschiedlichen Effekten seien schon
sportlich gewesen. Besonders herausfordernd fand
Creative Developer Nico Zimmermann, wie viel kre-
ative Detailarbeit in die Anpassung der Magento-
Features geflossen ist. »Aber bei anderen E-Com-
Fahrradkonfigurator. merce-Systemen ist es ähnlich«, weiß Zimmermann
In PAGE 05.16
aus Erfahrung. Des Weiteren würde er aktuell auf
Projektstudie über die Programmiersprache ES6 setzen und die Java-
Konzept, Design und Script-Library React.js als Framework nutzen. Da-
Entwicklung eines durch wird der Quelltext schlanker, die Anzahl von
Webshops mit Frameworks und Patterns wird reduziert und die
Produktkonfigurator
Performance verbessert.
PEPA1605 »Trotz einiger Herausforderungen haben wir un-
ser Ziel erreicht, einen Konfigurator zu entwickeln,
der eine internationale Benchmark im Bereich Pro-
duktindividualisierung darstellt und als Best in Class
bei WebGL-Implementierungen gelten darf«, be-
tont Alexander El-Meligi. Bestätigt findet er seine
Arbeit durch die Nominierung für die Webby Awards
in der Kategorie »Shopping Sites« – nur zwei Mona-
te nach dem Launch.
Und auch intern hat sich der Auftrag nachhaltig
gelohnt: Demodern konnte wichtiges Know-how in
der digitalen Produktentwicklung aufbauen: Die
Hamburger wissen jetzt, wie man Individualisierung
und Co-Creation mit komplexen 3D-Produkten und
Oberflächen so löst, dass die Konfiguration in Web,
Mobile und Point-of-Sale-Displays simpel bleibt und
Spaß macht. Die Learnings aus dem Projekt und das
Know-how bieten sich für zahlreiche andere Pro-
jekte an, wie beispielsweise Modelling- und Deve-
lopment-Prozesse für Virtual-Reality-Projekte, die
Demodern derzeit umsetzt. ae

Texturierung in WebGL
Nico Zimmermann, Director Creative Engineering bei Demodern, erklärt,
wie er die 3D-Darstellung der Helme mithilfe von Shadern löste
Ebene 3
Rot mit
Flakes
Ebene 1
Blaumetallic
● Die Architektur des helmade-3D-Konfigurators
erlaubt es dem User, Design, Farben und Lacke in
Echtzeit auf einem 3D-Modellhelm zu wählen, ohne
dass sich die zugrundeliegende Mesh-Geometrie än-
dert. Vorteile sind niedrige Ladezeiten und eine bes-
sere Performance auf mobilen Endgeräten. Die Tech-
nik erinnert an Deferred Shading und lässt sich in
jeder WebGL-Engine umsetzen. Ziel der computer-
grafischen Darstellung und der damit einhergehen-
den Shader-Routinen ist es, dem User das Gefühl
eines physischen Produkts zu vermitteln. Zu diesem
Zweck entwickelten und programmieren wir für die
Darstellung der Helme individuelle Shader. Ich zei-
ge Ihnen hier, wie Sie diese selbst bauen können.
Tipp vorweg: Verzichten Sie in three.js lieber auf be-
reitgestellte Materialien wie »MeshPhongMaterial«
oder »MeshLambertMaterial«.
Material- und Farbtextur definieren
1
Als Arbeitsbeispiel soll uns das Produkt hel-
made 5Star GP-6S Pole dienen. Die Konfigu-
ration zeigt wunderbar die diversen Farben
und Lacke auf vier Ebenen. Es gibt eine Textur für die
Lackfarbe 1 und eine Textur für die Lackart 2 . Für
die gewünschten Effekte müssen die Ebenen mit ver-
schiedenen Lackarten implementiert werden. In ei-
ner klassischen 3D-Anwendung würde man hier auf
Materialzuweisung in der Helmgeometrie zurück-
greifen. Allerdings wäre der Produktionsaufwand
dann höher, denn man müsste für jedes Design ein
neues Mesh modellieren und laden.
PAGE 07.16 067
Zur Lösung des Problems rendern wir die Mate-
rialzuordnung als Farbwert in eine Materialtextur –
quasi als Look-up für den finalen Rendering-Durch-
Ebene 4
lauf. Die Farben in der Materialtextur ergeben sich
Gelb-Rot-
Verlauf
aus einer statischen Zuordnung: Normaler Lack ist
schwarz, Metalliclack rot, Flake grün und Hologra-
phic Flake blau. Diese Farben nutzten die Developer
später im Shader, um die Lacke erkennen und be-
rechnen zu können.
Shell Shader aufbauen
2
Ebene 2 Für das Shading berechnen Sie die gesamte
Silber mit Helm-Shell in einem Rendering-Durchlauf.
Holographic Je nachdem, welche Farbe in der Material-
Flakes
textur vorliegt, springt der Shader in eine andere Sub-
routine und berechnet dort das Aussehen des Mate-
rials. Um an den Kanten zwischen zwei Materialien
Verpixelungen zu vermeiden, muss das Material über
einen kompletten Farbkanal (Rot, Grün oder Blau)
verfügen. Jeder Pixel wird also im WebGL-Shader
zunächst für den Lack normal berechnet und dann
mittels der OpenGL-Shading-Language-Funktion
»Mix« mit dem entsprechenden Effekt gemischt (sie-
he Code-Teil 1: »Aufbau des Shell-Shaders«, unter
www.page-online.de/helmade_0716 ).
Material- und Farbtextur erstellen
3
Nur wenn der Helm initial geladen wird oder
der User eine Farbe oder ein Material än-
dert, berechnet das Shader-Programm die
beiden Texturen (Farbe und Material) neu. Three.js
1 führt die Berechnung in zwei Off-Screen-Texturen
(WebGLRenderTarget) mit je einem Shader aus. Die Sha-
der erhalten hierfür die Masken für die einzelnen
Ebenen und die Farben, in denen diese Masken dar-
gestellt werden sollen. Die Maske für die erste Ebene
kann entfallen, da sie auf der untersten Ebene als De-
fault dient. Der Shader zum Berechnen der Material-
textur enthält keine Effekte und ist entsprechend
simpel. Zunächst bekommt der Shader vom Haupt-
programm die drei Maskentexturen 3 (Abbildung
2 nächste Seite) und vier Farbwerte für die Materialien.
Der Shader für die Farben ist prinzipiell gleich auf-
gebaut. Durch Features wie Highlight-Effekte, Farb-
verläufe und Overlay-Lackeffekte wie die dunklen
Schattierungen im Blaumetallic ist er etwas komple-
xer, enthält aber keine entscheidenden Besonderhei-
ten. Das Ergebnis dieses Rendering-Durchlaufs ist
in Bild 1 und 2 zu sehen (siehe Online-Codeab-
schnitt 2: »Erstellung der Materialtextur«).
068 PAGE 07.16 › PROJEKTE › 3D-Konfigurator mit WebGL

Pre- und Postprocessing

3

4
Für einen einheitlichen Look bei den Hel-
men ist es wichtig, dass der Shader für jedes
Material eine einheitliche Vor- und Nach-
bereitung des Lacks vornimmt. Bei jedem Lack gibt
es visuell einheitliche Elemente wie die Klarlack-
schicht und den Teil der Beleuchtung, der nicht von
den Flakes und dem Metalliclack beeinflusst wird.
Die visuellen Eigenschaften von echtem Klarlack lie-
gen in den leichten Verwellungen seiner Oberfläche.
Dieses Detail soll auch der 3D-Konfigurator korrekt
abbilden. Im Code des Shaders erstellen Sie diesen
Effekt mittels Normal- und Environment-Mapping
und speichern ihn in einer Variable.
Während die Darstellung des Klarlacks den ein-
heitlichen Look in der Vorbereitung prägt, sorgen
in der Nachbereitung die diffusen und ambienten Der Referent
Beleuchtungseffekte für einen realistischen Look.
Hierfür hellen Sie den Helm zuerst durch ein hemis- ● Hagen Seidel ist Head of Delivery bei der inter-
pherisches Licht im oberen rechten Bereich leicht national vielfach ausgezeichneten Kreativagentur
bläulich auf und dunkeln ihn im unteren Bereich für digitales Marketing Razorfish Deutschland mit
leicht bräunlich ab. Anschließend setzen Sie Schat- Dependancen in Frankfurt am Main, Berlin und
tierungen (Ambient Occlusion und Schlagschatten) München. Er ist zertifizierter Scrum Master und
ein. Diese sind in einer statischen Textur abgelegt. verantwortet als Projektmanager nicht nur die
Die Textur haben wir so optimiert, dass man sie durch Budgets sowie die Qualität und Profitabilität von
eine einfache Multiplikation am Ende des Shaders Projekten, sondern stellt auch die Einhaltung
nutzen kann (siehe Online-Codeabschnitt 3: »Pre- der Agenturworkflows und Projektmanagement-
und Postprocessing im Shell Shader«). Prozesse sicher. Darüber hinaus ist er für die
Weiterbildung und Zertifizierung des agentur-
Lacke implementieren eigenen Projektmanagement-Teams zuständig.

5
Da keines der von three.js gebotenen Mate- Hagen Seidel schöpft aus 15 Jahren Berufserfah-
rialien die Lacke glaubhaft darstellt, analy- rung als Angestellter und Freelancer in Start-up
sierten wir die Details der Helmlacke in kre- und Netzwerkagentur. Er begann seine Laufbahn
ativer Hands-on-Manier und arbeiteten sie Stück für als Frontend-Programmierer, bevor er ins tech-
Stück in den Shader-Code ein, bis das Ergebnis über- nische Projektmanagement wechselte und 2008
zeugte. Auf diese Weise gaben wir den Shader-Routi- bei Razorfish Scrum einführte. Er managte Pro-
nen mit entsprechend viele Konstanten. Die einfachs- jekte wie den Multitouch-Table für den Audi City
te Shader-Routine gilt dem normalen Glossy-Lack. Showroom London und realisierte mit Kunden
Sie besteht im Wesentlichen aus einer Random- wie DHL, Allianz, Nintendo und Wilkhahn Internet-
Normal-Map und einem künstlichen, ringförmigen auftritte, Apps und Cross-Channel-Kampagnen.
Glanzlicht. Echtes Phong-Glanzlicht würde auf den
Helmen fad aussehen, da es wichtige Details wie die
untere Kante des Helms nicht betont.
Nico Zimmermann, Für optimale Farbechtheit nutzten wir die Lumi-
Director Creative Enginee- nanz des eingehenden Farbwerts und modellierten
ring bei Demodern in „Das Seminar war
hiermit die Wirkung des Lichts auf den Lack. Ver-
Hamburg, hat gemeinsam wirklich großartig!
mit seinem Team ein wenden Sie dazu bitte den Online-Codeabschnitt 4:
Hat mir außerordentlich
Easter Egg versteckt. Mit »Berechnung der Luminanz eines RGB Wertes«. Im
gut gefallen. Hagen war ein
der Taste F6 startet ein Online-Codeabschnitt 5 finden Sie die komplette
kleiner Präsentationsmo- klasse Referent, er lebt den
Shader-Routine zur Berechnung des Normallacks.
dus. Außerdem führt die Inhalt regelrecht.“
Das sind nur ein paar kleine Tricks, aber sie be-
Eingabe der Signatur
»314159x« zu einer ganz
wirken viel. Die Helme sehen viel realistischer aus,
speziellen Textausgabe. und man erreicht eine gute Performance auf jedem
↗  www.demodern.de Device. Nico Zimmermann (ae)

Code zum Case. Die Programmierung gibt’s Dr. Daniel Schulten, Vorstand
zum Download unter  ↗  www.page-online.de/ netzkern AG, Agentur für
helmade_0716  Interaktive Kommunikation
 PAGE 07.16
ANZEIGE
069

1 PRAXIS
Weitere PAGE Seminare finden
Sie unter www.page-online.de/seminar

Die Agenda: Tag 1

Agil ans Ziel 1 Herausforderung digitales

Projektmanagement
In digitalen Projekten hat man mit unter-
schiedlichsten Kunden, Zielen, Nutzern
Modernes und Technologien zu tun. Wie kann man

Projektmanagement – Projekte klassifizieren? Und was bedeutet

es, heute Projektmanager zu sein?
Cases, Techniken,
Methoden 2 Allgemeingültige Projektphasen
trotz Diversifikation
Was unterscheidet klassisches und agiles
Projektmanagement? Welche Phasen und
Schritte haben Strategie-, Kreations- oder
technische Umsetzungsprojekte gemein?
Das zweitägige Seminar »Agil ans Ziel«
3 Agiles Projektmanagement
● Unternehmen aller Branchen müssen heute digitale Produkte und Services Welche agilen Methoden gibt es und
bieten, um wettbewerbsfähig zu bleiben. Doch Projekte mit neuen Techno- für welches neue Wertesystem
logien und neuen Konzepten sind oft komplex und schwer einzuschätzen. stehen sie? Stichwort »Agiles Manifest«
Zudem liegen nur selten Erfahrungswerte vor. Auftraggeber und Projekt-
beteiligte – inhouse wie extern – sammeln darum während des Entwicklungs- 4 Planen und Schätzen
prozesses fortwährend neue Erkenntnisse. Entsprechend häufig ändern Wie werden Anforderungen erfasst
sich die Anforderungen. Und das bei immer unumstößlicheren Deadlines. und geschätzt? Und wie nutze ich das
Product Backlog als zentrales Tool?
Höchste Zeit also, auch im Projektmanagement neue Wege zu beschreiten und
das Vorhaben agil, sprich: schrittweise in einem sich selbst organisierenden,
interdisziplinären Team in Zyklen anzugehen! Das traditionelle Wasserfall- Die Agenda: Tag 2
modell setzt vorhersehbare Projektverläufen voraus, die agile Methode passt sich
an und legt den Fokus auf umgesetzte Funktionalitäten. Mit agilem Projekt- 1 Rollen und Verantwortlichkeiten
management kann man auf kurzfristige Änderungswünsche des Kunden rasch Agiler Coach, Team und Product Owner –
reagieren und sogar in späten Projektphasen flexibel auf Change Requests ein- jeder leistet seinen Beitrag zum Erfolg.
gehen. Doch wie genau lässt sich der eigentlich in der Softwareentwicklung behei- Welche Rechte und Pflichten gibt es und wie
matete Ansatz für kreative Konzepte nutzen? Wie etabliert man ihn im Team? ändern sich diese im Projektverlauf?

Profitieren auch Sie vom immensen Erfahrungsschatz Hagen Seidels! In unserem 2 Meeting-Kultur in agilen Projekten
zweitägigen Seminar zeigt er anhand konkreter Cases, welche Projekte sich Planungs-Meeting, Daily Standup, Review-
mit agilen Methoden umsetzen lassen – und welche nicht. Er erläutert, welche Meeting: wie oft, wie lange, wer ist dabei?
Voraussetzungen erfüllt sein müssen, damit Projektleiter, Projektmitarbeiter Tipps und Tricks für die Durchführung
und Auftraggeber auf Augenhöhe zusammenarbeiten können, und er zeigt,
wie man heterogene Teams aus Strategen, Konzeptern, Creative Developern, 3 Reporting und Risikomanagement
Designern, Informationsarchitekten, Artdirektoren, Textern und Testern Welche Tools und Helfer gibt es im agilen
zu Winning Teams macht. Er gibt Anregungen und vermittelt Lösungsansätze Projektmanagement? Und welche Aspekte
sowie Handlungsempfehlungen für alle, die das agile Prinzip durchdringen des klassischen Projektmanagements
und in ihrer Agentur oder Firma vorantreiben wollen – kurzum: für alle, die sollte man in der Hinterhand haben?
interdisziplinäre Projekte erfolgreich durchführen wollen.
4 Team Building
Das PAGE Seminar findet am 13./14. Oktober in den Design Offices Was bedeutet »Inspect and Adopt«
Hamburg Domplatz von jeweils 9:00 bis 17:00 Uhr statt. Die Teilnahme als Philosophie? Wie implementiert man
kostet 1480 Euro (zzgl. gesetzlicher MwSt.). Die Gebühr umfasst die Tagungs- sie, damit man als Team besser
kosten sowie Lunch und Kaffeepausen. Die Teilnehmerzahl ist auf 18 Personen zusammenarbeitet? Plus: Guidelines für
begrenzt! Also schnell anmelden unter  www.page-online.de/seminar . Retrospektiven in agilen Projekten

PAGE // Ebner Verlag GmbH & Co. KG // info@page-online.de //

Telefon: +49 40 85183400 //  www.page-online.de/seminar
Aufgrund der auf 18 Personen pro Veranstaltung begrenzten Teilnehmerzahl werden die Anmeldungen in der Der PAGE Workshop mit Hagen Seidel lässt
Reihenfolge der Eingänge der Zahlungen berücksichtigt. Die Teilnahmegebühr fällt mit der Anmeldung an. genug Zeit für Fragen und Diskussionen und den
Sie ist sofort nach Erhalt der Rechnung zuzüglich gesetzlicher Mehrwertsteuer ohne Abzug zu überweisen.
Bitte beachten Sie unsere Widerrufsbelehrung auf der Leserservice-Seite (siehe Inhaltsverzeichnis). Austausch der Teilnehmer untereinander.
070 PAGE 07.16 › PROJEKTE › CD/CI für das DRIVE. Volkswagen Group Forum

PROJEKT Corporate Identity und

Corporate Design für DRIVE.
Volkswagen Group Forum, Berlin
↗  www.drive-volkswagen-group.com
KUNDE Volkswagen AG, Wolfsburg
↗   www.volkswagenag.com
AGENTUR Strichpunkt GmbH
↗  www.strichpunkt-design.de
ZEITRAUM ab März 2014
xxxxxxxxxxxxxxxxxxxxxxxxxxx

Der Pfeil steht im Mittelpunkt

des Corporate Designs. Auch
auf den Geschenktüten aus dem
DRIVE Shop, der Geschäftsaus-
stattung und in den Erscheinungs-
bildern der beiden Restaurants
Zeitgeist und Brotzeit
 PAGE 07.16 071

Pfeile im
Dutzend
Eine Corporate Identity und ein zugehöriges Corporate Design für
das DRIVE. Volkswagen Group Forum in Berlin zu entwickeln –
diese kreative Herausforderung nahm die Designagentur Strichpunkt
gern an. Dabei galt es, die Balance zwischen der Nähe zum
Volkswagen Konzern und einem individuellen Markenauftritt zu halten
072 PAGE 05.16 › PROJEKTE › Visual Customizer für Ruff Cycles

Oben: Die Strichpunkt-Designer

sammelten alles Mögliche rund
um das Thema Mobilität, machten
viele Assoziationsfelder auf und
kamen schließlich auf den Pfeil als
schlüssiges Symbol

Links und unten: Hell, freundlich

und aufgeräumt empfängt das
DRIVE seine Besucher. Und natürlich
taucht der Pfeil in allen seinen
Facetten auch im Leitsystem auf

● Der Umbau in der Berliner Friedrichstraße 84/
Unter den Linden, war bereits in vollem Gange, als
die Volkswagen AG die Designagentur Strichpunkt
nach einem Pitch mit der Entwicklung und Reali-
sierung der CI sowie des CDs für das DRIVE. Volks-
wagen Group Forum in Berlin beauftragte. Im Jahr
1999 hatte das Automobil Forum, wie es damals hieß,
seine Türen als eine Art Showroom für einige der Au-
tomarken des Konzerns geöffnet. 2014 war es Zeit
für einen Neuanfang: Das Gebäude wurde komplett
umgebaut, der Name wandelte sich zu DRIVE. Volks-
wagen Group Forum, und auch die inhaltliche Aus-
richtung sollte sich ändern.
Kommunizieren statt präsentieren
Zunächst setzte sich das Strichpunkt-Team mit der
Frage nach Rolle und Aufgabe des künftigen Volks-
wagen Group Forums auseinander. Wofür sollte das
DRIVE in Zukunft stehen? Um eine Identität zu entwi-
ckeln, muss man die richtigen Fragen stellen. Schau-
fenster oder Ort der Begegnung? Autohaus oder Bot-
schaft? Repräsentativ oder relevant? Die Erkenntnis
nach diesem Prozess: Das DRIVE soll Antworten
geben auf alle Fragen rund um das Thema Mobili-
tät. Durch die Vielfalt der unterschiedlichen Mar-
ken. Und mit einer Stimme. Kurz: Im DRIVE wird
die Welt der Volkswagen Group erlebbar.
»Die Aufgabe des DRIVE besteht eben nicht nur
in der Präsentation der Konzernmarken, sondern
auch darin, Themen rund um Mobilität zu kom-
munizieren«, erklärt Tobias Nusser, Creative Direc-
tor und Leiter des Standorts Berlin bei Strichpunkt.
»Alle drei Monate gibt es eine neue Ausstellung,
die jedesmal eine andere Marke und einen anderen
Themenschwerpunkt in den Mittelpunkt der Kom-
munikation rückt.« Zurzeit beispielsweise gibt Por-
sche unter dem Titel »Faszination Sportwagen – The
Future of Performance« Einblick in die Unterneh-
menstradition und stellt zugleich seine Vision des
zukünftigen sportlichen Fahrens und Denkens vor.
Mobilität visualisieren
Wie leitet man aus diesen Erkenntnissen ein Corpo-
rate Design ab? Die Kreativen vertieften sich inten-
siv in das CD des Volkswagen Konzerns (www.volks
wagenag.com), um herauszufinden, wie sich durch
den Umgang mit bestehenden Elementen und die
Addition zusätzlicher Bausteine ein Markenauftritt
gestalten lässt, der trotz aller Individualität auch Ver-
wandtschaft zum Konzern-Corporate-Design zeigt.
»Rund um das Thema Mobilität haben wir sehr
viel ausprobiert und uns dabei immer wieder gefragt:
Was ergibt ein schlüssiges Gesamtkonzept und wie
lässt sich das angemessen visualisieren?«, berichtet
Strichpunkt Senior Art Director Nils Jaedicke. »Es
geht ja nicht nur um die Automobilität, sondern auch
um die Beweglichkeit im Kopf. Wir arbeiten gerne
mit Assoziationsfeldern – Bewegung, Veränderung,
Wandel – und nähern uns über solch einen assozia-
tiven Weg einer visuellen Lösung.«
PAGE 07.16 073
»Mit dem Gesamtauftritt
sind wir nah am Volkswagen
Konzern, aber ein bisschen
lauter. Der Pfeil aber ist
ein eigenständiges Element,
welches das DRIVE als
Symbol besetzen kann«
Tobias Nusser, Creative Director bei Strichpunkt
↗ www.strichpunkt-design.de
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Tobias Nusser, Nils Jaedicke und Strichpunkt-
Grafikerin Johanna Schumacher, die inzwischen zum
Team hinzugestoßen war, skizzierten viele Ansätze,
um Bewegung, Beweglichkeit, Mobilität und Viel-
falt darzustellen und gleichzeitig die Verwandtschaft
zum Konzern zu behalten. Irgendwann kamen sie
auf den Pfeil – ein schlüssiges Symbol für alles rund
ums Thema Mobilität. Und so gibt es – der zwölf
Marken im Konzern entsprechend – genau zwölf
unterschiedliche Pfeile, die das Kernsymbol des
DRIVE-Corporate-Designs bilden.
Zwischen Freiheit und Vorgaben
Das Briefing schrieb fest, dass das DRIVE die Haus-
schriften des Volkswagen Konzerns, TheSans und
Utopia, und möglichst auch die Farben verwenden
sollte. Daran hielt sich Strichpunkt, veränderte aber
den Umgang mit diesen Bestandteilen. Wie, erklärt
Nils Jaedicke: »Wir gebrauchen nur TheSans, die
wir statt in Grau in Schwarz setzen. Hinsichtlich der
Farben sind wir ganz dicht drangeblieben, die Blau-
und Grautöne entsprechen den Konzernfarben,
die wir um ein leuchtendes Mint und ein nicht min-
der leuchtendes Gelb ergänzten.«
Wichtig war den Gestaltern, dem Kunden zu er-
klären, warum das DRIVE vom sehr zurückhalten-
den Erscheinungsbild des Volkswagen Konzerns ab-
weichen muss. Denn damit es im lauten, quirligen
Berlin überhaupt wahrgenommen wird, braucht
das DRIVE einen höheren Aufmerksamkeitsgrad,
schließlich will man auch Menschen, die auf der
Straße am DRIVE vorbeigehen, zum Reinschauen
bewegen. Das gelingt nicht, wenn man zurückhal-
tend auftritt. »Mit dem Gesamtauftritt sind wir nah
am Volkswagen Konzern, aber ein bisschen lauter«,
fasst Tobias Nusser zusammen. »Der Pfeil aber ist
ein eigenständiges Element, welches das DRIVE als
Symbol besetzen kann – so wie jedes gute Corpo-
074 PAGE 07.16 › PROJEKTE › CD/CI für das DRIVE. Volkswagen Group Forum
rate Design nicht nur aus einem Logo oder Si-
gnet, sondern auch aus dessen Zusammenspiel mit
einem klaren Gestaltungsprinzip, Farbe, Typografie
und Bildsprache besteht.«
Brotzeit- und Zeitgeist-Assoziationen
Zum DRIVE gehören zwei hausinterne Gastrono-
mien, die ebenfalls auf den Pfeil setzen. An einer
großen Wand in der Agentur eröffneten Nils Jaedi-
cke und Johanna Schumacher eine Mindmap und
sammelten dort Wörter, die sie mit den Namen
»Brotzeit« und »Zeitgeist« assoziierten. Von diesen
ausgehend, entwickelten sie Ideen in ganz verschie-
dene Richtungen, setzten zunächst mehr auf Quan-
tität und brachen diese gemäß Design-Thinking-
Methoden immer weiter herunter.
Stets präsent waren dabei folgende Fragen: Wen
wollen wir mit den Restaurants begeistern? Wie nah
müssen sie beieinander sein und wie weit können
sie auseinandergehen? »Brotzeit und Zeitgeist spre-
chen unterschiedliche Zielgruppen an und müssen
deshalb anders kommunizieren«, erläutert Johanna
Schumacher. »Brotzeit ist eher Café oder Deli und
muss fröhlicher daherkommen, damit Laufkund-
schaft von draußen aufmerksam wird. In das hoch-
klassige Restaurant Zeitgeist geht man dagegen
geplant. Dort ist daher in der Interpretation der
CD-Bausteine Eleganz gefragt.«
Dementsprechend fallen die Pfeile im Brotzeit
sehr bunt aus, außerdem zeichnete Johanna Schu-
macher eine Reihe von Illustrationen, um das dor-
tige Angebot zu visualisieren. Im Zeitgeist tauchen
die Pfeile als verbindendes Element ebenfalls auf,
aber viel dezenter und eleganter. Als Schrift kommt
in beiden Restaurants TheSans zum Einsatz, im
Brotzeit tritt sie etwas fetter und in Stempeloptik
auf. Im Zeitgeist geht es genau in die andere Rich-
Alle an einem langen tung, die Typo zeigt sich hier in einem dünneren
Tisch. Das hält die Schnitt als der Regular.
Hierarchien flach und Auch das Thema »Naming« ist im Übrigen häufi-
sorgt dafür, dass
ger Bestandteil komplexer Corporate-Design-Pro-
auch mal projektfremde
Menschen einen
jekte. So stand der Name »Brotzeit« schon seit Län-
gerem fest, der Name »Zeitgeist« entstand dage-
Blick auf Entwürfe
werfen können gen während der Arbeit am Corporate Design für
die beiden Restaurants bei Strichpunkt. Die sprach-
liche Verwandtschaft schafft neben der visuellen
eine zweite Ebene der Verbindung zwischen den
beiden Restaurants.
Direkter Draht zum Kunden
Vor allem in der Abstimmungsphase, als es darum
ging, festzulegen wie nah das DRIVE-Corporate-De-
sign am Auftritt des Volkswagen Konzerns sein muss
und wie weit es sich entfernen darf, bezog Strich-
punkt den Kunden häufig mit ein. »Bei so einem
komplexen Thema ist es sinnvoll, den Kunden regel-
mäßig und immer wieder einzubinden, wir schaf-
fen dafür gerne eine Art Workshopatmosphäre«,
sagt Creative Director Tobias Nusser. »Beispielswei-
se gehen wir gerne mit dem Kunden gemeinsam an
unsere Pinnwand, brainstormen mit ihm, scribbeln
im Meeting auch schon mal was und kleben Sachen
zusammen. Kurz, wir arbeiten aktiv zusammen.«
In diesem Fall war das kein Problem, weil das
DRIVE quasi direkt um die Ecke der Agenturräume
liegt. So gab es bei diesem Projekt überdurchschnitt-
lich viele persönliche Treffen und insgesamt einen
sehr direkten, offenen Austausch mit viel Vertrauen
auf beiden Seiten. Aber auch wenn der Kunde wei-
ter weg zu Hause ist, stimmt Nusser gerne so viel
wie möglich persönlich ab. »Die Erfahrung hat ge-
zeigt, dass Abstimmungen per E-Mail fast immer zu
irgendwelchen Missverständnissen führen. Für mich
ein klares Indiz fürs In-die-Augen-Schauen.«

Print und Web Hand in Hand
Parallel zum gedruckten Erscheinungsbild und der
Kommunikation im Raum entstand die DRIVE Web-
site im Responsive Design mit großflächigen Bildern
und Illustrationen. Zum digitalen Auftritt gehören
zudem zwei Apps: In der einen können Besucher auf
iPads im DRIVE Shop stöbern. Diese Modellauto-App
informiert über die mehr als 500 Fahrzeuge aller Kon-
zernmarken. Wer will, kann das zugehörige Modell-
auto im Shop kaufen. Die andere App versorgt Mit-
arbeiter des DRIVE mit relevanten Informationen
über die Marken des Volkswagen Konzerns.
Das gesamte Digitalkonzept entstand bei Strich-
punkt, von der Struktur über die Wireframes bis zum
fertigen Layout. Damit ist klar: Als Corporate Desig-
ner bei Strichpunkt muss man in allen Medien zu
Hause sein. »Ideen müssen heute zwingend medien-
übergreifend entstehen«, sagt Tobias Nusser. »Sie
finden sich nachher auf so vielen Medien – vielleicht
auch auf welchen, an die man anfangs gar nicht dach-
te oder die es zum Zeitpunkt der Gestaltung noch
gar nicht gab – da ist die Medienneutralität der Idee
ungemein wichtig.« Der Pfeil erfüllt dieses Kriterium,
weil es bei ihm nicht auf ein bestimmtes Format an-
kommt. Er lässt sich in fast allen Medien adaptieren.
Ohnehin macht man als Corporate Designer bei
Strichpunkt nicht nur und ausschließlich Corpo-
rate Design, denn so scharf trennen lassen sich die
unterschiedlichen Bereiche gar nicht. »Wenn wir an
einer Marke arbeiten, schwappt natürlich ein Teil
des Jobs in andere Disziplinen: Kommunikation im
Raum beispielsweise, Corporate Publishing oder
auch Produktkommunikation. Für das Ergebnis ist
es besser und für den Gestalter spannender, wenn
man eine Marke aus unterschiedlichen Perspek-
tiven betreuen kann,« so Nusser.
Alle an einem Tisch
Auch nicht wirklich trennscharf ist bei Strichpunkt
die Abgrenzung zwischen den einzelnen Aufgaben.
Tobias Nusser, Nils Jaedicke und Johanna Schu-
macher sitzen in einem Raum an einem sehr lan-
gen Tisch mit noch rund einem Dutzend weiterer
Kreativer zusammen. »Wir arbeiten sehr eng und
integriert zusammen, scribbeln viel, kleben viel zu-
sammen und hängen extrem viel an den Wänden
auf – auch und gerade bei digitalen Projekten. Da-
nach überlegen wir gemeinsam und entwickeln
verschiedene Routen«, beschreibt Johanna Schu-
macher die Arbeitsweise des Teams. Der Vorteil des
langen Tischs: Man kann auch mal projektfremde
Menschen um eine Einschätzung bitten. Die Erfah-
rung der Mitarbeiter hat gezeigt, dass allein vor
sich hin zu gestalten normalerweise nicht zur be-
sten Lösung führt.
Auch die Hierarchien sind im Arbeitsalltag recht
flach. Der Creative Director hat die Idee, der Art Direc-
tor sorgt dafür, dass es schön aussieht, und der Gra-
fiker muss alles umsetzen – so funktioniert es bei
Strichpunkt nicht. Eigenverantwortung heißt die
PAGE 07.16 075
Devise, und so geht der Grafiker, wenn es Sinn
macht, schon mal selbst zur Abstimmung mit dem
Kunden. Stille-Post-Effekte und Missverständnisse
lassen sich so vermeiden. »Ich kam im Dezember
2014 zu Strichpunkt, und das DRIVE war mein erstes
Projekt«, erzählt Johanna Schumacher. »Von An-
fang an hatte ich recht viel Verantwortung, bin mit
zu Kundenterminen gegangen oder habe mit den
Zulieferern zusammengearbeitet. Als es etwa beim
Leitsystem darum ging, wie und wo was angebracht
werden soll, bin ich oft auf die Baustelle gefahren,
habe mir das vor Ort angeschaut und Entscheidun-
gen dann mit dem Dienstleister, der das Leitsystem
Und wieder an einem
Tisch: Grafikdesignerin
produziert, und mit dem Kunden abgestimmt.«
Johanna Schumacher Trotzdem machen natürlich nicht alle alles, Nils
(links), Art Director Nils Jaedicke kümmert sich darum, dass das Corporate
Jaedicke und Creative Design medienübergreifend eingehalten wird und
Director Tobias Nusser stringent bleibt. Auch stößt er einzelne Medien an
und entwickelt sie weiter. Tobias Nusser nimmt eher
eine Helikopterperspektive ein, die auf das Thema
Kundengesamtentwicklung abzielt. Und Kreativ-
bombe Johanna Schumacher feuert Ideen am lau-
fenden Band heraus. Dazu kommen Kollegen aus
den Bereichen Beratung, Strategie und Projektma-
nagement. Aber in der Ausarbeitung des Corporate
Designs, da sind sich die drei einig, sind sie im
Team alle etwa gleich nah dran.
Lebendige Marke
Das werden sie auch noch eine Weile bleiben, denn
das umfangreiche Projekt geht weiter: »Always beta«
ist ein Schlagwort, das ebenfalls für ein zeitgemä-
ßes Corporate Design Gültigkeit hat. Seit Kurzem
hat das DRIVE auch ein eigenes Printmagazin. »Mo-
tor« liegt alle drei Monate, jeweils zu Beginn einer
neuen Ausstellung, im DRIVE und an wichtigen
Hotspots in Berlin aus. Das Magazin beinhaltet
Inhalte der Ausstellungen, Veranstaltungen im
DRIVE und News der Volkswagen-Marken. Das
Heft übersetzt das Corporate Design in eine zeitge-
mäße Magazinsprache. »Hier können wir noch etwas
freier sein, weil ›Motor‹ ja noch weniger ein offizi-
elles Konzernmedium ist. Dementsprechend dürfen
wir die Themen freier interpretieren und aufmerk-
samkeitsstärker auftreten, dem Medium Magazin
und seiner Aufgabe entsprechend«, so Nils Jaedicke.
Die Marke DRIVE ist lebendig und entwickelt
sich ständig weiter. Sicher ein Grund für den Erfolg,
das DRIVE wird gut angenommen. Für Strichpunkt
ist es eine schöne Chance und eine kreative Heraus-
forderung, so umfassend an der Marke arbeiten zu
können und dafür Sorge zu tragen, dass sie insge-
samt stringent auftritt. »Wir haben«, sagen Tobias
Nusser, Nils Jaedicke und Johanna Schumacher ein-
stimmig, »da richtig große Freude dran.« ant
Corporate Design und Leitsystem in Singapur.
So peppte Foreign Design Policy Group
einen Coworking Space auf – in PAGE 05.16
↗  www.page-online.de/PEPA1605
076 PAGE 07.16 › PROJEKTE › Fundraising-Microsite

PROJEKT Fundraising-Microsite für das Hilfsprojekt

»New Baraka« ↗  https://new-baraka.com
KUNDE YOU Stiftung – Bildung für Kinder in Not,
Düsseldorf ↗  http://you-stiftung.de
AGENTUR denkwerk, Köln ↗  www.denkwerk.com
TECHNIK HTML5, CSS3, JavaScript, jQuery, GreenSock
GSAP, ScrollMagic
ZEITRAUM Dezember 2015 bis März 2016

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

● Noch während die Digitalagentur denkwerk an der

Website für die Düsseldorfer YOU Stiftung schraub-
te, kamen die Verantwortlichen mit einer weiteren
Aufgabe auf die Kreativen zu: eine Fundraising-Web-
site für das Hilfsprojekt »New Baraka« zu entwickeln.
Baraka ist ein Slum inmitten der senegalesischen
Hauptstadt Dakar an der Westküste Afrikas. Ziel der
Initiative ist es, die Lebensbedingungen der Bewoh-
ner nach dem Prinzip »Hilfe zur Selbsthilfe« zu ver-
bessern. Dazu sollten Spenden gesammelt und in
Elektrizität, Wasserversorgung, Sanitäranlagen so-
wie die medizinische Versorgung investiert werden.
Nachdem die Agentur in der Konzeptionsphase
kurz überlegt hatte, mit Videos und Fotos zu arbei- In ihre Einzelteile
ten, entschied sie sich, nicht auf eine der üblichen, zerlegt und mittels
JavaScript animiert:
mitleiderregenden Bildwelten zu setzen. »Wir woll-
die zauberhaften
ten lieber die Vision zeigen, wie die Menschen vor
Illustrationen von
Ort sich ihre Zukunft vorstellen, um das Positive zu Judy Kaufmann,
betonen und zu zeigen, was die Spender mit ihren die der User per Dreh
Beiträgen bewirken können«, erklärt Alina Schlaier, am Scrollrad
Kreativdirektorin bei denkwerk. zusammenfügt
 PAGE 07.16 077

Digita le
m m e l -
Sa
Büchse
Mit lebendige
n Farben und
Kölner Digita charmanten,
lagentur den in JavaScript
kwerk eine Fu animierten Il
ndraising-We lustrationen
bsite für ein H schuf die
ilfsprojekt in
Afrika
078 PAGE 05.16 › PROJEKTE › Visual Customizer für Ruff Cycles

Oben: In einem Walltalk, bei

dem diverse Entwürfe der
Microsite an die Wand gehängt
wurden, diskutierte das
Team die unterschiedlichen
Gestaltungsansätze.
Unten: Anfangs experimen-
tierte denkwerk mit einem
reduzierten grafischen
Stil und sehr geometrischen
Icons. Das wirkte aber noch
zu wenig emotional. Mit der
Integration von Beispiel-
illus der Illustratorin Judy
Kaufmann näherte sich
das Team dann dem finalen
Stil der Website
 PAGE 07.16 079

Flexibles Konzept
Eine erste Gestaltungsidee lautete, wie in der Städte-
bausimulation »Sim City« mit jedem gespendeten
Euro die Infrastruktur des entstehenden »New Bara-
ka« in einem virtuellen Abbild – als möglichst realisti-
sche Landkarte in 3D – wachsen zu lassen. Allerdings
lagen die konkreten Informationen, in welche Sach-
güter und Bauvorhaben welche Summen investiert
werden sollen, zu diesem Zeitpunkt noch nicht vor.
Da die Digitalexperten jedoch schon loslegen woll-
ten (und sollten), verwarf denkwerk diesen Ansatz
zugunsten eines Konzepts, dessen technische Um-
setzung sich unabhängig von der visuellen Gestal-
tung vorantreiben ließ.
Die Developer Ivan Modric und Kevin Johne kon- xxxxxxxxxxxxxxxxxxxxxxx
zentrierten sich zunächst auf das zentrale Element
der Website, das Spendenmodul. Die Informations- »Wir haben
architektur legte das Team als Raster an, dessen Ka- lange nach
cheln illustrativ alle Objekte repräsentieren – vom einer
Samen über das Solarpanel bis zur Schule. Per Klick
Bildsprache
auf das jeweilige Motiv sollten die User unkom-
pliziert den gewünschten Betrag spenden können. gesucht,
Für die Abwicklung des Zahlungsvorgangs setzte die den
man auf die Payment-Software FundraisingBox, die User auch
die YOU Stiftung bereits mehrfach eingesetzt hatte.
Abgesehen davon hatte denkwerk bei diesem Pro-
emotional
bono-Projekt freie Hand. anspricht«
Das Developerteam setzte das Konzept um und Alina Schlaier,
lotete gemeinsam mit den Designern die visuellen Kreativdirektorin bei
Details aus: Soll die Kachel sich füllen wie eine Bade- denkwerk in Köln
wanne, in die gerade Wasser einläuft? Verbessert ein
Ladebalken die Usability? Oder sollen es doch lieber
Kreise sein? Und wie bindet man weiterführende In-
formationen zu den Spendenobjekten ein? Man ent-
schied sich hier für aufklappende Kacheln, die sich
nach einem von den beiden Programmierern ent-
wickelten Algorithmus verschieben.

Baraka aufbauen per Scrollrad

In den ersten Designs für »New Baraka« experimen-
tierte denkwerk mit einem reduzierten grafischen
Stil und geometrischen Icons. Die Kreativen empfan-
den dies jedoch als zu wenig emotional für das An-
liegen der Microsite. Daraufhin probierten sie es mit
Illustrationen – und allen war klar: Das ist der Weg!
Via Behance machte sich das Visual-Design-Team
auf Illustratorensuche und zog zunächst zehn Ge-
stalter in die engere Auswahl. »Unsere Vorstellung
war es, fröhliche, typisch afrikanische Farben und
Muster zu verwenden«, erzählt Alina Schlaier. Die Microsite als
Judy Kaufmann, eine Newcomerin aus Barcelona, Ganzes: Im oberen
überzeugte schließlich sowohl Agentur- als auch Stif- Drittel werden
tungsteam mit ihrem Stil, der sich an naiver Kunst die Animationen
orientiert (https://is.gd/JK_Behance). In mehreren abgespielt. In der
Mitte befindet
Skype-Konferenzen näherte man sich der Bildspra-
sich das Spenden-
che. »Da Judy ihre Grafiken von Hand zeichnet und
modul. Weiter-
erst anschließend mit Illustrator digital erstellt, ha- führende Links
ben die Illustrationen einen analogen Charme, las- erwarten den
sen sich aber zugleich hervorragend in den digitalen User im unteren
Workflow integrieren«, so Alina Schlaier. Drittel
080
Analog zur Infrastruktur vor Ort, wo die YOU Stif-
tung mit Spenden des Projekts »New Baraka« Schu-
len, Kindergärten und Krankenhäuser finanziert,
sollte auch auf der Website etwas entstehen, sollten
sich die Illustrationen von Brunnen, Häusern oder
Gärten aus Einzelteilen zusammensetzen, wenn der
Besucher – und potenzielle Spender – am Scrollrad
seiner Maus dreht.
Hierfür zerlegten die Motiondesigner bei denk-
werk jede von Judy Kaufmanns Illustrator-Grafiken
in ihre einzelnen Ebenen und legten in After Effects
die Vorlagen an, nach denen die Entwickler die
Animationen in Code umsetzten (siehe rechts). Jede
dieser Animationen besteht aus circa zehn Bildern,
die nacheinander im sichtbaren Bereich des Brow-
sers, im Viewport, abgespielt werden. Das Tempo der
Animationen ist dabei an die Scrollgeschwindigkeit
des Users gekoppelt.
Weder zu dröge noch zu flapsig
Letztendlich erarbeitete sich das Team bei diesem
Projekt auch noch interkulturelle Kompetenz: So
gilt beispielsweise die Farbe Lila in bestimmten Re-
gionen Afrikas als Farbe der Trauer, also tauschte
man sie aus. Sensibilität war auch auf Texterseite
gefragt. Schließlich sollte der Ansatz des Projekts –
Hilfe zur Selbsthilfe – weder zu dröge noch zu flap-
sig rüberkommen. Die richtige Erzählperspektive zu
finden, erwies sich als weitere Herausforderung: »Als
jemand, der aus einem anderen Kulturkreis stammt,
einen Afrikaner aus der Ich-Perspektive sprechen zu
lassen, erschien uns anmaßend«, erläutert Sammy
Haddad, Senior Texter bei denkwerk.
Das Konzept, mit afrikanischen Motiven, leben-
digen Farben und hüpfenden Animationen aus ei-
ner sachlichen Angelegenheit wie dem Fundraising
eine Website zu zaubern, die auch einen Joy of Use
verspricht, scheint aufzugehen: Binnen sechs Wo-
chen spielte der Klingelbeutel über 1 Million Euro für
das Hilfsprojekt ein – und es wird noch bis Ende des
Jahres weitergesammelt. Keine Frage also, dass Auf-
traggeber und Agentur mit dem gestalterischen wie
mit dem finanziellen Ergebnis zufrieden sind. as
PAGE eDossier »Microinteractions: Animationen
und Transitions«. Oft sind es die Details, die
Apps und Website besonders machen – mehr
dazu ↗  www.page-online.de/PDDP1091
Von links: Kreativdirektorin
Alina Schlaier, Junior
Projektmanager Daniel
Schwarzer, Senior
Informationsarchitektin
Melanie Weißenborn
und Senior Artdirektorin
Sima Niroumand
Ihre Grafiken machten die
»New Baraka«-Microsite
lebendig: Illustratorin Judy
Kaufmann aus Barcelona
Animationen
in Handarbeit
Kevin Johne und Ivan Modric
nutzten für ihre hüpfenden
Animationen JavaScript
● Wir haben uns für JavaScript-Animationen ent-
schieden, weil hüpfende Symbole und Figuren, wie
wir sie einsetzen wollten, in CSS mit ungleich mehr
Programmieraufwand verbunden sind. JavaScript-
Animationen stehen in dem Ruf, weniger perfor-
mant zu sein als ihr CSS-Pendant – tatsächlich ist
es aber oft die freie JavaScript-Bibliothek jQuery,
die Animationen ausbremst. Wir haben zwei Ani-
mationsframeworks eingesetzt, die mit ihren cleve-
ren Features unser Projekt erleichterten: GSAP für
die Animationen und ScrollMagic, um diese an die
Scrollpositionen des Nutzers zu koppeln.
Den Bildcontainer im Viewport haben wir mit
transparenten PNGs bestückt. Für jede unserer hüp-
fenden Animationen haben wir den Container von
Hand neu im Viewport positioniert. Als Vorlage für
diese Bewegungen diente ein Adobe-After-Effects-
Dokument, in dem die Motiondesigner alle Anima-
tionen angelegt hatten.
ScrollMagic-Container generieren
1
Als erste Instanz erzeugten wir einen Scroll-
Magic-Container, dessen Einstellungen auf
jede Szene angewendet werden. Als »Szene«
bezeichnet man die Funktion, eine Aktion, in diesem
Fall eine Animation, abhängig von der Scrollposi-
tion auszuführen. Die Dauer einer Szene (duration)
definiert man in Pixeln.
var duration = 1000;
var container = new ScrollMagic.Controller({
globalSceneOptions: {
duration: duration
}
});
Animationen erstellen
2
Der Bildcontainer hat seinen Koordinaten-
ursprung ungefähr in der Mitte des Browser-
fensters. Auf die y-Achse dieses imaginären
Koordinatenkreuzes (siehe Abbildung rechts oben)
beziehen sich alle Positionsangaben. Jedes Bild er-
scheint zunächst unterhalb seines Ursprungs und
bewegt sich Schritt für Schritt nach oben und bleibt
für eine Weile in der Mitte des Viewports stehen, bis
es aus dem Browserfenster verschwindet:
 PAGE 07.16 081

In der Mitte jedes

Bildcontainers befindet
sich sein Koordinaten-
urspung. Für die hüpfenden
Animationen positionier-
ten die Entwickler die
Grafiken von Hand entlang
der y-Achse

var img = document.getElementById("fountain-image"); .setTween(frame3.play())

var frame1 = new TimelineLite() .addTo(container);
.pause() x += duration; // x = 3500
.fromTo(img, 0, {opacity:0, y:0}, {opacity:1, y:200}); new ScrollMagic.Scene({
var frame2 = new TimelineLite() offset: x
.pause() })
.fromTo(img, 0, {y:200}, {y:0}); .setTween(frame4.play())
var frame3 = new TimelineLite() .addTo(container);
Kevin Johne und Ivan
.pause() Modric, Webentwickler
.fromTo(img, 0, {y:0 }, {y:-200}); Da wir die Animationen angehalten haben, müssen bei denkwerk in Köln, sind
var frame4 = new TimelineLite() wir sie bei der Übergabe an die Szene wieder mit dem nach diesem Projekt über-
.pause() zeugt: JavaScript-Anima-
Befehl .play() starten. So entsteht für den User der
.fromTo(img, 0, {opacity:1, y:-200}, {opacity: 0, y:0}); tionen können in Sachen
Eindruck, dass sich die Motive aus Einzelteilen zu- Performance mit CSS
sammensetzen und kurz im Zentrum des Viewports mithalten – mindestens.
In den geschweiften Klammern stehen jeweils die weiterlaufen, um dann erneut in ihre Einzelteile zu Wenn man’s richtig
Positionswerte eines Animationsschritts. Für die zerspringen. Kevin Johne & Ivan Modric (as) macht, versteht sich :)
Dauer haben wir den Wert auf 0 gesetzt, da diese
nicht an ein Zeitintervall, sondern an den Input
des Scrollevents gebunden sein soll (siehe Step 3).
GSAP-Animationen mit dem Wert 0 spielt der Brow-
ser jedoch sofort ab, deshalb wird die Timeline, also
die Abfolge der Animationen, jeweils mit dem Be-
fehl .pause() angehalten.

Animationen an die
Scrollposition binden

3
Die Animationen koppeln wir nun jeweils
an eine Scrollposition. Diese definiert man
vertikal von oben nach unten in Pixeln. In
Step 1 hatten wir bereits für jede Szene Schritte von
1000 Pixeln angelegt.

var x = 500;
new ScrollMagic.Scene({
offset: x // im Container global als 1000 (in px) definiert
})
.setTween(frame1.play()).addTo(container); Von oben: Die einzelnen
// der ScrollMagic-Container, zu dem die Animation gehört PNGs laufen auf der
x += duration; // x = 1500 y-Achse vertikal durchs
new ScrollMagic.Scene({ Browserfenster. Die erste
offset: x Position nehmen sie
}) unterhalb ihres mittigen
.setTween(frame2.play()) Koordinatenursprungs
ein. Nachdem an diesem
.addTo(container);
ein Teil der Animation
x += duration; // x = 2500
abgespielt wird, verlassen
new ScrollMagic.Scene({
die Bilder den Viewport
offset: x
über weitere Stationen
}) nach oben
082 PAGE 07.16 › PROJEKTE

Nachwuchs
Spannende Projekte aus Hochschule, Agentur und Forschung

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Ein E-Book-Manuskript (»Spam

Poetry«), drei völlig verschiedene
Umsetzungen – analog und
digital: oben und oben rechts von
Johannes Schmoll, links von
Katharina Schwarz, die beiden
unteren von Miro Denck
 PAGE 07.16 083

Bücher, Bücher,
Bücher – sowohl
gedruckt als
auch digital –
beschäftigten die
Studierenden
des »Typografie
Aufbau«-Kurses » Staatlich anerkannte, mehrfach ausgezeichnete
Aufstiegsqualifizierung beim Marktführer
Was ist ein Buch? » 18 Monate berufsbegleitend
www.medienfachwirt.com
● UdK Berlin. Vom Digitalen zum Papier
und zurück ins Digitale gingen elf De-
signstudenten im »Typografie Aufbau«-
Kurs bei Jenny Baese. Zusammen mit der Sie sind Journalist?
Berliner Gestalterin und E-Book-Expertin
Andrea Nienhaus nahmen sie sich die Ma- Profi tieren Sie von
hervorragendem Service,
nuskripte der bei mikrotext erschienenen
Fachinformationen,
E-Books »Spam Poetry« und »Das Elster- qualifi zierter Beratung,
Experiment« vor und machten daraus ge- Presseausweis,
druckte Fassungen. Das so materialisierte wirksamem Engagement,
Medienversorgung und
Konzept übertrugen sie dann wiederum in zahlreichen weiteren
EPUB-Dateien, manchmal recht dicht an Leistungen.
der Vorlage, manchmal weit von ihr ent- Die Journalistenverbände
fernt. »In unseren Diskussionen zur Ge- informieren Sie gerne:

staltung ging es vor allem darum, was sich Journalistenzentrum info@journalistenverbaende.de

vom konzeptionellen Ansatz der Print- Deutschland Tel. 040 / 8 99 77 99 www.journalistenverbaende.de
fassung übertragen lässt. So fanden wir
heraus, wo die Grenzen des jeweiligen Me-
diums liegen«, berichtet Jenny Baese, Do-
zentin im Studiengang Visuelle Kommu-
nikation (http://is.gd/udk_VK).
Damit nicht genug, beschäftigten sich
Studenten aufgepasst!
die Studierenden auch noch mit dem visu-
ellen Auftritt des von der Electric Book Fair
Für euch gibt’s 6 cm
im Juni veranstalteten E-Book Festivals
(http://2016.electricbookfair.de). Sie ge-
umsonst!
stalteten Keyvisuals und setzten sie in ver-
schiedenen Anwendungen ein. Die Festi-
valorganisatoren entschieden sich für den
Entwurf von Ismaël Sanou. Der spielt da-
mit, dass sich die Wortmarke aus System-
schriften, auf E-Readern installiertem Ty-
pen sowie Klassikern aus der Geschichte
des Buchdrucks zusammensetzt, die stän-
dig ihre Positionen tauschen und so ein
immer wieder neues Schriftbild generie-
ren. Schön, wenn studentische Arbeiten
den Weg ins echte Leben finden. ant

Unser PAGE eDossier »Design-

studium« mit Tipps zu Eignungs-
prüfung und Bewerbungsmappe
gibt es zum Download unter 
↗ www.page-online.de/PDDP1021  

Diplomarbeiten, Abschlussprojekte &

PAGE zum Studententarif gibt’s unter
Werkschauen. Mehr zum Nachwuchs
www.page-online.de/shop/studenten-abo
auf  ↗ www.page-online.de/
werkschauen  und  ↗ www.page-
online.de/aus-den-hochschulen  
084 PAGE 07.16 › PROJEKTE › Nachwuchs

Wie Kuba selbst ist das

Buch zunächst verschlossen,
erst mit dem Aufreißen
des Papierumschlags lässt
sich ein Blick in die fremde
Welt werfen

Heidy Fernández Castillo
arbeitete acht Monate
intensiv an der Umset-
zung ihres Buchs
Cuba Libre
● Burg Giebichenstein Kunsthochschule Halle.
Nach Jahrzehnten der Abschottung öffnet sich Kuba
langsam nicht nur dem einstigen Erzfeind USA, son-
dern auch dem Rest der Welt. Doch was wissen wir
eigentlich über das Land? Die meisten von uns ha-
ben wohl Bilder von Zigarren, Rum, Musik und Old-
timern im Kopf. Das wahre Leben der Kubaner sieht
heute natürlich anders aus. Und genau das will Heidy
Fernández Castillo im Buch »Kuba ist tot, es lebe
Kuba!«, ihrer Masterarbeit im Studiengang Editorial
Design ( http://is.gd/HAL_Editorial ), zeigen. Sie be-
richtet über die Geschichte ihres Heimatlandes und
nähert sich in 22 Interviews sowie mit zahlreichen
Fotos dem alltäglichen Leben.
Ihr Gestaltungskonzept beschwört den Geist Ha-
vannas herauf – einer lauten, farbigen, chaotischen
Stadt, die alles andere als minimalistisch ist. Die
Schriften sind – bis auf eine – von kubanischen Ge-
staltern entworfen und geben dem Buch einen star-
ken Charakter. Per Zufall ausgewählte Farbpapiere
machen aus jedem Exemplar ein Unikat. Ein fulmi-
nantes Werk mit Persönlichkeit und überraschenden
Einblicken, das hoffentlich bald zu kaufen ist. Mehr
Bilder unter www.page-online.de/es-lebe-kuba. nik

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

BTK – Hochschule für Gestaltung, Berlin. Alle reden

über Smart Objects und das Internet of Things, aber nur
wenige wissen, wie man dafür und damit gestalten kann.
Das will Marie Combes ändern und entwickelte mit ihrer
Marie Combes will mit
ihrer Open-Source-
Bachelorarbeit im Studiengang Kommunikationsde-
Plattform Data Machina sign (http://is.gd/BTK_Design) ein Konzept für die Open-
Designer befähigen,
echte Bedürfnisse und Source-Plattform Data Machina, eine Art »GitHub for
Probleme mit smarter
Technologie zu lösen
smart things«. Dabei orientierte sie sich am Design-Thin-
king-Prozess: Nach einer intensiven Recherche und theo-
retischen Auseinandersetzung mit Fragen rund um Big Data befragte sie po-
tenzielle Nutzer, erstellte Personas und Empathy Maps, um schließlich zu
einem Minimum Viable Product samt Corporate Design zu gelangen. Ihren
in InVision erstellten Prototyp will Marie Combes im Masterstudium ausbau-
en und optimieren, um ihn tatsächlich an den Start zu bringen. Unter http://
is.gd/Combes_Data kann man sich durch die Anwendung klicken. nik
086 PAGE 07.16 › WERKZEUG › Wie Illustratoren arbeiten

WERKZEUG

Johanna Benz begleitet einen Kongress

im Freiburger Theater mit ihren Skizzen –
die beim Zeichnen live projiziert werden
 PAGE 07.16 087

Über die
Schulter
geschaut
So entstehen tolle Illustrationen! Wir haben drei von
Stil und Technik ganz verschiedene Zeichner gebeten,
uns die Geheimnisse ihrer Arbeitsweise zu verraten

Live mit dem Zeichenstift dabei

Wie Johanna Benz in Sekundenschnelle Beobachtungen auf den Punkt bringt

● Sechs Jahre ist es inzwischen her, dass
eine unbekannte Mitreisende sie im Zug
zeichnen sah und ihr beim Aussteigen ei-
nen großen Zeitungsartikel über Graphic
Recording daließ. Damals studierte Johan-
na Benz noch in Leipzig, heute begleitet
sie selbst Tagungen, Kulturveranstaltungen
oder Performances mit schnellen, oft sehr
witzigen Zeichnungen. Dafür entwickelte
sie mit ihrer Kommilitonin Tiziana Jill Beck
eine eigene Form des Graphic Recording:
»Anders als in den USA, wo man große
Mindmaps auf einer Wand erstellt, über-
setzen wir Inhalte in Zeichnungen oder Car-
toons«, erklärt Johanna Benz. »Das Klein-
format erlaubt spontanes und mobiles Skiz-
zieren vor Ort. An einem Tag können auf
diese Weise 80 bis 100 Bilder entstehen, die
sofort ausgestellt oder projiziert, aber auch
nachträglich an alle Teilnehmer versandt
werden.« So geschehen zum Beispiel bei ei-
ner Luther-Tagung in Berlin, einem Theater-
kongress in Freiburg oder einem Workshop
der Wirtschaftsförderung Bremen.
»Im Übersetzungsprozess von Redner
zu Zeichnung bleiben oft nur Sekunden von
einem Input zum nächsten, von einer Skiz-
ze zur nächsten. Ich notiere mir die kna-
ckigsten Infos, achte aber auch auf Situa-
tionskomik und absurdes Vokabular, die
jede Fachtagung zu bieten hat.« Danach
geht es grafisch, geometrisch, linear mit
schwarzer Linie und simplem, »fratzen-
088 PAGE 07.16 › WERKZEUG › Wie Illustratoren arbeiten

haftem« Personal zur Sache. »Im Säch-

sischen würde man diesen Stil ›schrutzig‹
nennen, was ungefähr ›flüchtig‹, ›müllig‹,
Geniale Graphic-Recording-Schnellschüsse,
›schnell hingeschrubbt‹ bedeutet.« links oben eine Seite aus Johanna Benz’
Während dabei Fineliner oder edding preisgekröntem Kinderbuch »Pacho Rada«
zum Einsatz kommen, nutzt sie bei Illustra-
tionen für Magazine oder Bücher Buntstif-
te (am liebsten Prismacolor oder Polychro-
mos) sowie schwarze und farbige Tuschen
von Rohrer & Klingner. Die gescannten
Zeichnungen bearbeitet sie in Photoshop
mit einem Wacom-Tablet. So improvisiert
der Look erscheint – es steckt viel Aufwand
dahinter. Was auch die Jury auf der welt-
weit führenden Bologna Children’s Book
Fair überzeugte. Sie zeichnete gerade Jo-
hanna Benz’ Kinderbuch über den kolum-
bianischen Akkordeonspieler Pacho Rada
als beste Erstveröffentlichung aus.
↗ www.johannabenz.de
 Jetzt Zugang sichern
Print. Digital. Heftarchiv.

AboPlus
im Vorteil
- 36 %
Ein Magazin der Verlagsgruppe Ebner Ulm · www.ebnerverlag.de

Mit einem AboPlus sparen Sie gegenüber dem Einzelbezug 36%.

Und Sie lesen flexibel: Digital oder Print, online oder offline, am Tag oder
in der Nacht, zuhause oder unterwegs. Und das auf allen üblichen End-
geräten. Weitere Infos finden Sie unter shop.page-online.de/abonnements
Übrigens: Print-Abonnenten können auf AboPlus upgraden.
090 PAGE 07.16 › WERKZEUG › Wie Illustratoren arbeiten
Analoge Looks, digital gemixt
Wie Florian Bayer Radierung, Holzschnitt und Tuschezeichnung in einem Bild verbindet
● Wohl wenige Bilder fassten jüngst das
Thema Integration so unaufgeregt und da-
bei doch so vielschichtig zusammen wie
diese Arbeit von Florian Bayer. Es war nicht
die erste Coverillustration für das Magazin
der »Süddeutschen Zeitung«, die er im Auf-
trag von Artdirektor Thomas Kartsolis an-
fertigte. »Am Telefon erzählte Thomas mir
zunächst, dass er sich eine Alltagsszene in
Berlin vorstellt«, berichtet Florian Bayer.
»Migration sollte eine Rolle spielen, aber
wir wollten beide keine zugespitzte Szene,
sondern eher eine Beiläufigkeit im Sinne
einer ›angekommenen‹ Einwanderung,
die einfach dazugehört.«
Wie dann das Motiv entstand? Bayer be-
zeichnet seinen Stil als naturalistisch, in-
spiriert von Reportagefotografie, aber ver-
knüpft mit Narrationstechniken aus Comic
und Bilderbuchillustration. »Am liebsten
bin ich selber an den Orten gewesen und
habe die Menschen getroffen, die in mei-
nen Bildern eine Rolle spielen.« Also radel-
te Florian Bayer einen lang Tag durch Ber-
lin, ließ Orte auf sich wirken, notierte und
skizzierte Beobachtungen, die er später im
Studio überarbeitete und ergänzte.
Aus Scans vom Skizzenbuch, die bald bei
Thomas Kartsolis an der Pinnwand hingen,
kristallisierte sich die Gesamtkomposition
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Die Lieblings-Tools von Florian Bayer
digital Wacom Cintiq Companion, Photoshop,
selbst gemachte Werkzeugspitzen sowie solche
von Kyle T. Webster
analog Pentel Color Brush, dünne Füllfeder-
halter wie der Platinum Carbon Pen, Pilot-
Kugelschreiber BPS, Muji 0.38 mm Gel Ink Pen,
edding 950 industry painter, Liquitex Ink
Die ganze Entstehung dieses
exquisiten Covers lässt sich
hier zurückverfolgen, inklusive
aller Tücken. So drohten am
Ende im Druck die sehr ähnli-
chen dunklen Farben unten
im Bild zuzulaufen. Illustrator
Florian Bayer versuchte noch,
die Blautöne etwas zu tren-
nen – dann machte vor allem
die Litho einen tollen Job
heraus: eine Familie mit ihren Einkäufen
und ein Mann im Café, der scheinbar ge-
schützt nach draußen schaut, aber doch
auch selbst im Glaskasten sitzt. Dazu kam
der Heinrichplatz in Kreuzberg, der der
ruhigen Statik des von waagerechten und
senkrechten Linien dominierten Motivs
durch seine Fluchtlinien genau die richti-
ge Portion Dynamik gab.
Jetzt konnte es an die Realisation gehen.
In seiner Arbeit verbindet Bayer digital den
Look analoger Techniken, die auf Papier
kaum zusammenfinden könnten: japani-
scher Holzschnitt einerseits, Kaltnadelra-
dierungen mit zahlreichen dünnen Schraf-
furen andererseits, dazu Tuschezeichnung
mit Feder und Pinsel. »Bei der Radierung
zeichnet man mit der Nadel, was gedruckt
wird, beim Holzschnitt mit dem Messer
das, was nicht gedruckt wird. Ich wechsle
ständig zwischen positiven und negativen
Formen hin und her, das macht meinem
Hirn irgendwie Spaß und geht digital ja
völlig problemlos. Und ich kann die Schraf-
furen mit schwungvollem Pinselduktus
kombinieren, was bei Holzdruck und Ra-
dierung kompliziert ist.« Kurz, eine meis-
terhafte digitale Weiterentwicklung ana-
loger Techniken.
↗  www.florianbayer.com

Scribbles aus dem Skizzenbuch von Florian
Bayer an der Pinnwand in der Artdirektion
des »SZ«-Magazins . . . Die Redaktion entschied
sich für die Komposition rechts
Jetzt schickte der Illustrator
»SZ«-Magazin-Artdirektor
Thomas Kartsolis einen sehr
viel detaillierteren Entwurf
und entwickelte die Beleuch-
tung sowie die Farbpalette
Bei der Ausarbeitung der Schwarzweiß-
zeichnung, dem sogenannten Inking,
unterteilt Bayer diese schon in sinn-
volle Ebenen, um in ausgewählten Bild-
bereichen dem Weiß oder Schwarz
entsprechende Farben zuzuweisen
PAGE 07.16 091
Mails von Thomas Kartsolis,
Artdirektor des »SZ«-
Magazins, an Illustrator
Florian Bayer

+DOOR)ORULDQ,FKKDEHHLQHQVHKU
VFK|QHQ$XIWUDJIU'LFK(VJHKWXP
GLH*HVWDOWXQJHLQHV6=0DJD]LQ
&RYHUVZLUYHU|IIHQWOLFKHQLQ+HIW
HLQHQª5RXQGWDEOH©DOVRHLQPRGH
ULHUWHV*HVSUlFKYRQ]HKQ/HXWHQ
YHUVFKLHGHQHU1DWLRQHQGLHLQ'HXWVFK
ODQGOHEHQ'LH)RWRVGHV*HVSUlFKV
KDEHQZLUVFKRQVLHVLQGDEHUQLFKW
FRYHUWDXJOLFK
,FKKlWWHDEHUHLQHVLPSOHXQGVFK|QH
,GHH9LHOOHLFKWKDVWGX=HLW1DWUOLFK
LVWDOOHVVFKRQVHKUNQDSSZLUKDEHQ
QXUQRFK]ZHL:RFKHQ=HLW$P0RQWDJ
EHVSUHFKHLFKGDV+HIWGDVHUVWH0DO
PLWGHU&KHIUHGDNWLRQ
:DVVDJVWGX"0HOGHGLFKGRFKVFKQHOO
*U‰H
7KRPDV

+DOOR)ORULDQKLHUGHU7H[W*HUDGH
DXFKPLWGHQEHLGHQ&KHIUHGDNWHXUHQ
JHUHGHW0LFKDHOXQG7LPP¿QGHQ
XQVHUH,GHHJXWHLQH$OOWDJVVLWXDWLRQ
DXVGHP/HEHQYRQ$XVOlQGHUQLQ
'HXWVFKODQG]X]HLJHQ

+DOOR)ORULDQZLHOlXIWHV"0HLQVW'X
'XNDQQVWVRJHJHQVSlWHVWHQV
HWZDVVFKLFNHQ"0XVVXPGUHL8KU
LQHLQ0HHWLQJXQGZROOWH'HLQH$UEHLW
GRUW]HLJHQ
*U‰HW

$OOHVJXW:LUPDFKHQGLH6]HQH
6WUD‰HPLW)DPLOLHYRQKLQWHQKDW
DOOHQJXWJHIDOOHQ$XVEOLFNDXV&DIp
DXFK,FKPHOGHPLFKJOHLFK+DEH
QRFK.RQIHUHQ]ELV*U‰HW

6LHKWWROODXV.ODVVH$OVRGLH/LWKR
ELWWHWQXQ±IDOOVHVJHKW±LPGXQNOHQ
%HUHLFKGLHGXQNOHUHQ%ODXW|QH
1XDQFHQQRFKHWZDVGHXWOLFKHUYRQHL
QDQGHUDE]XKHEHQ.DQQVRQVWVHLQ
GDVVHVEHLXQVHUHP3UR¿OXQG'UXFN
]XVHKU]XOlXIW6RRGHUVR(VWKHU
XQVHUH/LWKR0LWDUEHLWHULQLVWWRS
VLHEHNRPPWGDVVLFKHURSWLPDOKLQ
*U‰HW

/LWKRVFKUHLEWJHUDGHDOOHVJXW
6RJHKW¶V
092 PAGE 07.16 › WERKZEUG › Wie Illustratoren arbeiten
Eine Designerin als Illustratorin
Wie Fritzi Stuke sich mit Vektorillustrationen ihren ganz persönlichen Stil schafft
● Dass Fritzi Stuke meist ihre Ideen ohne
Umwege am Rechner mit Wacom-Tablet
und Illustrator umsetzt, hat wohl mit ihrem
Werdegang zu tun. Die Gestalterin, die ei-
gentlich Johanna Friederike Geeske Stuke
heißt, studierte Grafikdesign in Münster
und wurde durchs Geldverdienen in der
Werbung jahrelang – wie sie schmunzelnd
sagt – »vom Profi-Illustratoren-Geschäft
abgehalten«. Inzwischen ist für sie aller-
dings klar, dass ihre Zukunft in der Vektor-
illustration liegt: »Das ist eindeutig mein
Stil. Außerdem kann ich superschnell auf
neue Motivwünsche oder Feintunings rea-
gieren. Als Grafikdesignerin denke ich halt
immer automatisch daran, was jemand mit
meiner Illustration anfangen will, sehe
gleich seine Anforderungen und den Kon-
text vor mir.« Um noch ein besseres Gefühl
für Bildausschnitte zu bekommen, baut sie
sich sogar manchmal selbst Layouts und
spiegelt das Bild ein – ein Überbleibsel aus
ihrer Arbeit als Grafikerin.
Diese kundenorientierte Arbeitsweise
dürfte alles andere als hinderlich sein für
ihre neue Illustratorenkarriere, bei der sie
inzwischen von der renommierten Reprä-
sentanz kombinatrotweiss aus Frankfurt
unterstützt wird. Zumal Fritzi Stuke einen
unverwechselbaren Look mit zarten Linien
pflegt, die »mal eine gewisse Strenge aus-
strahlen, mal als Krickellinien das Bild auf-
lockern oder – nicht als exakte Outlines ge-
setzt – eine gewisse Dreidimensionalität
und Dynamik in die Illustrationen bringen.«
Zu sehen etwa bei den Rennwagen, für
die es Fotos als Vorlagen gab: »Meist hat der
Redakteur ein Bild im Kopf, aber manchmal
ist es zu konkret oder eben nicht so, wie
man es braucht. Hier habe ich daraus eine
ganz besondere Stimmung geschaffen und
mal gezeigt, wie schön sich Bewegungsun-
schärfe auch in Illustrationen macht. An il-
lustrierter Unschärfe habe ich gerade gro-
Fritzi Stuke experimentiert
gerade gern damit, Unschärfen
mit Vektoren darzustellen
ßen Spaß, weil das Auge fast verrückt wird
beim Versuch zu erkennen, wieso das über-
haupt unscharf wirkt.«
Andere Arbeiten sind von Bildern inspi-
riert, die sie mit Acryl auf der Rückseite gro-
ßer Stücke von Pappkartons malt. »Meine
Art von Recycling – und ein schöner Weg,
die Geschichte eines eigentlich ausgedien-
ten Kartons weiterzuerzählen.« Die Um-
setzung findet dann aber immer komplett
am Computer statt. Vektoren sind nun mal
Fritzi Stukes Leidenschaft.
↗  www.kombinatrotweiss.de/
illustration/fritzi-stuke
PAGE Story »Urban Sketching«.
Mehr über die neue Liebe zu
Stift und Pinsel unter Kreativen
lesen Sie in PAGE 04.16 ↗ www.
page-online.de/PEPA1604
PAGE eDossier »Grafiktabletts
für unterwegs«. Ratgeber mit
Praxistests zu iPad Pro, Cintiq
Companion & Co ↗ www.
page-online.de/PDDP1086
PAGE Seminar »Bildrecht«.
Was Bildurheber und Bildnutzer
in Zeiten von Facebook & Co
wissen müssen ↗ www.page-
online.de/seminar-bildrecht

Über Swipe
● Das in Hamburg ansässige, international tätige
Digitalstudio Swipe ist eines der renommiertes-
ten Deutschlands. Es entwickelt Markenerlebnis-
se für mobile Devices und erforscht dabei inno-
vative Wege, die sich Marken durch die direkte
Nähe zu ihren Zielgruppen bieten. Zu seinen
Kunden zählen etwa »The Red Bulletin«, »brand
eins«, »Spiegel« und BMW. In unserem Seminar
erleben Sie Sven Schmiede, Co-Gründer und
Geschäftsführer von Swipe, sowie Alexander
Meinhardt, der als Head of Design die visuelle
Ausprägung des Studios verantwortet.
Die Agenda
A Mobile as a Service
Markttrends, Herausforderungen und
Erfahrungswerte
B Der Swipe-Workflow – vom Briefing bis
zum fertigen Produkt
• Strategie: Analyse der Aufgabe
• Prozesse: Wer macht was und wann?
• Kreation: Anspruch, Methodik, Leidenschaft
C Hands-on: Prototyping
• Wie arbeitet Swipe? Einblicke in den Proto-
typing-Dschungel und die verschiedenen
Tools anhand von konkreten Beispielen
• Tools & Hacks: Wie arbeiten die Gewerke
nahtlos zusammen und mit welchen Hacks
überwindet man Hindernisse
D The Art of Selling Design
Wie bekommt man möglichst verlustfrei
einen Haken hinters Design?
E Learnings für Gestalter
»Everyday I’m Hustlin’« oder warum man
keine Angst vorm Umstieg haben muss
ANZEIGE
Die
PAGE ✗ Swipe
Academy
Mobile as
a Service
Workflow, Tools,
Hacks
Das Seminar »Mobile as a Service«
● Briefings à la »Wir brauchen eine App« gehören der Vergangenheit an:
Mobile ist keine Insellösung, sondern ist eingebettet in ein Ökosystem
verschiedenster Maßnahmen. Eine ganz neue Komplexität will gemeistert
sein. Einerseits sollen mehr und mehr Inhalte zur Verfügung stehen, anderer-
seits haben die Nutzer immer weniger Aufmerksamkeit und erwarten
komfortable Interfaces, wie von Apple, Google, Facebook & Co etabliert.
Gleichzeitig stellt neben der steigenden Zahl der Technologien, Devices
und Stakeholder auch die zunehmend standortübergreifende Entwicklung
neue Anforderungen an Organisation und Effizienz. Designer benötigen
über die Basics in UX und Code hinaus ein immer breiteres Know-how in
Sachen Service Design, Strategie, Marketing und Technik. Im besten Fall
sind sie so flexibel, responsiv und fluid wie die Anwendungen selbst.
Wie also können wir Komplexität vereinfachen und Prozesse schlank halten?
Wie konzipiert man dynamische modulare Systeme (ohne den Inhalt zu
kennen)? Wie erklären wir Design und verdeutlichen den Nutzen moderner
UX? Wie behält man im Service-Zeitalter ein hohes gestalterisches Niveau?
Wie gestaltet man die Schnittstelle zwischen Design und Development?
Wie bilden wir uns fortwährend weiter und bleiben auf der Höhe der Zeit?
Profitieren auch Sie von dem immensen Erfahrungsschatz eines der avancier-
testen Digitalstudios Deutschlands. Swipe-Chef Sven Schmiede und Head
of Design Alexander Meinhardt gewähren offenherzig Einblick in ihren Arbeits-
alltag. Sie lassen Sie teilhaben an ihren Erfahrungen und zeigen die bewährten
Workflows ihres interdisziplinären Teams auf. Der Workshop wendet sich an
Print- und Webdesigner, Konzepter, Programmierer in Agentur und Unter-
nehmen – kurzum an alle Auftraggeber und Auftragnehmer nutzerzentierter
digitaler Markenerlebnisse.
Das eintägige Seminar mit Swipe findet am 30. September
in den Design Offices Hamburg Domplatz von 9:00 bis 17:30 Uhr statt. Die
Teilnahmegebühr von 748 Euro (zzgl. gesetzl. MwSt.) umfasst Tagungskosten,
Lunch und Kaffeepausen. Die Teilnehmerzahl ist auf 18 Personen limitiert.
Also schnell anmelden unter  www.page-online.de/seminar . 
PAGE // Ebner Verlag GmbH & Co KG // info@page-online.de //
Telefon: +49 40 85183400 //  www.page-online.de/seminar
Aufgrund der auf 18 Personen pro Veranstaltung begrenzten Teilnehmerzahl werden die Anmeldungen in
der Reihenfolge der Eingänge der Zahlungen berücksichtigt. Die Teilnahmegebühr fällt mit der Anmeldung
an. Sie ist sofort nach Erhalt der Rechnung zuzüglich gesetzlicher Mehrwertsteuer ohne Abzug zu überweisen.
Bitte beachten Sie unsere Widerrufsbelehrung auf der Leserservice-Seite (siehe Inhaltsverzeichnis).
094 PAGE 07.16 › WERKZEUG › Prototyping

Prototyping –
aber richtig
Skizzen, Wireframes, Designentwürfe, High-Resolution-Visuals: Für die Ent-
wicklung interaktiver Anwendungen sind Prototypen unverzichtbar. Wir erklären
die Unterschiede und sagen, welcher Typ sich für welche Aufgabe eignet

Indem man mehrere
Papierprototypen zu
einem Storyboard
kombiniert, lässt sich das
Verhalten eines digitalen
Interfaces darstellen
● In der Entwicklung digitaler Produkte führt kein
Weg an Prototypen vorbei. Ihr Ziel und Zweck ist es,
eine grafische Repräsentanz für Ideen, Funktionen
und Inhalte entstehen zu lassen, um Feedback ein-
zuholen und das Produkt zu verbessern. Die größte
Herausforderung im Interactive Design birgt meist
das Interface: Userfreundlich sollte es sein, intuitiv,
am besten selbsterklärend (siehe auch unseren Ar-
tikel »Dos & Don’ts im UX Design«, Seite 38 ff.).
Der Entwicklungsprozess wirft permanent Fra-
gen auf, die es mittels Prototyping zu klären gilt:
Welche Elemente nimmt der User wahr? Wie rea-
giert ein Objekt auf ihn und nach welcher Logik das
gesamte System? Ist diese Logik für den User nach-
vollziehbar? Macht die Bedienung Spaß oder lang-
weilt sie, frustriert sie ihn sogar? Prototypen helfen,
realistische Antworten auf Basis von Erfahrungs-
werten zu finden, um auf diese Weise die beste De-
signentscheidung zu treffen.
Aber welche Art von Prototyp eignet sich für wel-
che Phase eines Interactive-Projekts? Was macht ihn
aus? Sollte er möglichst ausgearbeitet daherkommen
oder reicht eine simple, schnelle Ausführung? Sind
einfache Prototypen womöglich überholt, wo man
doch auch mit dem richtigen Tool schnell interak-
tive Prototypen zusammenklicken kann? Ist es nun
der Designer, der Entwickler oder der UX-Experte,
der sich um ihre Anfertigung kümmert?
Testen mit allen Mitteln von
Low- bis High-Fidelity
Prototypen zeichnen sich in Bezug auf Aussehen und
Funktionen durch einen unterschiedlichen Grad an
Wiedergabetreue (Fidelity) aus. Für die ersten Ent-
würfe genügen meist Handskizzen oder Scribbles.
In diese Kategorie des Lo-Fi-Prototypings fallen auch
die noch recht grob gehaltenen, meist schon digital
erstellten, monochromen Wireframes, die aber be-
reits Struktur und Funktionalitäten in den Fokus rü-
cken. Diese schematischen Entwürfe müssen noch
gar nicht bunt und fancy sein, visuelle Elemente blei-
ben hier meist außen vor, auch Lorem-ipsum-Texte
sind gang und gäbe.
Mit Axure, Balsamiq, Justinmind oder UXPin ste-
hen einige Tools mit einer großen Auswahl an Ele-
menten (Buttons, Links, Menüs et cetera) zur Verfü-
gung, die es erlauben, schnell ein Interface zu bas-
teln. Über die Integration weiterer Designelemente
lassen sich die Wireframes dann auch zu ausgefeil-
ten Klickdummys verfeinern.
In die Phase des Hi-Fi-Prototypings tritt ein Pro-
jekt ein, sobald Mockups angefertigt werden – das
sind detaillierte Designentwürfe, bei denen Farben,
Formen, Texturen, Abstände und Schriften hinzu-
kommen. Einen technischen Standard dafür gibt es
nicht, ein Mockup lässt sich als PowerPoint-Präsen-
PAGE 07.16 095
tation, als HTML-Entwurf (mit einem der erwähn-
ten Prototypingtools) oder als Grafik erstellen. So
kann man sich zum Beispiel mittels Photoshop dem
angestrebten Visual Design nähern. Sollen Website
oder App animiert sein, demonstrieren Videodum-
mys, etwa in der Animationssoft ware After Effects,
sowohl dem Kunden wie auch dem Programmierer
konkret, wo die Reise hingehen soll.
Teamgespräche und Konzepttests
brauchen kein Bling-Bling
Ganz so schematisch und linear läuft der Prozess in
der Praxis dann allerdings nicht ab, denn welche Art
von Prototyp jeweils am besten geeignet ist, hängt
Prototypen & Prototypingtools
Was passt zu welcher Projektphase?
Low-Fidelity
Funktion Mit Scribbles und groben Wireframes kann man
unkompliziert und schnell Feedback zu neuen Interface-
Ideen einholen und in agilen Kreationsprozessen experimen-
tieren. Für externe Testings helfen konkretere Formen.
Ausarbeitungsgrad Einfache Entwürfe ohne Anspruch
auf Vollständigkeit und grafische Verbindlichkeit, die sich
schnell ändern und ergänzen lassen.
Tools Stift und Papier, Flinto ↗  www.flinto.com ; Marvel
↗  https://marvelapp.com ; Proto.io ↗  https://proto.io  
High-Fidelity
Funktion Bei Hi-Fi-Prototypen handelt es sich um detail-
lierte Designentwürfe, um interaktive Klickdummys mit
ausgereiftem Design und um Videos mit Grafikanimationen
oder Screencasts. Sie eignen sich, um vor Investoren
oder Kunden zu präsentieren – inklusive Look-and-feel des
digitalen Services oder Produkts.
Ausarbeitungsgrad Beschränkt auf zwei bis drei wichtige,
en détail gestaltete Seiten
Tools After Effects, Photoshop ↗  www.adobe.com ;
InVision ↗  www.invisionapp.com ; Justinmind ↗  www.
justinmind.com ; Sketch ↗  www.sketchapp.com
Programmiert mit Spezifikation
Funktion Voll funktionsfähige interaktive Wireframes, bei
denen die Interfaceelemente, ihre Anordnung und speziell
der Screenflow bereits verbindlich festgelegt sind – oft
mit simultan ausspielbarer Word-Spezifikation. Auch das
Verhalten (Animationen, Responsiveness et cetera) ist
klar erkennbar, was die Kommunikation an der Schnittstelle
von Design und Entwicklung wesentlich erleichtert.
Ausarbeitungsgrad Alle Funktionen und Elemente inklusive
ihrer Anordnung sind definiert, nur die Textebene ist offen.
Tools Axure ↗  www.axure.com ; UXPin ↗  www.uxpin.com ;
Justinmind und InVision (URLs siehe oben)
096 PAGE 07.16 › WERKZEUG › Prototyping im Interactive Design

Handscribble
Für die Fluggesellschaft Condor entwickelte die Kölner Digitalagen-
tur denkwerk einen Relaunch der Buchungswebsite. In den ersten
handgezeichneten Entwürfen interner Brainstorming-Sessions
standen neben der Sitzplatzbuchung noch andere Elemente auf der
Seite, beispielsweise diverse Upselling-Angebote.
Wireframe
Dieser vom Informationsarchitekten in Axure
erstellte monochrome schematische Entwurf setzt
die Vorlage detaillierter um und beschreibt ein-
zelne Features, Zustände, Interdependenzen oder –
wie hier – das Verhalten der Sitzplatzübersicht.

von mehreren Faktoren ab: von der Zielgruppe
und deren fachlichem Hintergrund, vom Erkennt-
nisinteresse und von der Entwicklungsphase.
»Um im Team Ideen zu sammeln oder zwischen
Konzepter und Entwickler im Pingpong hin und her
zu werfen, gibt es nichts Besseres als einfache Skiz-
zen von Hand«, sagt Miriam Scheibe, selbstständige
UX-Designerin in Hamburg (siehe Seite 98). Selbst
die Darstellung von Verhalten und Interaktionen ist
mithilfe von Scribbles möglich, indem man mehre-
re Screens als Flows gruppiert und einige Blätter ne-
beneinander an die Wand hängt, zum Beispiel um zu
zeigen, was passiert, wenn der User einen Check-out-
Prozess durchläuft. Da man in dieser frühen Phase
lediglich das Konzept verifiziert, braucht es dafür
kein Visual Design.
»Je vager eine Idee ist, desto einfacher sollte der
Prototyp sein«, so Miriam Scheibe. Und wem Hand-
skizzen zu weit weg vom Produkt sind, weil er für ein
frühes Testing eine konkretere Form benötigt, der
kann seine Papiervorlagen auch abfotografieren und
mit einer Prototyping-App wie Marvel in einen sim-
plen interaktiven Website- oder App-Prototyp ver-
wandeln. Sogar Gesten wie Wischen, Zoomen oder
Pinchen stellt Marvel bereit. Diesen Prototyp opti-
miert man iterativ bis zur Finalisierung und Abnah-
me durch den Kunden, und der Designer kann naht-
los im ihm vertrauten Programm weiterarbeiten.
Detailtreue intern, Eye Candy
fürs Offizielle
Wireframes dienen der internen Kommunikation,
um die Informationsarchitektur zwischen Konzep-
tion, Visual Design und Entwicklung zu vermitteln.
Das geht zwar auch mit einer starren PDF-Datei, doch
bieten viele Tools weit mehr: Anstelle eines üppigen
Pflichtenhefts, das keiner lesen mag, erstellen immer
mehr Agenturen interaktive Wireframes, die das Ver-
halten der Anwendung simulieren. Ausgeklügelte
Prototypingtools wie Axure spielen sogar simultan
eine Word-Spezifikation aus und ermöglichen durch
die Integration eigens erstellter Designs eine visu-
elle Opulenz, die aus dem groben Wireframe einen
grafisch ausgearbeiteten Klickdummy macht.

Designskizzen
Die Photoshop-Grafik nutzt bereits Elemente des Condor-
Corporate-Designs und visualisiert die Idee, die Sitzplatz-
belegung im gesamten Flugzeug auf einer Seite darzustellen.
Auf Basis dieser Skizzen machte denkwerk User-Testings
mithilfe von Papierprototypen.
Überall dort, wo nicht nur intern und auf einem
gemeinsamen fachlichen Level kommuniziert wird,
sind visuelle Ausarbeitungen notwendig. »Hat das
Team sich in der Konzeptionsphase geeinigt und
will beim Head of Product oder Abteilungsleiter ein
Okay einholen, muss die Darstellungsform konkre-
ter werden«, erläutert Miriam Scheibe. »Denn diese
Personen haben in der Regel nicht viel Zeit, man
muss die Idee also rüberbringen wie in einem Ele-
vator Pitch. Für den Fall, dass Zeit und Budget fürs
Photoshop-Design fehlen, kann man auch Wirefra-
mes ausschmücken, indem man Hintergründe, Gra-
fiken, Schriften oder Farben integriert.«
Auch wenn Agenturen beim Kunden pitchen oder
Start-ups vor Venture-Capital-Gebern präsentieren,
sollte man besser auf Hi-Fi setzen und nicht auf das
Abstraktionsvermögen des Publikums vertrauen.
In solchen Situationen zählen fulminante Ästhetik
und imposantes Look-and-feel immer noch mehr
als ausgeklügelte Funktionalitäten und Klickwege.
Auch Marketingabteilungen wollen meist früh et-
was Beeindruckendes sehen.
PAGE 07.16 097
Layouts
Die Tests zeigten, dass die Platzübersicht auf kleinen Screens die Darstel-
lung und Usability beeinträchtigte. So wechselte denkwerk für die Kunden-
präsentation zu einer scrollbaren Ansicht. Später folgten lediglich Font-
und Farbanpassungen, die Informationsarchitektur blieb dieselbe und diente
den Entwicklern zusammen mit dem Wireframe als Programmiervorlage.
Es empfiehlt sich also früh zu überlegen, welcher
Prototyp zum konkreten Projekt und Designprozess
passt. Auf der nächsten Seite berichten die UX-Ex-
pertinnen Miriam Scheibe, Astrid Wunsch und Alina
Schlaier aus ihrem Arbeitsalltag. Stefan Bodeit/as
PAGE Seminar »Interaktives Prototyping«.
Prototypen selbst erstellen – vom Daumen-
kino-Klickdummy bis zum Video-Prototyp:
↗   www.page-online.de/seminar-prototyping
PAGE eDossier »Interaktive Prototyping-
tools«. Klickdummys generieren mit Axure,
Bootstrap, Avocado, Flinto und Foundation.
↗    www.page-online.de/PDDP1036
Stefan Bodeit, UX Designer in Hamburg,
überprüft Interaktionskonzepte anhand
von Prototypen auf ihre Machbarkeit und
wundert sich, warum dies in vielen Projek-
ten immer noch viel zu spät stattfindet.
↗  www.bodeit.de
098 PAGE 07.16 › WERKZEUG › Prototyping im Interactive Design
● Idealerweise ist man als User Expe-
rience Designer schon früh in einem
Projekt mit dabei – möglichst in der
Ideation- oder Discovery-Phase. So
die Theorie. Meist komme ich aller-
dings später dazu, wenn die Ideen be-
reits sehr konkret sind. Um dann in
erste Usability-Testings zu gehen oder
wichtigen Stakeholdern schnell Er-
gebnisse präsentieren zu können, sind
Prototypingtools häufig das Mittel der
Wahl. Allerdings hat jedes von ihnen
seine Grenzen wie fehlende Features
und Bugs, für die man Workarounds
suchen muss.
Viele dieser Programme erlauben
neben der Gestaltung der Funktiona-
litäten auch die Integration von De-
sign. Das hat nicht nur Vorteile: Für
einen Usability-Test habe ich kürzlich
einen Klickdummy gebaut, der sehr
nach Wireframe aussah. Um die Inter-
aktionen verständlicher zu machen,
ergänzte ich einige Elemente wie die
Corporate-Design-Farben. Prompt be-
gann eine Diskussion: »Wieso ist an
dieser Stelle ein Verlauf ?«, »Warum ist
der Button dort rot?«. Mit einem Mal
wurde nur noch über Gestaltung und
nicht über Funktionalitäten gespro-
»›Keep it simple, stupid!‹
Einen besseren Wahlspruch
gibt es nicht im UX Design«
Lo-Fi-
oder
Hi-Fi -
Prototyp?
chen – dabei sollten meine Ausarbei- ● In den Agenturen tendiert man oft da-
tungen doch lediglich Designbeispie- zu, ohne eingehende User Research digi-
le darstellen. tale Prototypen zu bauen, zum Beispiel ei-
Der amerikanische Designstratege nen Klickdummy in Axure. Im SAP De-
Steven Fyke brachte es in einem Blog- sign & Co-Innovation Center arbeiten wir
post auf den Punkt: »Your prototypes im Sinne des Design Thinking von An-
are so pretty, they miss the point en- fang an mit den Usern zusammen, um die
tirely« (http://is.gd/fykepost). Im Üb- Software ihren Bedürfnissen anzupassen.
rigen nennt Fyke dort noch einen wei- Daher steht weniger das visuelle Design
teren Grund, warum man Prototypen im Fokus, und man kann sich auf die Op-
für Nutzertests schlicht halten sollte: timierung der Prozesse konzentrieren.
Man nimmt der Testperson sonst die Zu diesem Zweck greifen wir in un-
Möglichkeit, selbst kreative Problem- seren Workshops hauptsächlich auf Pa-
lösungen zu entwickeln. pierprototypen zurück. Mit ihnen schafft
Wenn ich jetzt mal wieder in der
Modellierung einer sehr komplexen
Interaktion feststecke und auch Pro-
totypingtools mich nicht weiterbrin-
gen, frage ich mich, ob die Interaktion
wirklich so vertrackt sein muss. In die-
ser Situation bevorzuge ich Wireflows,
also zu einem Flowchart aneinander-
gereihte Wireframes.
Miriam Scheibe arbeitet als freie
User-Experience-Designerin.
Die Hamburgerin berät Unterneh-
men in den Bereichen Konzeption,
User Experience und User Research.
↗ www.miriamscheibe.com
 PAGE 07.16 099

man ein gemeinsames Verständnis,

eine Gesprächsgrundlage. Der Proto-
typ ist für uns das Kommunikations-
mittel, mit dem man den Nutzern ei-
ne Stimme gibt – der UX-Experte ist
nicht so sehr der Anwalt, sondern viel-
mehr der Enabler des Users, indem er
dessen Ideen zu Papier bringt und ih-
nen Gestalt gibt. An dieser Stelle hat
Empathie einen äußerst hohen Stellen-
wert. Viele Menschen haben Schwie-
rigkeiten, ein Interface zu beschreiben,
technische Termini wie »Auto-Sug-
gest« oder »Autocomplete« sind ihnen
nicht geläufig. Stattdessen nutzen sie
Vergleiche, etwa »wie bei Facebook«
oder »wie bei Google«.
Die Scribble-Phase nimmt am meis-
ten Raum ein, weil wir die Skizzen zu-
sammen mit den Usern iterativ verdich-
ten. Dabei kommen auch UI Stencils
zum Einsatz, kopiert und ausgeschnit-
ten, um daraus in einem sehr manuel-
len Prozess ein Interface als Collage zu »Wer eine Vision verkaufen
erstellen. Die großformatigen Scrib-
bles und Collagen verkleinern wir dann
in einer Outline-Zeichnung, bevor wir
möchte, kann auf
in Axure einen Klickdummy erstellen.
Zunächst integrieren wir nicht alle Pro-
High-Fidelity-Prototypen
zesse, sondern nur die wichtigsten in
den Axure-Klickdummy. Damit checkt nicht verzichten«
man in einem letzten Test den Flow,
bevor der Entwickler die Ergebnisse ● Wenn es darum geht, einen Kun- tisch und überzeugend eine Website
ins Produkt einbindet. den zu gewinnen, besteht unsere ers- und ihre Funktionen erklärt.
te Etappe darin, ein Initialdesign zu In Zeiten von Material Design und
Astrid Wunsch hat als Art- und erstellen, mit dem wir ihm unser Kon- Microinteractions sind es Animationen
Kreativdirektorin bei verschie- zept visuell aufbereitet präsentieren. und Transitions, also kleine Use Cases,
denen Digitalagenturen interaktive Dieser Prototyp muss sich dem Kun- die entscheidend zum Joy of Use und
Produkte verantwortet. Seit Januar den rasch selbst erklären. Zu Beginn zur Akzeptanz einer Seite beitragen.
2016 leitet sie das User-Experience- des Designprozesses scribbeln der In- Da sie zu einem wichtigen Gestaltung-
Design-Team im SAP Design & formationsarchitekt und der Visual merkmal geworden sind, sollte man
Co-Innovation Center (DCC) in Designer die Struktur der Seite und sie früh ins Konzept integrieren. Bild-
Berlin, wo sie regelmäßig Design- klären anschließend gemeinsam mit editoren wie Sketch beschleunigen den
Thinking-Workshops mit SAP- dem Entwickler, ob sich diese Idee Entwicklungsprozess, aber für die vi-
Kunden durchführt. ↗  www.expe technisch überhaupt umsetzen lässt. suelle Arbeit benötigen wir die Frei-
rience.sap.com/designservices Erst danach macht sich der Designer heit und den Funktionsumfang eines
an das Initialdesign. professionellen Grafiktools. Wenn es
Im Normalfall gestaltet denkwerk später darum geht, auch Funktionali-
»Mit Prototypen drei Seiten – die Startseite und zwei täten darzustellen und zu testen, kön-
Unterseiten, beispielsweise eine Pro- nen andere und obendrein günstigere
geben User dukt- und eine Bestellseite – als Kon-
zeptfilm, den unser Team mittels Pho-
Tools wie UXPin oder InVision ihre
Qualitäten ausspielen.
Experience toshop und After Effects realisiert.
Dieser Film simuliert den Weg durch Als Kreativdirektorin bei denk-
Designer die Webseite. Auf diese Weise treten
keine Missverständnisse oder Kom-
werk in Köln hat Alina Schlaier oft
komplexe Projekte zu bewältigen,

dem Nutzer plikationen auf. Diese Art des Proto-

typings ist zwar relativ aufwendig und
seien es umfangreiche Webauftritte,
Onlineshops oder Portale für natio-

eine Stimme« auch kostenintensiv, hat jedoch den

Vorteil, dass sie dem Kunden plas-
nale wie internationale Kunden.
↗www.denkwerk.com
100 PAGE 07.16
06.16 › BRANCHE › Verbände
PAGE Digital
für Ranking
Kreative 2016

BRANCHE

Organisierte
Kreativität
Branchenverbände vernetzen, inspirieren und vertreten die Interessen ihrer
Mitglieder gegenüber Politik und Wirtschaft – so der Anspruch. Wir
stellen die wichtigsten Organisationen für Designer, Fotografen, Illustratoren
und Agenturen vor und sagen, was sie ihnen bringen
 PAGE 07.16 101

● ADC, BDG und AGD, GWA, BVDW und

tgm – aus den Kürzeln der Berufsverbände und »Bunte Kreativität
Klubs für Designer hätten die Fantastischen 4
locker einen eigenen Song à la »MfG – Mit
lebt von Individuen
freundlichen Grüßen« machen können. Doch und kann deshalb
selbstverständlich ist eine Mitgliedschaft kei-
neswegs, viele Kreative fragen sich: Lohnt es, nicht im Verein orga-
240 Euro im Jahr auszugeben, um Mitglied in
einem Designerverband zu sein? Was habe nisiert werden«
ich davon, mich einem Fotografenbund anzu- Raban Ruddigkeit, Mitinhaber von
schließen? Ist es erstrebenswert, in die Reihen Brousse & Ruddigkeit, Berlin
Jurysitzungen,
eines exklusiven Kreativklubs aufgenommen ↗ https://brousseruddigkeit.wordpress.com
Ausstellung und
zu werden? Sind nicht die loser organisierten, Nachwuchs-Events
kleineren Zusammenkünfte wie Stammtische Andere sind weniger radikal – obwohl sie des ADC fanden
oder Alumni-Treffen spannender? ebenfalls Kritik üben. Der Art Directors Club im Mai im Ham-
In der Kommunikationsbranche gibt es etwa sei zwar gut für den Nachwuchs sowie für burger Millerntor-
jede Menge Vereine mit unterschiedlichen kreative und arbeitskulturelle Impulse inner- Stadion statt

Schwerpunkten. Auf der einen Seite sind da
die berufsständischen Verbände wie der BDG
(Berufsverband der Deutschen Kommunika-
tionsdesigner), die AGD (Allianz deutscher
Designer), der BFF (Berufsverband Freie Foto-
grafen und Filmgestalter) oder die Illustrato-
ren Organisation. Sie sind vor allem für Selbst-
ständige interessant, da sie ihre Mitglieder in
Sachen Steuern, Recht, Vergütung und zu an-
deren businessrelevanten Themen beraten.
Beim DDC (Deutscher Designer Club) oder
bei der tgm (Typographische Gesellschaft
München) geht es dagegen stärker um Inspi-
ration und den Wert von Gestaltung allge-
mein (siehe Übersicht auf Seite 104 f.).
halb der Branche, so Stefan Schmidt, einer der
Gründer der Kommunikationsagentur die-
ckertschmidt in Berlin. »Was aber leider nicht
funktioniert, ist das, was wir uns auf die Fah-
nen geschrieben haben: als Zusammenschluss
der absoluten Gestalterelite der Öffentlichkeit
zu zeigen, was gut ist und was Mist. Nicht mal
genug Kunden schauen auf unser Urteil«, klagt
Schmidt.Trotzdem bleibt er im ADC – aus Sen-
timentalität und weil Aufgeben nicht gilt.

Kreative im Verein – ein Paradox?

Manche Kreative lehnen Verbände grundsätz-
lich ab. Sie sehen darin sich selbst erhaltende
Konstrukte, die die Schaffenskraft eher unter-
Fotos: Getty Images for ADC Festival

drücken denn fördern. So findet etwa Raban

Ruddigkeit, Designer und Illustrator in Ber-
lin, dass »bunte Kreativität von Individuen
lebt« und schon deshalb nicht in einem Klub
organisiert werden könne. Nach einigen Er-
fahrungen ist er heute weder als Einzelperson
noch mit seinem Studio Brousse & Ruddig-
keit irgendwo Mitglied.
102 PAGE 07.16 › BRANCHE › Verbände für Kreative
Weitere interessante
Organisationen für Kreative
Die AIKA (Allianz inhabergeführter Kommunikations-
agenturen) sieht sich als »konkurrenzfreien Raum«, in
dem Agenturinhaber sich austauschen und weiter-
entwickeln können. Auf den AIKA-Fachevents geht es
um Themen wie New Business oder Kooperationen.
↗ www.aika.de
In New York gestartet, finden die Creative Mornings
mittlerweile in mehr als 100 Metropolen, darunter
auch Berlin und Hamburg, statt. An dieser Mischung
aus Vortrag, Diskussion und Networking-Frühstück
kann jeder teilnehmen – und das kostenlos.
↗ https://creativemornings.com/cities
Die Deutsche Gesellschaft für Designtheorie- und
Forschung e. V. (DGTF) will öffentliche Debatten
anregen und Designer vernetzen. Zudem fördert sie
Designpromotionen.
↗ www.dgtf.de
Dem Forum Typografie e. V. kann beitreten, wer im
weitesten Sinne auf dem Gebiet der Typografie tätig
ist und sich als Verfechter der Schriftkultur versteht.
↗ www.forum-typografie.de
Um das Forum für Entwerfen e. V. war es zuletzt eher
still. Seit April ist der Verein, der seinen Fokus auf
»gebrauchsorientierte Gestaltung und gestaltungs-
relevante Wissenschaften« setzt, Mitglied im neu
formierten Dachverband Deutscher Designtag (DT).
↗ www.forum-entwerfen.de
Das IDZ | Internationales Design Zentrum Berlin e. V.
sieht sich als Schnittstelle zwischen Design und
Wirtschaft und tritt mit Projekten Forschungsauf-
trägen, Veranstaltungen und Wettbewerben wie dem
Bundespreis Ecodesign für Qualität im Design ein.
↗ www.idz.de
Zum Programm der IxDA Interaction Design Associa-
tion gehören unter anderem eine jährliche
Konferenz und ein Jobportal. In Deutschland gibt
es neun lokale Gruppen.
↗ www.ixda.org/local
Im Kommunikationsverband e. V. versammeln sich
Experten aus Werbung, PR, Marketing, Design
und Medien. Zum Programm gehören Workshops
und Awards wie der Werbefilmpreis Die Klappe.
↗ www.kommunikationsverband.de
Im Rat für Formgebung sind designorientierte
Unternehmen von adidas bis WMF organisiert. Die
Stiftung richtet unter anderem den German
Design Award und den Automotive Brand Contest aus.
↗ www.german-design-council.de
Um nicht, wie ihm bisweilen vorgeworfen
wird, auf der Stelle zu treten und zu einer rei-
nen Selbstbeweihräucherungsveranstaltung
zu werden, braucht der ADC frische Kreative –
und die interessieren sich durchaus noch für
den Klub. So wie Preethi Mariappan, Chief
Creative Officer bei Razorfish, die erst im Ap-
ril dazugestoßen ist. Sie überzeugte die Ber-
liner Sektion mit ihrer Bewerbungspräsenta-
Die Illustratoren tion und möchte dafür eintreten, dass mehr
Organisation ist Digitalspezialisten und mehr Frauen in den
regelmäßig auf den ADC kommen – Themen, die für diesen gera-
Buchmessen in
de enorm wichtig sind.
Frankfurt und
Nun ist der ADC tatsächlich eine vergleichs-
Leipzig präsent
weise »elitäre« Veranstaltung. Viele Mitglieder
befinden sich in einer komfortablen berufli-
chen Lage, haben teilweise jahrzehntelange
Branchenerfahrung und eigene, gut laufende
Agenturen. Ob sie die Jahresbeiträge zahlen
können oder nicht, spielt für sie wahrschein-
lich keine Rolle. Freiberufliche Designer und
Foto: Georg Stelzner
Geschäftsführer kleiner Studios überlegen
dagegen durchaus, ob es sich lohnt, das Geld
in die Hand zu nehmen.
Verbandsmitgliedschaft soll für
Professionalität stehen
Cooles Ambiente Nora Bilz, Mitinhaberin von Rotbraun Gestal-
mit freiem Eintritt:
tung in Berlin, hat sich – nach langer Suche
Der BFF stellte
im April auf dem
nach dem passenden Format – für den BDG
Parkdeck der entschieden. »Wenn man als Kommunika-
Rindermarkthalle tionsdesigner professionell arbeiten möchte
St Pauli aus und auch als solcher wahrgenommen werden
will, stellt die Mitgliedschaft in einem Berufs-
verband eine Notwendigkeit dar«, sagt sie.
Überzeugt habe sie ein Podium im vergange-
nen Jahr, das ihr zeigte: Da gibt es noch mehr
Kollegen, die sich für die Frage nach der Zu-
kunft des Designberufs und den Konsequen-
zen für die Designausbildung interessieren.
Nora Bilz schätzt die offene Diskussion »jen-
seits persönlicher Eitelkeiten«.
Foto: Jörg Steck
Wie sinnvoll ein Verband für den Einzelnen
ist, hat sicherlich auch mit der Disziplin zu tun.
Als freiberuflicher Kreativdirektor für Digital-

Einmal im Jahr
organisiert die tgm projekte sieht Rainer Eidemüller eine geringe
in München die Notwendigkeit für eine Mitgliedschaft. Hin-
Editorial-Design-
sichtlich seines zweiten beruflichen Stand-
Konferenz QVED
beins, des Fotojournalismus, ist er jedoch froh,
auf das Freelens-Netzwerk zurückgreifen zu
können. »Der Pressemarkt verändert sich stän-
dig, sowohl in Angebot als auch Nachfrage.
Da ist es nicht schlecht, Honorare und Ver-
tragsbedingungen differenziert bewerten zu
können«, glaubt Eidemüller. Mit Freelens hat
er gute Erfahrungen gemacht, der Verband
Kuratierte Reisen stellt AGB zur Verfügung, berät bei Rechtsfra-
an angesagte Loca-
gen und organisiert den Presseausweis. »Da
tions, hier nach
San Francisco und
sitzen gut vernetzte alte Hasen, die Hebel in
ins Silicon Valley, Bewegung setzen können.« Zudem findet er
gehören zu den gut, dass Freelens »ein schlanker Verband
Benefits einer GWA- ohne riesigen Overhead ist, bei dem man
Mitgliedschaft auch schnell mit dem Geschäftsführer ins Ge-
spräch kommt«.
Inspiration und Austausch in
lokalen Netzwerken
Patrick Marc Sommer vom Grafikdesignbüro
Langesommer in Berlin setzt lieber auf loka-
le Netzwerke wie die Creative Mornings und
die Typostammtische. Auch weil die Einstiegs-
hürden niedriger sind. Zudem laden manche
ansässige Agenturen zu Vorträgen ein – sol-
che Formate seien nicht nur kostenlos, son-
PAGE 07.16 103
dern in puncto Inspiration und Austausch
ebenfalls sehr ergiebig.
Wer in Berlin wohnt, hat wohl die meiste
Auswahl an solchen und Einladungen. Aber
auch in anderen Städten schließen sich Krea-
tive gerne zusammen. Zum Beispiel im Design-
Forum Münster (www.grafikdesign.ms) oder
im Designbeirat Wuppertal (www.designbei
rat.de ); weitere spannende Initiativen finden
Sie auf Seite 102. Die ebenfalls lokal (in Mün-
chen) gestartete tgm ist mit ihren Vortrags-
reihen, typografischen Ortsbesichtigungen
und Exkursionen längst zu einer deutschland-
weit angesehen und beliebten Organisation
geworden. Und im Norden gibt es mit Ham-
burg Hoch 11 (www.hamburghoch11.de) eine
Initiative, die die Trennung der Disziplinen
in der Kreativwirtschaft überwinden will.
Verbandslogo fürs New Business
Nähe zwischen Geschäftsführung, Vorstand
und Mitgliedern, lebendigen Austausch und
Gleichberechtigung im Umgang mit den ver-
schiedenen Interessensgruppen innerhalb
einer Organisation – das wünschen sich Kre-
ative von ihren Verbänden. Einigen geht es
mehr um Inspiration, anderen um sachliche,
das Business betreffende Fragen. Aber auch
bei der Akquise kann die Zugehörigkeit zu
»Lokale Netzwerke
sind oft kostenlos
und noch dazu
ergiebig in Sachen
Inspiration und
Austausch«
Patrick Marc Sommer, Co-Gründer
von Langesommer, Atelier für
Grafikdesign und Typografie, Berlin
↗ http://langesommer.de
104 PAGE 07.16 › BRANCHE › Verbände für Kreative
»Es bewegt sich viel
im Pressemarkt.
Für Fotojournalisten
ist ein Verband deshalb
sehr sinnvoll«
Rainer Eidemüller, User Experience und Visual
Storytelling, Wiesbaden
↗ www.rainer-eidemueller.de
Die wichtigsten Branchenverbände im Überblick
Verband
Art Directors Club für Deutschland
(ADC) e. V.
Franklinstraße 15, 10587 Berlin
↗ www.adc.de
Allianz deutscher Designer (AGD) e. V.
Steinstraße 3, 38100 Braunschweig
↗ https://agd.de
BFF Berufsverband Freie Fotografen und
Filmgestalter e. V.
Senefelderstraße 19, 73760 Ostfildern
↗ www.bff.de
BDG Berufsverband der Deutschen
Kommunikationsdesigner e. V.
Mohrenstraße 63, 10117 Berlin
↗ www.bdg-designer.de
Bundesverband Digitale Wirtschaft
(BVDW) e. V.
Berliner Allee 57, 40212 Düsseldorf
↗ www.bvdw.org
Deutscher Designer Club e. V. (DDC)
Große Fischerstraße 7, 60311 Frankfurt
↗ www.ddc.de
Freelens e.  V.
Steinhöft 5, 20459 Hamburg
↗ www.freelens.com
Gesamtverband Kommunikationsagenturen
GWA e. V.
Neue Mainzer Straße 22, 60311 Frankfurt
↗ www.gwa.de
IO – Illustratoren Organisation e. V.
Martin-Luther-Straße 7, 60316 Frankfurt
↗ www.io-home.org
Typographische Gesellschaft München e. V.
(tgm)
Hirschgartenallee 25, 80639 München
↗ www.tgm-online.de
Verband Deutscher Industrie Designer e. V.
(VDID)
Markgrafenstraße 15, 10969 Berlin
↗ www.vdid.de
Für wen?
Kreative aller Disziplinen mit einem
gewissen Renommee. Man kann nicht
einfach eintreten, sondern bewirbt
sich bei einer der Sektionen oder in
einem der Fachbereiche
Selbstständige Designer aller Diszi-
plinen
Freiberufliche Fotografen aus den
Bereichen Werbung und Editorial
sowie Filmgestalter
Selbstständige und angestellte
Kommunikationsdesigner
Unternehmen und Agenturen mit
digitalen Geschäftsmodellen
Kreative aller Disziplinen. Um eine
Mitgliedschaft bewirbt man sich
Fotografen und Fotojournalisten
Kommunikationsagenturen
Illustratoren, vor allem Freiberufler
Alle, die sich für Typografie interes-
sieren, sowie Schriftgestalter und
-anwender
Industriedesigner, darunter auch
Interface Designer, Experten
für Public und Messedesign sowie
Design Management
einem Verein eine Rolle spielen. Christian
Kuhn, Inhaber der Frankfurter Digitalagen-
tur Nuisol berichtet, dass allein das BVDW-
Label ihm schon Einladungen zu Pitches be-
schert hat. Er ist dabei, weil er sich auf dem
ziemlich unübersichtlichen Digitalmarkt für
Qualitätsstandards einsetzen will. Er schätzt
den Austausch in Arbeitskreistreffen zu The-
men wie Mobile, Wearables oder E-Com-
merce. Dennoch stellt er seine Mitgliedschaft
jedes Jahr wieder auf den Prüfstand. »Der
Verband ist sehr groß geworden, die Perfor-
mance-Marketing-Agenturen haben für mei-
nen Geschmack zu viel Gewicht«, so Kuhn,
der sich zudem gerne bei lokalen Treffen des
Kommunikationsverbands austauscht und
sich vorstellen kann, sich beim ADC oder DDC
Leistungen für Mitglieder
Networkingplattform für Auftraggeber und Kreative,
Teilnahme an ADC-Jurys, Aufmerksamkeit in der Branche,
Einladung zu exklusiven Events, ermäßigter Eintritt zu allen
ADC-Veranstaltungen
Beratung zu Rechts-, Steuer- und betriebswirtschaftlichen
Fragen, freies Exemplar des Vergütungstarifvertrags Design,
ermäßigte Teilnahme für Weiterbildungsveranstaltungen
Präsentation auf Website/Blog, in Ausstellungen, Magazin,
Workshops, Vorträge, Rechtsberatung
Rechts- und Steuerberatung sowie Beratung zu betriebswirt-
schaftlichen Fragen, Coaching, Honorarrechner, Gehalts-
report, vergünstigte Preise für BDG-Publikationen, Fortbil-
dungsangebote und Teilnahme am Joseph Binder Award
Gemeinsame Messeauftritte, Rabatt auf Studien, bei Statistik-
portalen, Anzeigenschaltungen und PR-Dienstleistungen
Regionale, nationale und internationale Treffen zur
interdisziplinären Vernetzung und zum Austausch über
gute Gestaltung
Austausch, günstige Berufshaftpflicht und Kameraversiche-
rung, Ausstellungsräume, Beratung zu Versicherungen,
Honoraren, Verträgen et cetera, Rechtsberatung und Rechts-
schutz gratis, vergünstigte Workshops, Presseausweis
Politische Interessenvertretung, Rechtsberatung, Programm
für betriebliche Vorsorge in den Bereichen Gesundheit,
Berufsunfähigkeit, Ruhestand und Risiko, kuratierte Reisen
(zum Beispiel ins Silicon Valley)
AGB, Berufsrechtsschutz, kostenfreie Rechtsberatung,
Vertragsprüfung, vergünstige Berufshaftpflicht, Vergütungs-
beispiele, Portfolioseite, Austausch im Forum, Informationen
zu Honoraren, Urheber- und Nutzungsrecht, Buchhaltung,
Gründungsplänen
Freier Eintritt zur jährlichen Vortragsserie und bei manchen
Events, Vorzugspreise bei allen anderen Veranstaltungen
Exklusive Informationen zu Ausschreibungen und Stellen-
angeboten, Erstberatung zu Rechts- und Unternehmer-
fragen, Vergünstigung bei VDID-Seminaren, gemeinsame
Messeauftritte, freier Eintritt zu Fachmessen
 PAGE 07.16 105

Raum für freie

Arbeiten: Thema
zu bewerben. Aber auch losere Zusammen- des 8. Aufschlags – man sich anschließen, oder nach Gleichge-
schlüsse wie die Freunde der Informationsar- ein Ausstellungs- sinnten, mit denen man vielleicht einen eige-
chitektur, die sich über Facebook vernetzen format des BFF – nen Stammtisch, eine neue Facebook-Gruppe
(http://is.gd/IA_freunde ) und mittlerweile war in diesem Jahr oder einen kleinen Verein ins Leben rufen
zwei Konferenzen – die IA Konferenz für Kon- »Unpublished« kann. Eine schöne Buchstabenkombi ist si-
zepter (http://2016.iakonferenz.org) und den cher noch frei. jbr
Mobile UX Summit ( http://2016.mobxcon.
com ) – auf die Beine stellen, findet er span-
AGD-Serie: Berufspraxis-Tipps. Exper-
nend. Alumni organisieren sich ebenfalls ger- ten der Allianz Deutscher Designer
ne über Facebook. Die IDEO alumni group et- klären wichtige Fragen ↗ www.page-
wa hat als geschlossene Gruppe rund 560 Mit- online.de/agd-kolumne
glieder, bei Alumni Neue Digitale/Razorfish
sind es 150 – um nur zwei Beispiele zu nennen.
BDG Business Basics. Tipps und prak-
Egal, ob die Entscheidung letzten Endes
Foto: Jörg Steck

tische Informationen zu den verschie-

für oder gegen einen Verband ausfällt: Es denen Aspekten des kreativen Berufs-
lohnt sich wirklich immer, die Augen offen zu alltags bietet auch unsere BDG-Serie
halten. Nach interessanten Gruppen, denen ↗ www.page-online.de/bdg

Themen und Ziele Veranstaltungen Vorstand und Fachgruppen Jahresbeitrag

Bedeutung von Kreativität in allen Wirt-
schaftsbereichen und Wert kreativer
Leistungen sichtbar machen; Förderung
von kreativer Exzellenz, Nachwuchs und
Frauen in der Kreativbranche
Verbindung von Design und Unterneh-
mertum, Design und Verantwortung
ADC Wettbewerb und Nachwuchs-
wettbewerb, ADC Festival mit
Kongress, ADC Night of Honour,
ADC Design Experience, ADC
Roadshow, Workshops
Tagung, Workshops
12-köpfiges Präsidium mit einem Sprecher; 370 Euro
Fachsektionen: Design, digitale Medien,
Editorial, Event & Kommunikation im Raum,
Forschung & Lehre sowie Werbung; lokale
Sektionen
Bis zu 9 Vorstände; 15 Regionalgruppen 240 Euro, Berufseinsteiger,
Geschäfts- oder Lebenspartner
120 Euro, Studenten 60 Euro

Vertretung in berufsrelevanten Themen,
Arbeitsbedingungen, Öffentlichkeits-
arbeit
Regionale und überregionale Aus-
stellungen, Workshops, Vorträge
3-köpfiger Vorstand. Die Mitglieder in den
einzelnen Regionen wählen eigene Vorstands-
beiräte und Vertreter, die zwischen ihnen
und dem Vorstand vermitteln und regionale
Veranstaltungen durchführen
Professionals 450 Euro, Member
280 Euro, Junioren 180 Euro,
Studenten 80 Euro. Sponsoren mit
Partner-Status ab 600 Euro

Wirtschaftliche und kulturelle Bedeu-
tung von Design, Urheberrecht,
Gehälter, Nachwuchsförderung
BDG-Podium, Fortbildungsveran-
staltungen in Kooperation mit dem
IDZ Berlin, der tgm et cetera
12-köpfiges Präsidium; Referate: Design, 230 Euro, Starter 115 Euro,
Berufswirtschaft, Mitglieder, Öffentlich- Förderer ab 450 Euro
keitsarbeit; zusätzliche Referenten: Motion
Design, UX-Design und Nachhaltigkeit im
Design; Regionalgruppen

Digitale Geschäftsmodelle, Social dmexco, Deutscher Digital Award 6-köpfiges Präsidium; Gremien zu Themen Je nach Umsatz zwischen 630 und
Media, E-Commerce, Start-ups, Digital- und Bewegtbildkonferenz, Polittalks, wie Mobile, Internet der Dinge, Digital Dating 19 500 Euro
politik und andere Vorträge oder Marktforschung

Wert guter Gestaltung, Austausch Designwettbewerb Gute Gestaltung, 6-köpfiger Vorstand, Directors für Regionen 330 Euro
untereinander sowie mit Auftraggebern Projektwettbewerbe, Network- und Fachgebiete wie Film, Fotografie,
und Ausbildungsstätten, Nachwuchs- Events, Seminare, Reisen, Studio- Produktdesign, Hochschulen oder inter-
förderung besichtigungen kulturelles Design

Arbeitsbedingungen von Fotografen, Lumix Festival für jungen Foto- 9-köpfiger Vorstand, 7-köpfiger Beirat, 240 Euro, Studenten 60 Euro ohne
Honorare, Urheber- und Sozialrecht journalismus, Workshops Regionalgruppen und 110 Euro mit Rechtsschutz,
Fördermitglieder nach Absprache

Bedeutung von Kommunikation, Werbung
und Agenturen in der Marktwirtschaft,
effektive Kommunikation, Human Res-
sources, Nachwuchsförderung
Effie Award, Healthcare Award, Profi
Award, Junior Agency, Seminare,
kuratierte Reisen
14-köpfiger Vorstand; Ressorts: Nachwuchs, Je nach Umsatz zwischen 4600 und
Agentur-Ecosystem, Kunden und politische 35 000 Euro
Kommunikation; Foren: Healthcare-Kommu-
nikation, Creative Services und B-to-B-
Kommunikation, digitale Kommunikation

Schutz von Urheberinteressen, Vertretung auf Messen, Seminare 7-köpfiger Vorstand und Arbeitsgruppen für 240 Euro, Junioren 120 Euro, mit
Wertschätzung von Illustrationsleistung, Messen, redaktionelle Unterstützung und Wohnsitz im Ausland 180 oder
Honorare, Vertragsgestaltung andere Bereiche 90 Euro

Typografie als professionsübergreifende
Disziplin in der Medienbranche, Dialog
und Bildung für Qualität in der Kommu-
nikationsbranche
Vorträge, Kurse, Konferenzen,
Fachtage, Werk- und Atelierbesuche,
typografische Ortsbesichtigungen,
Ausstellungen, Studienreisen – auch
5-köpfiger Vorstand und ein großes Aktiv-
team, das in Arbeitsgruppen zu verschiede-
nen Aufgabenfeldern strukturiert ist
Einzelpersonen 54 Euro, Firmen
zwischen 100 und 1200 Euro,
Studenten, Schüler, Azubis und
Rentner 36 Euro
Fotos: Jörg Steck

außerhalb des Großraums München

Ökonomische Relevanz von Industrie- Cradle to Cradle Kongress, Jahres- 10-köpfiges Präsidium; Arbeitsgruppen zu 245 Euro, Existenzgründer, Berufs-
design, Wettbewerbsrecht, Berufskodex, konferenz, Kooperationsveranstal- Themen wie Design und Schule oder Quali- einsteiger und Rentner 150 Euro,
Globalisierung, Nachwuchsförderung, tungen zur Fortbildung tätsrichtlinien; Regionen mit regelmäßigen Studenten 40 Euro, Fördermitglie-
Forschung Treffen der rund 1100 Euro
106 PAGE 07.16 › BRANCHE › Versicherungen
Versicherungen für Kreative:
Berufshaftplichtversicherung
Versicherungen gibt es viele. Welche für selbstständige Designer unverzichtbar,
welche ratsam und welche überflüssig sind, erklären wir in einer neuen Serie
W
as ist, wenn mir im Beruf mal
ein Fehler passiert? Wann hafte
ich als Kreativer für meine Ar-
beit – und wann nicht? Das sind
elementare Fragen für alle freiberuflichen Desi-
gner und Developer. Grundsätzlich kann man nur
für etwas haften, für das auch ein Schaden bezif-
ferbar ist. Ein Gestalter kann zum Beispiel nicht
dafür in die Haftung genommen werden, dass ein
von ihm entworfenes Logo als peinliches Meme
weltweit Karriere macht. Dieser Schaden lässt
sich nicht beziffern und der Gestalter damit auch
nur sehr schwer belangen.
Wenn jedoch jemand im Betrieb des Designers
auf dem frisch gewischten Parkett ausrutscht
und sich dabei kaskadenartig Fuß, Hand sowie
Ellenbogen verletzt und die Stirn blutig schlägt,
dann entsteht ein bezifferbarer Schaden durch
Arzt- und Reinigungsrechnungen sowie durch
Arbeitsausfälle. Dafür haftet der Designer, denn
er hätte seinen Betriebsort sichern müssen. Auch
Schmerzensgelder fallen unter diese Haftung.  Jeder Weg zu einem Versicherungsvertrag hat
Der Designer wird ebenso in die Verantwor-
tung genommen, wenn er die Druckdaten durch
eigenes Verschusseln zu spät an den Hersteller
schickt und der Auftraggeber daher ohne Katalog
auf der Messe steht. Die Investition zahlt sich für
den Kunden nicht mehr aus, es entsteht ein mess-
barer Schaden an dessen Vermögen. Für diesen
haftet der Designer, das kann teuer werden.
Welche Versicherungsarten gibt es?
Im Althochdeutschen sagte man »haftunga«,
wenn sich jemand für jemand anderen verbürg-
te. Heute sind wir etwas weiter und können ein
Haftungsrisiko ganz bequem an eine Versiche-
rungsgesellschaft auslagern. Für alle Gefahren,
die den Betriebsort betreffen – also etwa der frisch
gewischte Boden –, gibt es die Betriebshaft-
pflichtversicherung. Für alle Risiken, die Schäden
am Vermögen Dritter verursachen, hält die Bran-
che eine silbenfressende Vermögensschadenhaft-
pflichtversicherung bereit.  gestaltung und des
Wem das noch nicht reicht, der kann auch die
Produktionshaftung versichern. Diese ist in der
Regel explizit nicht in den beiden vorherigen Ver-
sicherungsarten enthalten. Wenn der Designer
einen Druckauftrag versemmelt, weil die Sonder-
farben falsch angelegt sind, hilft ihm auch die
xxxxxxxxxxxxxxxxxxxxxxx Freigabe des Auftraggebers nichts. Er haftet für
den Fehldruck und muss für Ersatz sorgen. Das
Der Designer kann bei einer Katalogproduktion ganz schnell
haftet zum ins Geld gehen.
Beispiel, wenn Eine Produktionshaftpflichtversicherung kos-
der Kunde tet etwa das Vier- bis Zehnfache einer Betriebs-
haftpflichtversicherung, da lohnt ein realistisches
durch seine Abwägen der Risiken. Im Zweifel fährt man über
Schuld ohne die Jahre doch günstiger, wenn man einen Ein-
Katalog zelschaden selbst begleicht. Mithilfe ordentlicher
auf der Messe Arbeitsroutinen lassen sich die meisten Fehler
steht. So vermeiden. Es lohnt sich also, in die eigene Qua-
litätssicherung zu investieren. 
etwas kann
schnell teuer Wie komme ich zu einer guten
werden. Versicherung?
Eine gute Versicherung erkennt man immer erst
dann, wenn man sie braucht. Daher sind Erfah-
rungsberichte sehr wertvoll sowie ein Blick auf die
Klagequote. Es gibt tatsächlich Anbieter, die nur
durch einen Prozess zur Zahlung zu bewegen sind.
seine Eigenheiten. Ein Vergleichsportal könnte
seine Neutralität geopfert haben und nicht die
besten Anbieter listen, sondern die, die am bes-
ten bezahlen. Ein gebundener Vertreter zeigt oft
nur die Produkte, an denen er am meisten ver-
dient. Daher empfiehlt sich ein unabhängiger
Makler mit guten Referenzen. Hilfreich ist bei der
Wahl eines Versicherungsanbieters auch eine
kleine Umfrage unter Kollegen.
Was brauche ich wirklich?
Die Haftungsrisiken für Designer liegen am unte-
ren Tabellenrand der möglichen Schäden. Aus
diesem Grund sind Haftpflichtversicherungen für
sie meist nicht allzu teuer. Mit folgender Faust-
formel kommt man gut durch den Alltag:
• Eine Betriebshaftpflichtversicherung sollte je-
der Kreative mit eigener Betriebsstätte haben. 
Christian Büning ist
• Eine Vermögensschadenhaftpflicht ist obliga-
Inhaber von Büro
Büning für Informations- torisch, wenn unter Zeitdruck umfangreiche Pro-
jekte realisiert werden müssen und man als De-
Werkstoff Verlags in signer in die Produktion involviert ist. In diesem
Münster. Im Berufs- Fall empfiehlt sich auch eine Produktionshaft-
verband BDG setzt er
pflichtversicherung.
sich für Professionalisie-
rung, Fairness und Alle Risiken lassen sich im Designalltag nicht
Designer ein. ↗  www. ausklammern, aber mit etwas Verstand kann man
buero-buening.de sie deutlich minimieren. Christian Büning
 Raum-Planung
beginnt im Vorfeld!
KommunikationsRaum Informationen und Lösungen
für audio-visuelle Installationen

Lesen Sie zusätzlich die neuesten Case Studies,

spannende Interviews oder interessante Porträts
zum Thema audio-visuelle Installationen unter
www.kommunikationsraum.net

Das Nachschlagewerk für Architekten, Planer und Projektverantwortliche

Case Studies, Features, Portraits, Business-Storys, Stellungnahmen und Interviews

Großer Serviceteil mit Porträts von Planern, ausführenden Unternehmen und Produktherstellern

Bestellen Sie KommunikationsRaum.

unter www.kommunikationsraum.net
Kompendium für Technik und Design im Raum
108 PAGE 07.16 › BRANCHE

PAGE digital
Was auf den digitalen Kanälen passiert www.page-online.de pagemag

Junger Porträtfotograf
Bild. Was macht seine Porträts so bemerkenswert?
Der Fotograf Daniel Feistenauer, der an der HAW
Hamburg bei der Fotolegende Ute Mahler studiert
hat, verrät, wie er seinen Bildern, die Freunde, Mu-
siker und andere Persönlichkeiten zeigen, einen be-
sonderen Zauber verleiht – durch einen Moment, in
dem ein bisschen mehr passiert.
↗ www.page-online.de/feistenauer_0716

Identity für Oslo City Bike

Kreation. Was haben ein Fahrrad und ein Gesicht
gemeinsam? Die App von Oslo Bysykkel zeigt es:
Rund wie ein Fahrradreifen, weist ein von der Agen-
tur Heydays gestalteter Character mit verschiedenen
Mimiken darauf hin, wie das Wetter ist, begrüßt den
Nutzer mit einem freundlichen »Hi, sporty!«, schwitzt
oder flirtet sogar.
↗ www.page-online.de/oslo_0716

Miami Ad School im Wandel

Branche & Karriere. »The real world is your class-
room«, sagt Niklas Frings-Rupp, Mitbegründer der
Miami Ad School Hamburg. Im Gespräch berichten
er und Ina Behrendt als neuer Managing Director
Digital über die digitale Transformation der Kreativ-
schmiede und die Erwartungen der Gen Y an ihre
zukünftigen Arbeitgeber.
↗ www.page-online.de/miamiad_0716

Jobs für Kreative

PAGE Stellenmarkt. Kreative Köpfe finden auf unse-
rer Stellenplattform spannende Herausforderungen
sowie attraktive Arbeitgeber und Auftraggeber. Agen-
turen, Unternehmen, Designstudios und Start-ups
können fähige Talente entdecken: vom Praktikanten
über den Junior Artdirektor, zum Design Manager,
vom Coding Designer bis zum Creative Technologist.
↗ www.page-online.de/stellenmarkt

PAGE App. PAGE Shop. Ob PAGE Book, Schneidematte, PAGE Newsletter. Abonnieren Sie jetzt den
PAGE gibt’s auch Typometer oder Einzelheft – einfach und bequem kostenlosen Newsletter und bleiben Sie stets
im App Store bestellen auf  ↗  http://shop.page-online.de   up to date  ↗  www.page-online.de/newsletter  
 Nice-to-must-have.
Ein Magazin der Verlagsgruppe Ebner Ulm · www.ebnerverlag.de

PAGE Shop: PAGE Skizzenbuch – Originalität ist der beste

Kopierschutz // typoPAGE – geballte Typografie auf 196 Seiten //
Schneidematte – stabil & stilvoll // DTP-Typometer 2.0 – mit US- und
DIN-Formaten. Jetzt bestellen: shop.page-online.de/produkte
110 PAGE 07.16 › BRANCHE
Szene
Was die Kreativbranche und ihre Akteure bewegt
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Design für Sämlinge
● Start-ups & Design. Wie wichtig
Design und Design Management für
frisch gegründete Unternehmen be-
sonders in der Inkubationsphase sind,
untersuchte die Hochschule Luzern im
Rahmen des Forschungsprojekts »De-
signSeed«. Der Name ist angelehnt an
das sogenannte Seed Money, mit dem
Investoren junge Firmen unterstützen.
Der Fachbereich Design & Kunst half
sechs Hightech-Start-ups der ETH Zü-
rich dabei, Aufmerksamkeit, Interes-
se und Engagement bei Investoren,
Pilotkunden und Partnern zu schaffen
sowie eine klare Vorstellung für das
zukünftige Produkt in seinem Nut-
zungskontext zu entwickeln. Denn ein
Design-Prototyp und ein professionel-
ler Auftritt sind essenziell für die Su-
che nach finanzieller Unterstützung
und potenziellen Kunden. Ihre Erfah-
rungen teilt die Forschungsgruppe in
einer kostenlos erhältlichen Broschü-
re, die auch Modelle der Zusammen-
arbeit beleuchtet (Download: http://
is.gd/DesignSeed ). nik
BDG Business Basics
Realistisch
kalkulieren
BDG-Vizepräsident Christian
Büning klärt aktuelle Fragen aus
dem Berufsalltag von Kreativen
↗www.bdg-designer.de
● Sigmar Gabriel antwortete sinngemäß auf
die Frage, wie die frischen Zuschüsse für E-Au-
tos einer Sekretärin nützen könnten, mit der
Bemerkung, dass sie ja ihrem gut verdienen-
den Mann zugute kommen würden. Hier wird
nicht nur eine frappierende Ignoranz sichtbar,
sondern ein Prinzip, das auch im Design be-
kannt ist: die versteckte Subventionierung.
Wenn ich als Designer nicht von meinen
Einnahmen leben muss und meine Sozialver-
sicherungen über das Gehalt von jemand an-
derem gedeckt sind, brauche ich auch nicht
hart verhandeln, sondern kann das nehmen,
was gerade kommt. Ich kann Designleistun-
gen unterhalb meiner eigentlichen Fixkosten
anbieten, denn die entstehende finanzielle
Lücke wird innerfamiliär subventioniert. Na-
türlich gelange ich mit diesem beruflichen
Selbstverständnis über eine gewisse Grenze
von Professionalität nicht hinaus. Begrenzt
ist damit aber auch die Wertschätzung mei-
ner Arbeit als subventionierter Designer – ich
werde nicht für voll genommen. Darüber zu
klagen, ist aber ähnlich effektiv wie eine Imp-
fung gegen Erdbeben. 
Mein Tipp: Hier hilft nur eine Entschei-
dung! Bin ich Unternehmer oder nicht? Un-
ternehmer kalkulieren ihre Vergütung so, dass
sie alle tatsächlichen Kosten decken und zu-
dem Gewinne entstehen. Versteckte Subven-
tionen schaffen einen kurzfristigen Vorteil,
der auf lange Sicht aber das genaue Gegenteil
von Professionalität ist. Viel Erfolg! 
Foto: © André W. Sobott, www.aw-sobott.de
Haben auch Sie Fragen? Dann schreiben
Sie uns: businessbasics@bdg-designer.de
PAGE eDossier »Verdienen Sie genug?
Gehälter, Honorare und Chancen für
Kreative« mit Tipps zur Kalkulation
↗ www.page-online.de/PDPD0006
Business Basics auf PAGE Online.
Ausgewählte Beiträge lesen Sie
unter  ↗ www.page-online.de/bdg  

»Ein Sprachrohr für
die Designbranche«
● Die Initiative Deutscher Design-
verbände (iDD) und der Dachverband
Deutscher Designertag haben sich
zum Deutschen Designtag zusam-
mengetan. Präsident Boris Kochan
erklärt, warum die Fusion sinnvoll
ist und wie er für Designer aller Dis-
ziplinen eintreten will. jbr
Die iDD wurde 2006 ins Leben
gerufen, um gegen den unzuläng-
lichen Schutz kreativer Leistun-
gen sowie die Vernachlässigung
kreativer Berufe seitens der
Politik anzukämpfen. Anliegen,
mit denen sich auch der Deutsche
Designertag beschäftigte, und
das seit 1975. Sie saßen bislang im
Vorstand der iDD. Warum
schließen Sie sich erst jetzt
zusammen?
Boris Kochan: Nach der Jahrtausend-
wende war es ein wenig zu still um den
Deutschen Designertag geworden, die
iDD wollte neue Impulse setzen. Da-
bei ist uns schon lange klar, dass wir
mit einem einzigen Dachverband mehr
Einfluss auf Politik, Medien und Ge-
sellschaft haben. Seit mit Henning
Krause ein sehr engagierter Branchen-
kenner zum Präsidenten des Deut-
schen Designertags gewählt wurde,
haben wir daran gearbeitet, uns zu-
sammenzutun.
Das war vor fast vier Jahren.
Wir wollten und konnten nichts übers
Knie brechen, sondern wollten sicher
sein, dass wir für ein Sprachrohr der
gesamten Designbranche das beste
Format finden.
PAGE 07.16 111
eIQ
Und das sieht jetzt wie aus?
Durch eine Satzungsänderung beim
Deutschen Designertag entstand ein
neuer Dachverband, der Deutsche De-
signtag (DT), in dem sämtliche institu-
tionellen Mitglieder der beiden bishe-
rigen Organisationen versammelt sind:
die berufsständischen Organisationen
wie AGD, BDG, Illustratoren Orga-
nisation, das Netzwerk der deutschen
Mode- und Textildesigner (VDMD)
sowie der Verband Deutscher Industrie
Designer genauso wie die Fach- und
Interessenvereinigungen Forum Typo-
grafie, Forum für Entwerfen, die Typo-
graphische Gesellschaft München und
die hace-Stiftung für semantische Ty-
pografie. Der Vorstand setzt sich aus
Delegierten fast aller dieser Organisa-
tionen zusammen, aus diesem wur-
de wiederum ein fünfköpfiges Präsi-
dium gewählt.
Soll es bei dieser Konstellation
bleiben, oder können Sie sich
vorstellen, zum Beispiel mit dem
BFF zu kooperieren?
Wir möchten gerne weitere Organisa-
tionen aufnehmen und freuen uns auf PAGE eDossiers – Best-of-
Gespräche mit Verbänden aus allen Kompilationen aus PAGE und
Designdisziplinen. Mit einigen sind WEAVE im Originallayout: PDFs
wir bereits im Gespräch . . . einfach und jederzeit down-
Was sind Ihre nächsten Ziele? loaden in unserem Online-Shop
Im Rahmen eines Medientags im Sep- shop.page-online.de/downloads
tember werden wir unser Programm
umfangreicher vorstellen. Im Kern
wollen wir die Belange von Design-
wirtschaft, Designberufsständen und
Designkultur kompetent, transparent
und glaubwürdig vor Politik, Wirt-
schaft und Öffentlichkeit vertreten.
112 PAGE 07.16

Vorschau Kontakt
PAGE 08.16 erscheint am 6.Juli

Mach den Ding! Redaktion PAGE

Gestalterisches Muskeltraining, zweites Standbein oder Ventil überbor- Wir freuen uns über Ihr Feedback und
dender Kreativität – viele Designer und Developer stürzen sich neben Themenvorschläge an  info@page-online.de
ihrem Berufsalltag in weitere Projekte. PAGE forscht nach ihren Motiven PAGE // Ebner Verlag GmbH & Co KG
und dem Benefit solcher side projects – und stellt inspirierende Beispiele vor Borselstraße 28, 22765 Hamburg
Telefon: +49 40 85183-400; Fax: -449
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx E-Mail: info@page-online.de
↗  www.page-online.de ↗  www.twitter.com/pagemag
↗  www.facebook.com/pagemag ↗  iTunes App Store
Chefredakteurin/Publisher Gabriele Günder, V.i.S.d.P.
Textchefin Astrid Umbreit (au)
Redaktion Miriam Harringer (mh, Redaktion Online),
Nina Kirst (nik; Branche, verantwortlich), Arne Schätzle (as).
Freie Mitarbeit: Julia Bröder (jbr), Antje Dohmann (ant),
Angelika Eckert (ae), Dr. Claudia Gerdes (cg), Rebecca von
Hoff (Grafik), Christine Krawinkel (Artdirektion), Myriam
Jantoss (Textredaktion), Maiken Richter (Text-/Schluss-
redaktion), Sabine Danek (sd, Redaktion Online); Redaktions-
assistenz: Sinja Kik

Transparenz & Design Autoren dieser Ausgabe Stefan Bodeit, Christian Büning,
Kevin Johne, Markus Linden (ml), Ivan Modric, Jürgen Siebert,
Nico Zimmermann
Wir arbeiten hinter gläsernen Fassaden, legen im Netz unser Leben
offen und werden bei allem getrackt . . . Vor welche Aufgaben stellt Titel Katrin Schacke ( w
  ww.katrinschacke.de ) 
diese Transparenz die Kommunikationsbranche? Welche Rolle spielt sie Schriften ff Quadraat und ff Mark, erhältlich
im Corporate Design? Und wie wird sie im UX Design umgesetzt? bei www.fontshop.com und www.fontfont.com;
Ingeborg, erhältlich bei www.typejockeys.at
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Digitale Druckvorlagenherstellung
Alphabeta GmbH, Hamburg

Vertrieb
Leitung: Sema Torun; Objektmanagerin: Tina Backhaus
Bilder oben: Identity für See Through Lab von The Collected Works (http://thecollectedworks.com)

PAGE Shop
Sie möchten eine bestimmte Ausgabe, ein Abonnement,
ein PAGE Typometer, eine PAGE Schneidematte, ein
PAGE Book, ein PAGE eDossier oder eine Jahrgangs-CD
bestellen? Dann werden Sie in unserem Shop fündig:
↗ shop.page-online.de

Multi-Device Fonts Impressum

Chefredakteurin Sitz und Registergericht: Ulm,
Surfen und Lesen finden zunehmend am Gabriele Günder, V.i.S.d.P. HRA 1900;
Smartphone oder via Smartwatch statt. Ebner Verlag GmbH & Co KG Geschäftsführung:
Borselstr. 28, 22765 Hamburg Gerrit Klein, Martin Metzger
Was bedeutet das für die Wiedererkenn- Telefon: +49 40 85183-400 (Stellvertreter), Florian Ebner
barkeit von Marken, und welche Schriften Telefax: -449 Umsatzsteuer-Identifikations-
E-Mail: info@page-online.de nummer gemäß §27 a UStG:
funktionieren überhaupt in diesen Größen? www.page-online.de DE 147041097
Wir zeigen, wie Typedesigner diesen Redaktion Anzeigenleiter
Miriam Harringer (mh), Nina Alexander Herz
neuen Herausforderungen begegnen Kirst (nik), Arne Schätzle (as), Ebner Verlag GmbH & Co KG
Astrid Umbreit (au) Borselstr. 28,
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Verlag 22765 Hamburg; E-Mail:
Ebner Verlag GmbH & Co KG alexander.herz@page-online.de;
Ratgeber: Bewerbungsgespräche & Karlstraße 3, 89073 Ulm
www.ebnerverlag.de
Telefon: +49 40 85183-480
Telefax: -489
Speed Recruiting ISSN 0935-6274
Inhaber und Beteiligungs-
Druck
Stürtz GmbH
verhältnisse Heiko Mehling
Was bei Chefs und Personalern von Designstudios und Agenturen ankommt Ebner Verlag GmbH & Co KG, Alfred-Nobel-Straße 33
und was nicht. PAGE gibt Tipps fürs Vorstellungsgespräch Karlstraße 3, 89073 Ulm, 97080 Würzburg
 PAGE 07.16 113

Leserservice: Widerrufsrecht PAGE Abopreise

Aboservice & Heftbestellung Sie haben das Recht, binnen vierzehn Tagen ohne Angabe von Jahresabo Plus
Gründen diesen Vertrag zu widerrufen. Die Widerrufsfrist be- (12 Ausgaben
Sie möchten PAGE abonnieren oder eine be- trägt vierzehn Tage ab dem Tag, an dem Sie oder ein von Ihnen Print und Digital)
stimmte Ausgabe bestellen? Dann werden Sie benannter Dritter, der nicht der Beförderer ist, die erste Ware Jahresbezugspreis
in unserem Shop fündig: shop.page-online.de in Besitz genommen haben beziehungsweise hat. (pro Jahr):
Um Ihr Widerrufsrecht auszuüben, müssen Sie uns an Eb- D 114,20 €
Ebner Verlag GmbH & Co KG, Abo- und Bestellservice, ner Verlag GmbH & Co KG, Abo- und Bestellservice, Carl-Zeiss- (Print 102,20 € +
Carl-Zeiss-Straße 5, 53340 Meckenheim Straße 5, D-53340 Meckenheim, page@aboteam.de, Telefon: Digital 12,00 €)/
E-Mail:  page@aboteam.de ++49 02225 7085-535, Fax: ++49 02225 7085-550 mittels einer Ausland 128,20 €
Telefon: +49 2225 7085-535; Telefax: +49 2225 7085-550 eindeutigen Erklärung (zum Beispiel ein mit der Post versand- (Print 116,20 € +
ter Brief, Telefax oder E-Mail) über Ihren Entschluss, diesen Ver- Digital 12,00 €)
Das PAGE AboPlus, also 12 Ausgaben Print und Digital, trag zu widerrufen, informieren. Sie können dafür das beige- Jahresbezugspreis
kostet 114,20 Euro (Ausland: 128,20 Euro). Das Abonnement fügte Muster-Widerrufsformular verwenden, das jedoch nicht (pro Monat):
kann immer 6 Wochen vor Ablauf des Bezugsjahres schrif- vorgeschrieben ist. D 9,52 €/
tlich gekündigt werden. Schüler und Studenten erhalten das Zur Wahrung der Widerrufsfrist reicht es aus, dass Sie die Ausland 10,68 €
PAGE AboPlus gegen Vorlage eines gültigen Ausweises Mitteilung über die Ausübung des Widerrufsrechts vor Ablauf
oder einer gültigen Immatrikulationsbescheinigung zum der Widerrufsfrist absenden. Studentenabo Plus
günstigeren Studentenabopreis. Mitglieder der Allianz deut- (12 Ausgaben
scher Designer (AGD), des Bundes Deutscher Grafik-
Folgen des Widerrufs
Print und Digital)
Wenn Sie diesen Vertrag widerrufen, haben wir Ihnen alle Zah-
Designer (BDG) und des designerinnen forum e. V. erhalten Jahresbezugspreis
lungen, die wir von Ihnen erhalten haben, einschließlich der
ebenfalls 20 Prozent Rabatt. (pro Jahr):
Lieferkosten (mit Ausnahme der zusätzlichen Kosten, die sich
D 100,20 €
daraus ergeben, dass Sie eine andere Art der Lieferung als die
(Print 88,20 +
von uns angebotene, günstigste Standardlieferung gewählt
Digital 12,00 €)/
PAGE Mediaberatung haben), unverzüglich und spätestens binnen vierzehn Tagen ab
dem Tag zurückzuzahlen, an dem die Mitteilung über Ihren Wi-
Ausland 111,10 €
(Print 99,10 € +
derruf dieses Vertrags bei uns eingegangen ist. Für diese Rück-
Ad Sales Director Digital 12,00€)
zahlung verwenden wir dasselbe Zahlungsmittel, das Sie bei
Alexander Herz, E-Mail:  alexander.herz@page-online.de Jahresbezugspreis
der ursprünglichen Transaktion eingesetzt haben, es sei denn,
Telefon: +49 40 85183-480, Telefax: -489 (pro Monat):
mit Ihnen wurde ausdrücklich etwas anderes vereinbart; in
D 8,35 €/
Ad Sales/Kooperationsmanagement keinem Fall werden Ihnen wegen dieser Rückzahlung Entgelte
Ausland 9,26 €
Kim Robertz, E-Mail:  kim.robertz@page-online.de berechnet. Wir können die Rückzahlung verweigern, bis wir die
Telefon: +49 40 85183-484, Telefax: -489 Waren wieder zurückerhalten haben oder bis Sie den Nachweis
Miniabo
erbracht haben, dass Sie die Waren zurückgesandt haben, je
PAGE Stellenmarkt (3 Ausgaben Print)
nachdem, welches der frühere Zeitpunkt ist.
Sabine Vockrodt , E-Mail:  stellenangebote@wuv.de Bezugspreis (3 Ausgaben):
Sie haben die Waren unverzüglich und in jedem Fall spätes-
Telefon: +49 89 2183-7049, Fax: -7864 D 19,30 €/Ausland 22,30 €
tens binnen vierzehn Tagen ab dem Tag, an dem Sie uns über den
Bezugspreis (pro Monat):
PAGE erscheint monatlich. Es gilt Anzeigen- Widerruf dieses Vertrags unterrichten, an Ebner Verlag GmbH &
D 6,43 €/Ausland 7,43 €
preisliste Nr. 30, gültig ab 1. 1. 2016. Co KG, Abo- und Bestellservice, Carl-Zeiss-Straße 5, D-53340
Meckenheim, page@aboteam.de, Telefon: ++49 02225 7085-535,
Anzeigendisposition und -marketing Jahresabo Digital
Fax: ++49 02225 7085-550 zurückzusenden oder zu übergeben.
Sabine Cordes, E-Mail:  sabine.cordes@page-online.de ,  (12 Ausgaben Digital)
Die Frist ist gewahrt, wenn Sie die Waren vor Ablauf der Frist
 dispo@page-online.de Jahresbezugspreis
von vierzehn Tagen absenden. Sie tragen die unmittelbaren Kos-
Telefon: +49 40 85183-482, Telefax: -483 (pro Jahr):
ten der Rücksendung der Waren. Sie müssen für einen etwaigen
D/Ausland 76,40 €
Sonderveröffentlichungsservice Wertverlust der Waren nur aufkommen, wenn dieser Wertver-
Jahresbezugspreis
Die Artikel dieser Ausgabe können für Werbezwecke oder für lust auf einen zur Prüfung der Beschaffenheit, Eigenschaften
(pro Monat):
Ihren Pressespiegel als Sonderdruck oder Onlinebeitrag veröf- und Funktionsweise der Waren nicht notwendigen Umgang mit
D/Ausland 6,37 €
fentlicht werden. Anfragen bitte an  dispo@page-online.de .  Ihnen zurückzuführen ist.
Widerrufsformular Einzelheft Digital
Wenn Sie den Vertrag widerrufen wollen, dann füllen Sie bitte D/Ausland 7,95 €
Link funktioniert nicht? Sollte sich ein Link in der dieses Formular aus und senden Sie es zurück an:
Digitalausgabe von PAGE nicht per Klick oder Touch öffnen,
Ebner Verlag GmbH & Co KG, Abo- und Bestellservice,
geben Sie bitte die URL direkt in den Browser ein.
Carl-Zeiss-Straße 5, D-53340 Meckenheim, page@aboteam.de,
Telefon: ++49 02225 7085-535, Fax: ++49 02225 7085-550.
Vertrieb: VU Verlagsunion KG, Messberg 1, 20086 Hamburg, Telefon +49 40
Hiermit widerrufe ich den von mir abgeschlossenen Vertrag über
3019-1800, Fax +49 40 3019-1815, info@verlagsunion.de Urheber- und Ver-
den Kauf der folgenden Waren oder die Erbringung der folgen-
lagsrecht: Die Zeitschrift und alle in ihr enthaltenen einzelnen Beiträge und
den Dienstleistung:
Abbildungen sind urheberrechtlich geschützt. Mit Annahme des Manu-
skripts gehen das Recht zur Veröffentlichung sowie die Rechte zur Überset-
zung, zur Vergabe von Nachdruckrechten, zur elektronischen Speicherung
in Datenbanken, zur Herstellung von Sonderdrucken, Fotokopien und Mikro-
kopien an den Verlag über. Jede Verwertung außerhalb der durch das Urhe- Bestellt am:
berrechtsgesetz festgelegten Grenzen ist ohne Zustimmung des Verlags
unzulässig. In der unaufgeforderten Zusendung von Beiträgen und Informa-
tionen an den Verlag liegt das jederzeit widerrufliche Einverständnis, die Erhalten am:
zugesandten Beiträge bzw. Informationen in Datenbanken einzustellen, die
vom Verlag oder von mit diesem kooperierenden Dritten geführt werden. Name des Verbrauchers:
Gebrauchsnamen: Die Wiedergabe von Gebrauchsnamen, Handelsnamen,
Warenbezeichnungen und dergleichen in dieser Zeitschrift berechtigt nicht
zu der Annahme, dass solche Namen ohne Weiteres von jedermann benutzt Anschrift des Verbrauchers:
werden dürfen; oft handelt es sich um gesetzlich geschützte eingetragene Unterschrift des Verbrauchers
Warenzeichen, auch wenn sie nicht als solche gekennzeichnet sind. (nur bei Mitteilung auf Papier):

Mitglied der Informationsgemeinschaft zur Feststellung der

Datum:
Verbreitung von Werbeträgern e. V. (IVW)
 114 PAGE 07.16 › Sieberts Betrachtungen
Schuster Reloaded
Kühne Kommentare von Jürgen Siebert zu Trends, Ereignissen und
dem ganz normalen Alltagswahnsinn eines Kreativen
Foto: Norman Posselt
Unser Kolumnist Jürgen Siebert regt an,
das eigene Profil zu schärfen – und zwar
immer wieder
● Der Volksmund sagt: »Der Schuster
trägt die schlechtesten Schuhe.« Die-
se Weisheit stammt aus einer Zeit, als
sich Handwerker nicht retten konnten
vor Aufträgen. Das Geschäft florierte,
ohne Werbung, ohne Wettbewerb. Und
so war es nicht schädlich für die Um-
sätze des Schuhmachers, wenn er mit
seiner eigenen Fußbekleidung keine
Reklame laufen konnte. Alle wussten,
dass er jede Minute seiner Arbeitszeit
dem Schuhwerk der Kunden widmete.
Die Zeiten haben sich geändert. Wir
leben in einer Wettbewerbswelt, in der
viel über andere geredet wird. Oder wie
Paul Watzlawick schrieb: »Man kann
nicht nicht kommunizieren.« Die Men-
schen bilden sich unentwegt ein Ur-
teil über das Gesehene, was umso mehr
Spaß macht, wenn man sich das Maul
zerreißen kann. Heute hätte ein Schus-
ter mit schlechten Schuhen nur bei ei-
ner kleinen Zielgruppe ein Chance,
nämlich bei finanzschwachen oder
mildtätigen Menschen, weil sie aus
dem Fußkleid schlössen, dass es die-
sem Handwerker schlecht gehe (= bil-
lig oder kurz vor der Pleite).
Vor allem im Design- und Kommu-
nikationsbereich sollte niemand die
gedruckte oder digitale Visitenkarte
dem Zufall überlassen. »Kaputte Schu-
he« kann sich ein Unternehmen nicht
erlauben – es sei denn, es spielt ganz
bewusst mit negativen Konnotatio-
nen . . . wie die Hans Brinker Hotels in
Amsterdam und Lissabon, allerdings
professionell in Szene gesetzt von den
KesselsKramer-Kreativen.
Hätte ich eine Agentur beziehungs-
weise als Selbstständiger ein paar Tau-
sender als Marketingbudget, würde
ich Kollegen engagieren (oder Wett-
bewerber, denen ich traue), mein Pro-
fil zu schärfen und zu gestalten. Der
Außenblick ist Gold wert und erhel-
lend, während man sich beim Be-
schreiben der eigenen Stärken häufig
selbst die Sicht versperrt . . . ganz zu
schweigen von einer falschen Selbst-
einschätzung.
Wer seine Marke in Eigenregie ent-
wickeln muss, kommt allerdings mit
einer Handvoll Regeln ebenso zum
Ziel. Der New Yorker Designer Paul
Woods hat das jüngst praktiziert und
für Nachahmer auf Medium.com in
fünf Punkten festgehalten (https://is.
gd/pauls_rules). Wie zahlreiche ande-
re Kreative hatte er seine Website nach
dem Studium kaum noch aktualisiert
und bekam entsprechend unsinnige
Anfragen. Hier seine fünf Gebote:
1 Definiere den Zweck deines Auf-
tritts. Dabei geht es nicht aus-
schließlich um Themen wie »Ich su-
che Auftraggeber« oder »Solche Jobs
würde ich gerne übernehmen«. Viel-
mehr sollte man sich fragen, was man
in Zukunft wirklich machen will – und
weniger: Das habe ich bisher gemacht,
und so soll es munter weitergehen.
Praktisches Beispiel: Wer zuletzt über-
wiegend Webdesigns realisiert hat
und sich künftig aber auf Artdirektion
konzentrieren möchte, sollte im Port-
folio kein Webdesign zeigen, sondern
Projekte, bei denen er als Artdirektor
mitgewirkt hat.
2 Nimm die alte Website auf der
Stelle vom Netz und ersetze sie
durch eine spontane, launige Hinweis-
seite. Paul Woods’ Erfahrung: »Bereits
am ersten Tag hat die Ersatzseite mehr
Hits erzielt als sämtliche Versionen
meiner vorherigen Site. Was als Zwi-
schenlösung gedacht war, stellte die
Weichen für die Tonalität meines neu-
en Auftritts.«
3 Finde heraus, was dich einzigar-
tig macht, und ergreife umge-
hend Besitz davon. Genau zu wissen,
wo man im Markt steht, ist Gold wert.
Übrigens reicht es keinesfalls aus zu
definieren, was man genau anbietet.
Man muss auch erklären, wie man an
den Job herangeht. Das ist manchmal
leichter gesagt als getan.
4 Konzentriere dich auf nur eine
Dienstleistung. Lass alles andere
weg. Versuche dich nicht als Designer
zu positionieren, der darüber hinaus
noch schreiben und illustrieren kann.
Prima, wer alle diese Fähigkeiten be-
sitzt, aber eine Marke muss scharf de-
finiert sein.
5 Stell das verdammte Ding so
schnell es geht ins Netz, selbst
wenn es erst halb fertig ist. Bei eigenen
Projekten eine Deadline zu halten, ist
praktisch unmöglich. Paul Woods:
»Verlier dich nicht in Details. Lege ei-
nen Launchtermin fest und erzähle je-
dem davon, damit du ihn nicht mehr
absagen kannst. Polieren kannst du
später immer noch.«
Damit steht also fest: Die Selbstver-
marktung einer Designdienstleistung
sprengt den Rahmen der antiquierten
Schuhmacher-Weisheit. Der Schuster
2016 fragt sich, ob er überhaupt noch
alte Schuhe reparieren möchte. Viel-
leicht bringen Sonderanfertigungen
mehr. Was heute vor allem zählt, sind
Agilität und Selbstreflexion, mindes-
tens alle 12 Monate.
wir sind dabei! Bitte schickt uns
das technische Infoblatt.