Design Code Business Das Magazin Der Kreativbranche: WEB Trends
Design Code Business Das Magazin Der Kreativbranche: WEB Trends
WEB
TRENDS
visuell & technisch
Jobprofile & Gehälter • Disruptive Design • Geld durch Urlaub • iBeacon • JvM-Academy
$ $
07.2014 Responsive Webdesign Wie Hinderling Volkart [Link] zum Markenerlebnis
# 314 • 29. JAHRGANG
[Link] machte JvM-Academy Vor Ort bei den Kreativen von morgen Disruptive Design
DEUTSCHLAND CH 19,20 CHF
A 10,90 EUR
Was steckt hinter dem Schlagwort? Methodik & Cases Cannes Lions Die Favoriten
9,80 EUR L 11,50 EUR
der Jury Außerdem iBeacon • Stencil-Fonts • Start-up-Spots • Geld durch Urlaub
10842
4 191084 209802 07
editorial page 07.14 003
ANZEIGE
Auf die Plätze,
fertig, los:
Creative Titling 1200
Sportuhren
● VCD, IxD, HCI, UI, GUI, NUI Design? Wie kom
plex unser Arbeitsfeld geworden ist, das zeigt sich in einer App !
nicht zuletzt am Buchstabengewirr unserer Jobbe
zeichnungen. Früher, da unterschied man noch ein
fach zwischen der Gestaltung von Print und Bild
schirmmedien, zwischen klassischer und digitaler
Kommunikation. Heute wird UX, die User Expe
Foto: Kirsten Nijhof
rience, großgeschrieben.
Klar, wir leben in einer hybriden Welt. Es geht um
die Gestaltung integrierter Nutzungserlebnisse, um
Emotionalisierung, um transmediales Storytelling,
um die digitale und die nicht digitale Interaktion.
Aber was genau macht so ein UX Designer überhaupt?
Handelt es sich bei UXD um eine klar abgegrenzte
Disziplin? Oder nicht vielmehr um einen übergrei
fenden Bereich, der sich über Konzept, Design und
Development sowie Informationsarchitektur und
Interaction Design erstreckt? Und welche Skills be
nötigt man dafür? Die Agentur SinnerSchrader etwa,
sie macht sich erst gar kein X für ein U vor. Sie sucht
schlichtweg folgendes Profil: »Digital. Hochintelli
gent. Teamplayer. Nerd. (m/w) Und programmieren
kannst du auch. Den richtigen Job findest du bei uns.
Alles Weitere kannst du bei uns lernen.«
Skill Sets formen Tätigkeitsprofile, das T löst das
I ab: Individuen, die Iförmig in nur einer einzigen
Spezialdisziplin über tiefes Wissen verfügen, wer
den es in Zukunft schwer haben. Gefragt sind Tför
mig ausgeprägte Talente, die neben ihrer Kernkom
petenz über ein breites interdisziplinäres Knowhow
verfügen. Nicht von ungefähr ist zunehmend von
Creative Technologists und Coding Designern die
Rede. Ja, ob man sich in einer Agentur als UX oder
XYZ Designer bewirbt, ist dann beinahe schon irre
levant. Entscheidend ist, dass Skill Set und Persön
lichkeit aus den Arbeitsproben ersichtlich werden.
What you see is what you get! Die ultimative App für Taucher, Flieger,
Und auch wenn wir uns darum künftig vielleicht Läufer, Rugby-Spieler … Erleben Sie
einfach »Lord of WYSIWYG« nennen könnten, nicht gestochen scharfe Retina-Bilder auf
das Erfinden neuer Titel, sondern der Erwerb neuer Ihrem iPad oder iPhone. Filtern Sie das
Fertigkeiten und Kompetenzen bleibt das A und O Angebot nach Marke, Werk, Gehäuse
unserer Profession: Berufsbilder, Qualifizierungs oder Preis und legen Sie Ihre Favoriten in
strategien, Verdienstaussichten, siehe Seite 24 ff. der persönlichen Sammler-Box ab. Die
App Chronos SPORTUHREN gibt’s unter
Gabriele Günder, Chefredakteurin/Publisher [Link]/sportuhrenchronos
(info@[Link])
Ein Angebot der Verlagsgruppe Ebner Ulm
[Link]
004 PAGE 07.14
Inhalt
SIGNALE
006 Ideen, Projekte und Diskussionen
TITEL
024 Jobprofile & Gehälter
Neue Technologien erfordern neue Skills. Wir stellen
interessante Berufsbilder vor und sagen, was Sie
mit welchen Spezialisierungen verdienen können
THEMEN
046
040 Webtrends: visuell & technisch
Was kommt nach Parallax und Flat Design?
Developer und Designer wagen Prognosen
060 Stencil-Schriften
Prägnante Typo für prägnante Auftritte
NEUES
068 Spannendes aus Bild-, Typo-, Papier- und
Technikwelt
076 Publikationen für Gestalter und Developer
PROJEKTE
080 Rauminstallation für Olympus
Erst Hamburg, dann Berlin: Wir haben Clemens Behr
beim Aufbau und Umzug seines Kunstprojekts begleitet
100 Nachwuchs
Projekte aus Hochschule, Agentur und Forschung 014
PAGE 07.14 005
WERKZEUG
104 Tutorial: iBeacon-Anwendung für iOS 7
Ivo Wessel zeigt Step by Step, wie Sie iOS-Devices für
Beacons und fürs Carsharing klarmachen
BRANCHE
122 Ortsbesuch: JvM-Academy in Hamburg
Jung von Matt und Good School haben gerade die
Ausbildung zum Kreativ-Konzepter gestartet
Foto: Todd Selby
134 Einblicke
Mit wem würden Gestalter gern einmal Zeit verbringen
STANDARDS
003 Editorial
020 PAGE digital mit dem Portfolio von Sven Windszus
144 Impressum/Vorschau
146 Sieberts Betrachtungen
SERVICES
066 PAGE Abo 073 PAGE Einzelheftbestellung
127 PAGE eDossiers 143 Stellenmarkt 145 Shop
PAGE SEMINARE
022 »Infografik. Visual Storytelling« mit Jan Schwochow
038 »Die Design Studio Methode« mit precious
102 »Die Aura des Wertvollen« mit Mario Pricken
120 »Gutes Design entwickeln« mit Jochen Rädeker
121 »Gutes Design gut verkaufen« mit Jochen Rädeker
006 page 07.14 › Signale
Signale
ideen, projekte und Diskussionen
aus Design, Kommunikation
und Development finden Sie hier auf
[Link]
„Wer online
gehässig ist, ist
es auch im
physischen
Leben“ Johnny Haeusler über Online-Pöbeleien im »Scout«-Interview
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Technik-Blocker
● Modekollektion. Wearable Technology ist in –
ob Google Glass oder T-Shirts mit Display. Aber
wollen wir Technik wirklich direkt am Leib tra-
gen, wenn wir doch sowieso permanent auf un-
ser Smartphone starren? Die nordamerikanische
Kaugummimarke Trident aus dem Hause Mon-
delez macht einen Gegenentwurf: Sie hat vom
japanischen Modedesigner Kunihiko Morinaga
eine Kollektion kreieren lassen, die ihre Träger
vor Technik beschützt.
Die Kleidungsstücke bestehen aus einem Ma-
terial, das nicht nur Wind und Regen abweist,
sondern auch Funkfrequenzen – so setzen sie das
Smartphone außer Gefecht. Was das mit Kau-
gummi zu tun hat? Tridents Erklärung: Kauen
hilft vielen Menschen, sich zu konzentrieren –
und genau das soll auch die technikabweisen-
de Kleidung leisten. Die Kollektion heißt ent-
sprechend Focus ([Link]
Zu kaufen gibt es die futuristisch anmutenden
Teile allerdings nicht. Sie waren lediglich in einer
Ausstellung in Toronto zu sehen. nik
page 07.14 011
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Genialer
Unsinn
Vom DIY-Laser-Cutter bis zu als Schokostückchen getarnten
Beacons: fünf Projekte von Künstlern und Start-ups
Motorisierter Zeichenstift
● Maker-Druckwerkstatt. Mit der Installation »Long-
hand Publishers« ( [Link] )
zog das Antwerpener Designkollektiv Indianen ( www.
[Link] ) die Besucher des diesjährigen Graphic De-
sign Festivals Breda in den Bann. In den alten Redak-
tionsräumen der Regionalzeitung »BNDeStem« konn-
ten sie an drei Arbeitsplätzen jeweils eine Buchseite ge-
stalten. An nostalgisch angehauchten Eingabegeräten,
die an Leuchtpulte erinnerten, erstellten die Besucher
grafische Objekte, die sie mittels Drehreglern und Knöp-
fen nach Belieben verfremden konnten. Unter der Retro-
Oberfläche steckte jedoch moderne Technik wie das be-
liebte Maker-Board Arduino Due und ein Open-Source-
Soft warepaket aus openCV und openFrameworks.
Jeweils acht Seiten des kollaborativen Inputs fasste
Indianen am Ende zu einem Buch zusammen. Auch
hier setzte das Kollektiv, dessen Exponate bereits im
New Museum in New York und beim Ars Electronica
Festival in Linz zu sehen waren, auf Originalität: Um
die Seiten zu drucken, fuhr ein Zeichenstift, einge-
spannt in einen Schlitten, Zeile für Zeile über den
Druckbogen Diesen schnitt und falzte das Team, um
die Seiten schließlich zum Buch zusammenzulegen. as
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Moralfrage
Dürfen sich Kreative eigentlich über
Gentrifizierung aufregen?
Dr. Claudia Gerdes antwortet
€14,99 mtl.*
NEU
*Monatlich. Keine Setupgebühr. Keine Mindestvertragslaufzeit. Die Kündigungsfrist beträgt 4 Wochen zum Monatsende. Alle angegebenen Preise inklusive MwSt.
018 page 07.14 › Signale
Die
2 Seiten
„Werkzeug/Spielzeug“
für page interpretiert von
Stephan Herrmann mit dem
arduino-Creator-Kit
↗[Link]
page 07.14 019
020 page 07.14 › Signale
PAGE digital
Was auf unseren digitalen Kanälen passiert [Link]-on [Link] pagemag
Zahlungsplan
Szene. Im neunten Teil unserer Berufspraxiskolum
ne der Allianz Deutscher Designer erklärt Friederike
Sobiech, wie Sie am besten dafür sorgen, dass Kun
den Ihre Rechnungen schnell zahlen. Ein gutes Fun
dament dafür kann man schon im Angebot legen.
Zudem sollte man unbedingt Zwischenrechnungen
einführen. Das vermeidet Konflikte mit den Kunden.
↗[Link]/agd-9
Trend: Linienillus
Bild. Seit einiger Zeit fallen Arbeiten auf, in denen
Linien das beherrschende Gestaltungselement sind.
Vorreiter dieses Illustrationsstils sind Craig & Karl.
Aber auch Mirko Borsche setzte bei Plakaten für die
Bayerische Staatsoper auf satte Umrandungen, ge
nauso wie Magnus Voll Mathiassen, der sie zu sei
nem Markenzeichen machte.
↗[Link]/linienillus0714
PAGE Shop. Ob page Book, Schneidematte, PAGE Newsletter. abonnieren Sie jetzt den
Typometer oder einzelheft – einfach und bequem kostenlosen newsletter und bleiben Sie stets
bestellen auf [Link] up to date ↗[Link]/newsletter
page 07.14 021
Portfolio
des Monats
In jeder Ausgabe stellen wir ein
Mitglied der PAGE Community und
Highlights aus seinem Portfolio vor
Sven Windszus
[Link]/
portfolios/sven-windszus
eDossiers. Best-of-Kompilationen aus page PAGE App. page gibt’s auch im app Store – für ipad und iphone. Doch das
und WeaVe – einfach und jederzeit runterladen Beste: printabonnenten bekommen die iOS-ausgaben gratis dazu. Jetzt
unter [Link] freischalten unter [Link]
page 02.14 061
aNZeIge
pRaXIS
Weitere PAGE Seminare finden
Sie unter [Link]/seminare
Infografik
Visual Storytelling –
Workflows &
Cases
1 Das Wesen der Infografik – Jan Schwochow erläutert im PAGE Seminar anhand konkreter Praxisbeispiele,
Stärken und Schwächen wie eine Infografik entsteht – von der Recherche über die Skizze bis zur Rein-
Was kann und muss eine Infografik leisten, zeichnung und Animation. Er bietet tiefe Einblicke in die Arbeit eines Info-
und wie setzt man diese sinnvoll ein? Was unter- grafikers und beleuchtet das Spannungsfeld zwischen reiner Information und
scheidet eine journalistisch geprägte grafik von guter Gestaltung – wertvolles Know-how vom Designprofi für Designprofis!
einer Visualisierung in der Unternehmenskom-
munikation? Inwieweit können sich Corporate
Infographics an eine bestehende CI anpassen? Das Seminar »Infografik« findet am 18. Juli 2014
im Hotel
gastwerk, Hamburg, von 9 bis 17:30 Uhr statt. Die Teilnahme kostet 648 euro
2 Vom Briefing über die Recherche zur (zzgl. gesetzlicher MwSt.). Die gebühr umfasst die Tagungskosten,
Umsetzung – Cases, Prozesse, Strategien Lunch und Kaffeepausen. Die Teilnehmerzahl ist auf 18 personen begrenzt!
Wie müssen die Basisinformationen für ein gutes also schnell anmelden unter [Link]/seminar
Briefing aufbereitet sein? Wie kommt man an die
relevanten Daten und damit auf die richtige Der PAGE Workshop mit Jan Schwochow lässt genug Zeit für Fragen und Diskus-
Idee? Ist weniger mehr oder mehr Information sionen und den Austausch der Teilnehmer untereinander.
hilfreicher? Wie gewinne ich den Kunden für die
Idee? Wie läuft die abstimmung mit ihm?
page // ebner Verlag gmbH & Co. Kg // info@[Link] //
3 Animation, Interaktion, Multichannel – Telefon: +49 40 85183400 // [Link]/seminar
die Wahl der Mittel und ihre Kalkulation
Wie setze ich Infografiken crossmedial ein? 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 eine statische oder eine interaktive, animierte ist sofort nach erhalt der Rechnung zuzüglich gesetzlicher Mehrwertsteuer ohne abzug zu überweisen. Bei
absage der Veranstaltung seitens der ebner Verlag gmbH & Co. Kg wird die Seminargebühr voll zurücker-
grafik besser? Wie gestalte ich den Workflow stattet. Darüber hinausgehende ansprüche bestehen nicht. Bei Stornierung der anmeldung bis spätestens
und habe die unterschiedlichsten Nutzungsarten 35 Tage vor Seminartermin berechnen wir 50 prozent, ab 34 Tage vor Seminartermin berechnen wir 100 pro-
zent der Teilnahmegebühr. Die Vertretung eines angemeldeten Teilnehmers ist jederzeit möglich. es werden
im Blick? Wie kalkuliere ich eine Infografik? nur schriftliche Stornierungen oder Namenswechsel akzeptiert. es gilt der poststempel.
024 page 07.14 › titel › Jobprofile & gehälter
TiTel
Das
kann ich
Neue Technologien erfordern neue Skill Sets –
was manchmal zu ungewohnten bis skurrilen
Berufsbezeichnungen führt. Wir haben uns in der
Branche umgesehen, Spezialisten nach ihrer
täglichen Arbeit und natürlich nach Karriere- und
Verdienstmöglichkeiten befragt
Das will
ich
026 page 07.14 › titel › Jobprofile & gehälter
Scrum Master
... steuern Projekte auf Basis der agilen
Entwicklungsmethode Scrum.
Dazu müssen sie Moderator, Coach und
Mentor in Personalunion sein
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Foto: edenspiekermann
Ausbildung Schulungen zum Certified ScrumMaster
nach Vorgaben der Scrum Alliance
([Link])
Verdienst laut [Link] ab 4000 euro aufwärts
crumProjekte folgen einer ho »Der Scrum Agenturen allerdings gegen große softwaregetriebe
hen Dynamik, und damit dar ne Unternehmen wie Google, ImmobilienScout24
aus kein Chaos wird, gibt es den Master ist ein oder Zalando behaupten. Zu Beginn der Scrum
Scrum Master. »Am Anfang des König ohne Implementierung ist Scrum Master ein Vollzeitjob,
Projekts führe ich in die Scrum Königreich. da die neuen Abläufe, das Zusammenwachsen des
Regeln ein und sichere ihre Ein Teams und das Erlernen der Rollen tief in beste
haltung«, erzählt Michael Bör Nur durch die hende Strukturen eingreifen. Edenspiekermann hat
ner, Scrum Master bei Edenspiekermann in Berlin. Kraft der bereits vor drei Jahren auf Scrum umgestellt, den
»Vor allem aber sorge ich dafür, dass das Team unge Überzeugung noch muss Michael Börner immer wieder Grund
stört arbeiten kann. Ich interveniere bei mangelnder lagenarbeit leisten.
Kommunikation, bin Schiedsrichter bei persönli hält er das Neben dem fachlichen ScrumKnowhow muss
chen Konflikten und räume Hindernisse aus dem Team auf der der Scrum Master ein aktiver Zuhörer sein und ein
Weg«, etwa wenn der Vorgesetzte einem Teammit
Spur« großes Maß an Empathie, Diplomatie, Lebenserfah
glied während eines Sprints zusätzliche Aufgaben rung und Organisationsgeschick mitbringen. »Des
zuzuschieben versucht. Michael Börner halb sollten nur Seniors ohne überbordendes Ego
Der Scrum Master moderiert Meetings wie Daily (zweiter von rechts) die Rolle übernehmen«, so Börner. Er warnt: »Auf
Scrums oder die meist 14täglichen Review und Account Director keinen Fall darf man als Scrum Master versuchen,
PlanningMeetings. Er gestaltet die Retrospektiven und Scrum Master bei die Rolle des Teamchefs zu spielen, oder dem Team
am Schluss eines Sprints, in denen das Team erneut Edenspiekermann vorschreiben, auf welche Weise es die Arbeit zu er
die Abläufe betrachtet und weiter optimiert. »Das in Berlin ledigen hat.« Der Scrum Master ist zwar eine Füh
Backlog ist unser wichtigstes Arbeitsmittel und zen rungskraft, aber kein Vorgesetzter. Es gehört nicht
trales Steuerungsinstrument. Es gibt jederzeit Auf zu seinen Aufgaben, Arbeitsanweisungen zu geben
schluss über den Entwicklungsprozess. Daher gehört oder disziplinarisch vorzugehen. Seine Rolle ist die
es zu meinen Aufgaben, den Product Owner, der bei eines Servant Leaders – er muss überzeugen, indem
uns immer ein Kundenvertreter ist, daran zu erin er sich der Bedürfnisse des Teams annimmt.
nern, alle Anforderungen festzuhalten und das Back Bevor er 2010 einen zweitägigen Zertifizierungs
log kontinuierlich zu aktualisieren«, sagt Börner, der lehrgang zum Scrum Master absolvierte, war Börner
auch die zwei Scrum Master bei Edenspiekermann fast 13 Jahre klassischer Projektmanager. Aus heuti
in Berlin anleitet. In seiner Funktion als Account ger Sicht würde er ein Studium der Kommunikati
Director leitet er den Bereich Digital Products and onswissenschaften, Psychologie oder Pädagogik als
Services mit dem Augenmerk auf Wirtschaftlichkeit Grundlage empfehlen. Michael Börner ist überzeugt:
der Projekte, Organisation, Ressourcenmanagement »Ein Scrum Master muss die Fähigkeit haben, ande
und agilem Arbeiten. re zu befähigen.« ae
Managing Designer
Management- und Beratungskompetenz wird im Designbereich immer wichtiger.
Wir sprachen mit Claudia Tietge, Teamleiterin User Experience Design bei Phoenix Design in Stuttgart,
über die Aufgaben an der Schnittstelle zum Kunden
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
ls Teamleiterin sind
Sie zugleich Managing
Designer?
Claudia Tietge: Nein, aber teil
weise überschneiden sich die
Aufgabengebiete. Die Position
des Managing Designers etab
lieren wir gerade. Zum einen weil wir unseren Se
nior Designern eine Entwicklungsmöglichkeit ge
ben wollen, und zum anderen weil Phoenix Design
Kunden hat, bei denen wir mehrere Projekte gleich
zeitig betreuen. Da braucht es jemanden, der sämt
liche Aspekte im Blick behält. Einen Gestalter mit
hohem Designanspruch, der Management und Mar
kenkompetenz mitbringt und in größeren Zusam
menhängen denkt. Das heißt, er muss vieles im Blick behalten und
Was gehört zum Aufgabenbereich eines sehr beweglich sein.
Managing Designers? Unbedingt, ein Managing Designer muss ein Orga
Bei Phoenix Design ist er der Ansprechpartner für nisationstalent sein. Er hat sehr viel Projektmanage
den Kunden, bringt aber – anders als ein Berater – menterfahrung, eine hohe soziale Kompetenz und ist
auf jeden Fall einen Designhintergrund mit und ver sehr kommunikativ. Er spricht die Sprache der De
fügt über Wissen in den angrenzenden Designdis »Managing signer und kennt die Möglichkeiten in der Entwick
ziplinen. Er ist also sehr nah am Kunden dran, klärt Designer lung; zugleich spricht er die Sprache des Kunden.
dessen Bedürfnisse, entwickelt mit ihm zusammen Außerdem muss er projektübergreifend denken, die
die Portfoliostrategie und berät ihn vor allem in der
sprechen die Themen Portfoliostrategie und Corporate Design be
Designsprache. Der Managing Designer ist einge Sprache herrschen und über ein gutes Maß an Diplomatie ver
bunden in die Produkt und Markenführung des je der Designer fügen. An vielen Stellen übernimmt er auch die Kon
weiligen Unternehmens, er kennt den Wettbewerb zeptions und Entwurfsaufgaben eines Designers.
und die Bedürfnisse der Zielgruppe. und kennen Mit wem arbeitet der Managing Designer
Intern koordiniert der Managing Designer gleich die Möglich- hauptsächlich zusammen?
zeitig mehrere Projekte. Dabei kann es sich auch um keiten in der In der Agentur mit den jeweiligen Projektleitern. So
interdisziplinäre Jobs handeln, bei denen beispiels ist er selbstverständlich bei Briefings, Feedbackrun
weise Interaktions und Produktdesign, User Tes Entwicklung; den und Präsentationen dabei. Zudem arbeitet er
ting, Programmierung und Modellbau zusammen zugleich mit den Teammanagern, mit denen er sich fachlich
kommen. Angenommen, Phoenix Design arbeitet sprechen sie austauscht und die Projektteams zusammenstellt.
für ein Unternehmen mit vielen Produktlinien oder Natürlich arbeitet er auch eng mit der Geschäftsfüh
systemen. Es entstehen Produkte und Bedienober die Sprache rung zusammen. Auf Kundenseite stimmt er sich
flächen innerhalb unterschiedlicher Projekte, die im des Kunden« mit den dortigen Projektmanagern ab. Er begleitet
Sinne eines stimmigen Corporate Designs entwi Projekte von der ersten Idee bis zur Serienreife.
ckelt werden sollen. In diesem Fal muss ein Mana Claudia Tietge, Wo ist ein Managing Designer
ging Designer die durchgängige Designsprache im Teamleiterin User hierarchisch anzusiedeln?
Auge behalten. Er muss darauf achten, dass das Zu Experience Design Der Managing Director steht nach dem Senior De
sammenspiel von Markentypik und nutzerzentrier bei Phoenix Design signer auf der nächsten Karrierestufe neben dem
tem Design stimmt. in Stuttgart Teammanager und Leading Designer. ant
page 07.14 031
Visual Designer
... sind in digitalen Medien ebenso zu Hause wie in
der Printgestaltung, denn heute sind
medienübergreifende Kommunikationskonzepte gefragt
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
rafikdesigner, Kommunikati
onsdesigner, Screendesigner,
Digital und Creative Designer –
die vielen Bezeichnungen für
den Visual Designer zeigen den
tiefgreifenden Wandel an, den
dieses Berufsbild erfahren hat.
Ordnet man den Begriff Grafikdesigner auch heute
noch eher dem Printbereich zu, so haftet dem Visual
Designer etwas Modernes, Internationales an, das
die Arbeit mit digitalen Interfaces und crossmedia
len Konzepten impliziert. Hier gilt einmal mehr: Be
urteilen Sie lieber die Skills als die Jobtitel!
Immerhin, seit HTML5 und Webfonts Einzug ins
Webdesign gehalten haben, ist die digitale Gestal
tung auch für viele zunächst noch klassisch orien »Als Designer Dazu gehört auch der Mut auszubrechen und Fehler
tierte Grafikdesigner interessant geworden. So be zu machen«, so die Erfahrung von Johannes Ritzel.
richtet Johannes Ritzel, Senior Designer bei AKQA sollte man In Kommunikations und Digitalagenturen ist der
in Berlin: »Bis vor einigen Jahren boten die digita nicht nur am Visual Designer meist für die grafische Umsetzung
len Medien noch nicht so viele gestalterische Mög Computer, von Konzepten verantwortlich, die der Kreativ oder
lichkeiten wie heute. Damals hatte ich im Editorial der Artdirektor entwickelt hat. Doch sein Tätigkeits
und Branding viel mehr kreativen Freiraum.« Des sondern viel bereich beschränkt sich sicher nur im JuniorStatus
halb spezialisierte Ritzel sich zunächst auf Corpo mit der Hand darauf, alles hübsch anzumalen. Mit zunehmender
rateDesign und CorporateIdentityEntwicklung arbeiten, Seniorität entwickelt er selbst visuelle Konzepte,
im Printbereich. Heute ist sein Job bei der Inter die crossmedial zum Einsatz kommen. Daher be
activeAgentur AKQA sehr vielfältig. »Neben dem denn Ideen zeichnen sich manche Visual Designer in Abgren
Visual Design mache ich Konzeption für Pitches, lassen sich oft zung zum Interaction Designer lieber als Creative
Artdirektion und bin auch bei der Umsetzung, zum viel schneller Designer. Die Karriereleiter führt vom Visual Desig
Beispiel bei Fotoshootings, dabei.« ner über die Artdirektion hin zur Kreativdirektion.
Doch egal, ob der eigene Schwerpunkt mehr im von Hand Basis für den Beruf als Visual Designer ist eine
Print oder im Digitalbereich liegt – das Handwerks scribbeln« Ausbildung zum Grafik oder Kommunikationsde
zeug des Visual Designers ist das gleiche. Für eine signer an einer Hoch, Fachhoch oder Berufsfach
Markenwebsite muss er Farbe, Form, Layout und Johannes Ritzel, schule. Johannes Ritzel etwa machte seinen Master
Typografie genauso beherrschen wie für Geschäfts Senior Designer bei am London College of Communication und absol
berichte oder Unternehmensbroschüren. Auch um AKQA in Berlin vierte zuvor an der Arts University Bournemouth
fassende Kenntnisse im Umgang mit Grafikpro seinen Bachelor in Graphic Design, um internatio
grammen sind selbstverständlich. nal arbeiten zu können. »Bei AKQA sprechen wir zu
80 Prozent englisch, arbeiten mit internationalen
Visuelle Konzeption Kunden und internationalen Kollegen zusammen.
Darüber hinaus wird das Verständnis für interaktive So hatte ich es mir vorgestellt.« ae
Konzeption, Nutzerführung und Usability immer
wichtiger. Hier ist es nützlich, WireframingTools zu PAGE eDossier »Kreative Konzepte
beherrschen. »Letztlich ist das Medium egal, es ist visualisiseren«. Das eDossier gibt’s unter
immer eine Designaufgabe, keine Frage der Technik. [Link]
032 page 07.14 › titel › Jobprofile & gehälter
ne große App baut oder lieber sukzessive fünf klei »UX Designer Es ist wichtig, sich gut in andere hineinversetzen zu
ne, die jede für sich etwas wirklich gut können. können. Die nötige Erfahrung sammeln UX Desig
Bisher gibt es kaum festgelegte Ausbildungswege
müssen sich ner als Praktikanten, Trainees oder während ihrer
zum Konzepter. Da man in diesem Beruf interdiszi in den Nutzer Zeit als JuniorKonzepter. »UX Design bietet noch
plinär denkt, kommen verschiedene Bildungswege hineinverset- immer gute Chancen für Quereinsteiger, während
in Betracht. Eine Ausbildung zum Mediengestalter man als Visual Designer ohne Ausbildung gleich
für Digital und Print, Fachrichtung Konzeption und zen können« einpacken kann. Leute, die interdisziplinär den
Visualisierung, schafft eine solide Basis, aber auch Stefan Bodeit ken und nicht so genau wissen, wo sie hingehö
ein Designstudium mit Schwerpunkt Interaction ren, sollten sich freuen, wenn sie in unserem Job
Design oder ein Studium der Kommunikationswis landen, der Überblick sozusagen als Hauptaufgabe
senschaften, Pädagogik oder Psychologie eignet sich. sieht«, resümiert Stefan Bodeit. ae
034 page 07.14 › titel › Jobprofile & gehälter
Verpackungsdesigner
... geben Produkten ein Gesicht. Dabei gilt es es auch viele praktisch-technische
Aspekte zu beachten. Wir sprachen mit Ann Kalkschmidt, Verpackungsdesignerin
bei Peter Schmidt Group in Hamburg, über ihren vielseitigen Beruf
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Jobbezeichnung Verpackungsdesigner,
Packaging Designer
Ausbildung Kommunikationsdesignstudium, viele
Hochschulen bieten Packaging als Studienschwerpunkt an
Verdienst (brutto) ab 3000 euro
2013/2014 2011/2012
Oberes Quartil, Durchschnittliches Unteres Quartil, Durchschnittliches Veränderung
25 Prozent Jahresbruttogehalt 25 Prozent Jahresbruttogehalt
verdienen mehr verdienen weniger
Fachkräfte
Kontakt/Kundenberatung 50.392 € 41.523 € 30.651 € 38.439 € 3.084 €
gestaltung/grafik 45.798 € 35.866 € 27.056 € 34.668 € 1.198 €
Redaktion 47.116 € 44.070 € 32.769 € 41.769 € 2.301 €
Konzept/Strategie 61.511 € 49.503 € 38.061 € 47.912 € 1.591 €
Media/art Buying 48.693 € 40.430 € 30.680 € 39.869 € 561 €
Webdesigner 45.680 € 38.923 € 30.050 € 37.176 € 1.747 €
account Manager Online 61.521 € 50.304 € 35.839 € 46.420 € 3.884 €
Agenturen Freelancer
Senior art Director/ 96 €
Creative Director 104 €
77 €
Umsetzung 3D-grafik 96 €
Quelle: iBusiness Honorarleitfaden 2013, Stand 08/2013, [Link]
66 €
Umsetzung 2D-grafik 86 €
Umsetzung 2D-animation 79 €
88 €
Umsetzung 3D-animation 87 €
96 €
interface Design 70 €
92 €
Screen-/Webdesign 69 €
87 €
69 €
gamedesign 100 €
99 €
Surround-Video-Visualisierung 101 €
Umsetzung VR-Umgebung 99 €
100 €
Berufserfahrung Bruttojahresgehalt
& Gehälter
Online-Marketing-Manager/in unter 5 Jahre 36.262 € Ab sofort stellen wir ihnen in jeder
mehr als 5 Jahre 46.495 € PAGe ein Tätigkeitsfeld vor –
in PAGe 08.2014 den
produktmanager/in unter 5 Jahre 45.920 €
Sounddesigner
Stand 12/2013, [Link]
pRaXIS
Weitere PAGE Seminare finden
Sie unter [Link]/seminare
Die
Design Studio
Methode
Interaktionskonzepte
kollaborativ ent-
werfen
Themen
Web-
Watch
Parallax und Flat Design waren gestern. Nicht zuletzt durch
Technologien wie WebGL, die einen Hauch von Flash verbreiten,
zeichnen sich ganz neue Entwicklungen am Horizont ab.
Wir fragten Kreative, auf welche Webtrends sie setzen ae
page 07.14 041
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
»Sortie en Mer« ist eine Website, die für die Nut
zung von Schwimmwesten wirbt. Ich mag ihre Ein
Simple Experience fachheit und den intelligenten Einsatz der Desktop
Beispiel [Link] Oberfläche, um emotionale Wirkung zu erzielen.
Fan Yasushi Zonno, Associate Creative Director Idee, Konzept und der Produktionsaufwand machen
bei Razorfish, Berlin ([Link])
sie zu etwas Besonderem. Die Story kommt als Full
screenVideo daher. Charles und Julien sind auf einem
Segeltörn. Charles ist Segellaie und als Julien ins
Mein Eindruck ist, dass die Leute zunehmend das Wasser fällt, ist er nicht imstande, das Boot zu wen
Interesse daran verlieren, mit einer Website zu inter den, um ihn aufzulesen. Nun setzt die Interaktion des
agieren. Es ist einfach zu viel Arbeit für eine relativ Users ein, er muss wie ein Wilder scrollen, um Julien
geringe Belohnung (= Inhalt). Stattdessen lehnen vorm Ertrinken zu retten. Die Kameraführung – halb
wir uns lieber im Sofa zurück und lassen uns von unter Wasser, halb darüber – ist erschreckend real aus
spannenden Erlebnissen unterhalten. Außerdem der Perspektive eines Schwimmers aufgenommen.
bieten neuartige Sensoren, besonders in Smart Hört man auf zu scrollen, ertrinkt Julien. Der Film
phones, einen ungewöhnlichen Zugang, Inhalte zu schließt mit dem Rat, auf dem Meer eine Schwimm
entdecken. Da Interaktion immer einfacher wird weste zu tragen, da das Schwimmen auf offener See
und Interfaces transparenter, erhält das Design ei schneller ermüde als in ruhigem Wasser. Für den
ne größere Bedeutung. User ist das Erlebnis ebenso simpel wie emotional.
042 page 07.14 › themen › Webtrends
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Innovative Interfaces
Beispiel [Link]
Fan mike John Otto, Unit Director Digital Creation bei
Philipp und Keuntje, hamburg ([Link]
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Typografische Gestaltung
Beispiel [Link]
Fan Annika Brinkmann, Diplom-Designerin,
Berlin ([Link])
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Content und UX
Beispiel [Link]/de/
Fan Kai Thomas, CeO von Re’Flekt,
münchen ([Link]/de)
Angelika Eckert
fährt auf mini-
malismus ab
und findet die
Website der
amerikanischen
Branding-
Beratung Red
antler (http://
[Link]/
about) sehr
gelungen.
046 page 07.14 › themen › Reisen und damit geld verdienen
Kulturelle Vielfalt
In seinem Kickstarter-
finanzierten Kochbuch
»Spices & Spandex«
dokumentiert Tom Perkins
die verschiedenen Ess-
kulturen – hier Äthopien –,
die ihm auf seiner Fahrrad-
tour von London nach
Kapstadt begegnet sind.
page 07.14 047
Authentische
Einblicke
Der New Yorker Fotograf Todd
Selby porträtiert auf seinem
Blog The Selby Kreative und ihre
Arbeits- und Lebensräume –
und bereist dafür die ganze Welt.
Seine 2008 gestartete Site
wuchs so rasant, dass daraus
Kooperationen mit Airbnb,
Louis Vuitton oder Hennessy
sowie eigene Buchprojekte
entstanden. Das neue Buch
»The Fashionable Selby« nimmt
die Modebranche in den Blick
und stellt Designer, Stylisten,
Schuhmacher et cetera vor.
F
erne Länder, exotische Kul kamen erste Sponsoren an Bord. So stellte macher tritt immer als Protagonist auf und
turen, atemberaubende Na Toyota für den Trip einen Wagen. gibt mittels Voiceover starke Meinungen
turlandschaften – auf Reisen Danach wollten die beiden eigentlich zum Besten. Sein erster erfolgreicher Clip
wird man mit neuen Blick verschnaufen, aber dann ergab sich eine Ko beginnt mit verwackelten iPhoneAufnah
winkeln und inspirierenden operation, die ihr Projekt aufs nächste Le men eines Polizisten, der ihm einen Straf
Eindrücken überhäuft. Jeder bringt Fotos vel heben sollte: Intrepid Travel, australi zettel schreibt, weil er mit seinem Bike nicht
und Videos mit nach Hause, um das Erleb scher Anbieter für Abenteuerreisen, woll auf der dafür vorgesehenen Spur gefahren
te festzuhalten und es Freunden zu zeigen. te seine Sichtbarkeit in den USA erhöhen ist. Es folgen Aufnahmen von Neistat, der
Kreative juckt es dann oft in den Fingern . . . und bot den beiden an, eine Weltreise fi die Untauglichkeit der New Yorker Rad
Könnte man nicht ein professionelles Pro nanziell zu unterstützen. Die dritte Season wege beweist, indem er ungebremst in
dukt daraus machen? Eine Videodokumen führte über 14 Monate in 12 Länder. Inzwi Baustellen, Autos und Mülltonnen hinein
tation? Oder eine Printveröffentlichung? schen gibt es mehr als 140 Folgen von »The fährt, die den Weg versperren.
Meist drängt sich der Alltag dann wieder in Perennial Plate«, und die erfolgreichste, Diese Radikalität stellt Neistat auch in
den Vordergrund und die Reiseeindrücke »10 Things we love about Italy«, wurde auf anderen Clips zur Schau, jeder eine Tour de
vergammeln unsortiert auf der Festplatte. Vimeo 2,2 Millionen Mal angeschaut. Force, ein wildes Abenteuer. Das macht ihn
Um diesen Mechanismus zu durchbre für Werbepartner interessant, die Lifestyle
chen, hilft es, sich schon vor der Reise zu Schöne Oberfläche, verkaufen wollen. Nike trat an ihn heran,
überlegen, wie man sie auswerten könnte. wenig dahinter damit er einen Clip zum Slogan »Make It
Tom Perkins wollte nach seinem Master in Reisevideos sind auf Vimeo ungemein po Count« für den Fitnesstracker FuelBand
International Relations die Länder hautnah pulär und erzielen hohe Klickzahlen. In vie macht. Zusammen mit einem Freund ging
erleben, mit denen er sich in seinem Studi len von ihnen wechseln sich spektakuläre Neistat auf Weltreise, bis ihnen das Geld
um eher theoretisch beschäftigt hatte. Zu Naturaufnahmen mit hektischen Stadtbil ausging – und brachte nach 10 Tagen einen
sammen mit seinem Kommilitonen Matt dern ab, garniert mit ein paar lachenden Clip mit, der vor Abenteuerlust trieft. Ra
Chennels kam er darauf, mit dem Rad von Kindergesichtern. Dies, meist noch in Kom zorfish fragte ihn für MercedesBenz an, ob
London nach Kapstadt zu fahren und da bination mit Zeitraffer oder TiltShiftEf ihm etwas einfiele, »um ein digitales Pub
bei Material für ein Kochbuch zu sammeln. fekten und emotionaler Musik, führt dazu, likum anzusprechen«, wie Neistat in einem
»Die Idee entstand schon in der frühen Pla dass die Filme ähnlich viel über jeweiligen Interview mit »Adweek« verriet. Er stellte
nungsphase. Wenn man eine so lange Reise Länder verraten wie eine Postkarte – schöne bloß ein loses Konzept vor: »Ich verrate nie,
antritt – wir waren 501 Tag unterwegs –, hilft Oberfläche, wenig dahinter. Mirra Fine ist was ich genau mache. Der Kunde kommt
ein fortlaufendes Projekt, den Fokus und sich dieses Trends durchaus bewusst: »Die nicht ans Set, die Agentur kommt nicht ans
die Motivation zu behalten«, berichtet Per Aufmerksamkeitsspanne im Internet ist Set. Ich zeige ihnen den Film, wenn er fertig
kins. Hinterher setzte er die Website www. sehr kurz, viele Zuschauer wollen schnell ist. Wenn sie Zweifel haben, höre ich mir
[Link] auf und rief eine geschnittene, farbenfrohe Videos. Wir be diese gerne an. Wenn alle mit dem Ergebnis
KickstarterKampagne zur Finanzierung dienen dieses Bedürfnis, indem wir pro zufrieden sind, veröffentlichen wir es.«
des Buchs »Spices & Spandex« ins Leben. Land ein Montagevideo mit den Highlights Seine selbstbewusste Haltung und seine
zusammenstellen. Unsere Leidenschaft gilt rebellische attitude verschaffen Neistat viel
Erst Crowdfunding, aber dokumentarischen Porträts, von de Freiraum. Als 20th Century Fox von ihm ei
dann Sponsoring nen wir drei bis vier pro Land produzieren.« nen Clip zum Release des Films »Das er
Crowdfunding ist für viele Kreativreisende Aus den Reisevideos auf Vimeo sticht staunliche Leben des Walter Mitty« wollte,
das Finanzierungsmittel der Wahl, um ihr Matty Brown hervor. Seine Clips sind sehr nahm er das Budget von 25 000 Dollar und
Projekt anzustoßen. Auch Daniel Klein und filmisch, Musik und Soundeffekte vermit flog auf die Philippinen, wo wenige Tage
Mirra Fine warben für ihre Webserie »The teln Atmosphären, die oft poetischen Bil zuvor ein Taifun gewütet hatte, und ver
Perennial Plate« auf Kickstarter um Unter der verdichten sich in schnell geschnitte schenkte Lebensmittel an die Bevölkerung.
stützung, damit sie wöchentlich über nach nen Collagen zu stimmungsvollen Porträts. In einem der neusten Arbeit, »Travel With
haltige Esskultur berichten konnten. Klein »Ich behandle jede Einstellung wie das Teil Style«, für das Modelabel [Link] wechselt
ist gelernter Koch, hat einen Abschluss in eines Puzzles. Ich habe eine vage Vorstel er im Flugzeug seinen Anzug gegen einen
Film an der New York University und enga lung vom Resultat, weiß aber noch nicht roten Schlafanzug – seine Schlafbrille hat
giert sich für Nachhaltigkeit. Er suchte nach genau, wo welches Teil hinkommt«, erklärt er mit »Fuck off« bekritzelt.
einem Projekt, bei dem er diese drei Inte Matty Brown. »Um den Videos eine narra Neistats Einstellung zum Filmemachen
ressen verbinden konnte. tive Qualität zu verleihen, gestaltet ich sie und zum Reisen ist kompromisslos: »Ich
In der ersten Season von »The Perennial eher persönlich als dokumentarisch. Ich gehe mit einem sehr offenen Geist in die
Plate« bereiste Klein Minnesota und veröf versuche eine Intensität zu erreichen, bei Welt hinaus. Ich suche nach Konflikten, ich
fentlichte 52 Episoden darüber, wo gutes der es dem Zuschauer so vorkommt, als suche nach dem Unbekannten. In den Kon
Essen herkommt und wie man es genießen sähe er meine Erinnerungen.« flikten finde ich die Storys, dafür brauche
kann. Darüber konnte er sich einen festen ich keine Storyboards.« Das Verhältnis zu
Zuschauerstamm aufbauen, bald schalte Ein starker Protagonist ist den Marken, die er bewirbt, sieht der Filme
ten 10 000 pro Woche ein. Die zweite Sea interessant für Werbekunden macher so: »Als Zuschauer interessiere ich
son führte ihn und seine Freundin Mirra Auch Casey Neistat, der seine Videos auf mich für Menschen. Warum sollte ich mich
Fine durch Nordamerika. Auch hier half YouTube veröffentlicht, hat einen unver für ein Auto oder ein Armband interessie
wieder eine KickstarterKampagne, zudem wechselbaren Stil. Der New Yorker Filme ren, das meinen Energieverbrauch misst?
Hosting mit
Shortcuts.
Mit Agentur-Tools Ideen sofort umsetzen.
[Link]
050 page 07.14 › themen › Reisen und damit geld verdienen
Meine Arbeiten sind character driven, ternet ein Publikum aufzubauen, muss man
ich bin immer der Hauptdarsteller. Wenn regelmäßig Inhalte veröffentlichen und so
mir die Zuschauer zuhören, interessieren ein Thema besetzen. Dafür ist ein langer
sie sich wohl dafür, was ich zu sagen habe.« Atem vonnöten. Man sollte also sein Rei
Running Wild sen nur dann kreativ auswerten, wenn man
Der New Yorker Filmemacher Casey Neistat Authentische Geschichten Spaß daran hat. Außerdem muss man sich
reist, finanziert von großen Marken wie
Features zum Leben von Kreativen gibt es bewusst sein, dass die Ungezwungenheit
Nike oder Mercedes-Benz, um die Welt und
veröffentlicht Videos seiner Abenteuer auf
viele im Netz, in Deutschland hat sich etwa einer Reise durch ein kreatives Projekt ein
YouTube. Er stürzt sich meist unvorbereitet in der Blog iGnant etabliert. Neben Videos, geschränkt wird. Will man immer eine Ka
waghalsige Abenteuer, was seinen Arbeiten Fotostrecken und Texten zu Kunst, Design, mera mit sich rumschleppen? Will man bei
viel Spontanität und Glaubwürdigkeit verleiht. Fotografie und Architektur findet sich dort jedem Erlebnis darüber nachdenken, wie
seit 2011 auch die Rubrik »iGnantTravel«. man es mit der Kamera einfangen kann?
»Es geht um die Lust am Reisen und das Oder will man den Moment genießen?
Entdecken fremder Orte und Kulturen, aber Mirra Finna von »The Perennial Plate«
auch der eigenen Kultur. Oft werden wir zu hat eine klare Meinung dazu: »Ich bin so
Veranstaltungen in der ganzen Welt einge froh, dass ich auf diese Weise reisen darf.
laden. Zuletzt waren wir auf einem viertä Wir besuchen Länder, um das wirkliche
gigen Roadtrip durch die USA nach Detroit Leben und abseits der ausgetretenen Pfa
unterwegs, bei dem ein tolles Video ent de die Menschen kennenzulernen. Wenn
standen ist, oder einen Tag auf der Design wir jemanden porträtieren, verbringen wir
Week in Mailand«, erzählt Chefredakteurin ein bis zwei Tage mit ihm, treffen seine Fa
Caroline Kurze. Auch sie betont, dass der milie und essen in seinem Haus. Diese Er
persönliche Blickwinkel entscheidend für fahrungen sind unglaublich intensiv und
die Qualität der Reisegeschichten ist: »Uns für mich die schönste Art zu reisen.« Au
ist wichtig, ein authentisches Gefühl von ßerdem zwinge einen ja keiner, immer die
dem Ort zu vermitteln. Der Leser soll ja das Kamera rauszuholen, wie Tom Perkins be
vorfinden, was wir ihm auf dem Blog zei tont: »Wenn man sich bewusst dazu ent
gen. Im Unterschied zu Bildern in Reisefüh scheidet, einen Moment für sich zu genie
rern, die so überarbeitet sind, dass sie nicht ßen, macht es ihn nur umso intensiver.
mehr der Realität entsprechen.« Man denkt dann nicht daran, wie man ihn
Fast allen vorgestellten Projekten ge am besten durch ein Medium reproduzie
mein ist ihr serieller Charakter. Um im In ren kann – die Vergänglichkeit des Mo
ments ist deutlich spürbar. Das kann ein
großartiges Gefühl sein.«
Reisen und Arbeiten sind für die vorge
stellten Kreativen also kein Gegensatz. Um
den Bildern Leben einzuhauchen und die
Reiseerfahrungen spürbar zu machen, set
zen sie auf ihre persönlichen Erfahrungen
vor Ort. Es gelingt ihnen, den Reiseorten
ihre ganz individuellen Geschichten zu
entlocken. Enthusiasmus und Leidenschaft
für die Kulturen, die sie kennenlernen,
zeigen sich darüber hinaus in der Bildspra
che – und dieses Gefühl überträgt sich auf
den Zuschauer! So werden aus Reisen Ge
schichten, die Lust machen, die Welt zu
entdecken. Simon Ruschmeyer
Atmosphärische
Erinnerungsbilder
Matty Brown kombiniert in seinen Reise-
videos Landschaftsaufnahmen mit
Menschen und Detailbeobachtungen,
die intensive Atmosphären erzeugen.
So erschafft er persönliche Erinnerungs-
geschichten. »Tenerife – The Edge of the
World« entstand für das Projekt »7 Stories«
des kanarischen Tourismusverbands.
052 page 07.14 › themen › Cannes Lions 2014
Matthias Harbeck
steht auf Humor
Geschäftsführer Kreation bei
Serviceplan Campaign,Juror in der
Kategorie Promo & Activation
Epic
Welche arbeiten haben in diesem Jahr einen
Cannes-Löwen verdient? Juroren
verschiedener Kategorien stellen ihre Favoriten
vor. Bei einem sind sich (fast) alle einig nik
054 page 07.14 › themen › Cannes Lions 2014
Eric Schoeffler
schätzt Perfektion
Chief Creative Officer der
DDB Tribal Group,
Juror in der Kategorie Cyber
● Auch auf die Gefahr hin, dass jeder ihn nennt: Der
»Hornbach Hammer« von Heimat ist mein absoluter
Favorit. Viel muss man zu der Idee nicht sagen – jeder
kennt sie. Und genau darin zeigt sich die Größe der
Kampagne. Niemand kann sich ihrer überraschen
den Story entziehen, niemanden lässt ihre heraus
ragende Ausführung kalt. Chapeau! Genial!
Auch mein zweiter und dritter Tipp sind made in
Germany. Die »Two Sides«Plakate, die Philipp und
Keuntje für Reporter ohne Grenzen entwickelt hat,
sind ein Paradebeispiel für intelligente Werbung.
Nicht nur die innovative Nutzung des Allerweltsme
diums CityLightPoster macht die Idee für mich au
ßergewöhnlich, sondern die Art, wie sie den Betrach
ter involviert. Hier wird niemand schockiert oder
provoziert. Stattdessen animieren die Motive, wie ein
Reporter zwischen den Zeilen – oder besser formu
liert Folienwechseln – zu lesen.
Last, but not least, begeistert mich die »Shiftogra
phy«, die Lukas Lindemann Rosinski für den Sprin
ter von MercedesBenz gestaltet hat. Eine eigene
Schrift für ein Nutzfahrzeug, die nicht im Design
atelier entworfen, sondern tatsächlich am Steuer
des besonders leichtgängigen Sprinters erarbeitet
wurde. Besser und einfacher kann man den Pro
»Two Sides« für Reporter ohne
duktnutzen nicht übersetzen. Grenzen, Philipp und Keuntje
[Link]
page 07.14 057
Claudia Fischer-
Appelt fiebert bei
Game Shows mit
Partner bei Karl Anders,
Jurorin in der Kategorie Design
● Was Sagmeister & Walsh für Adobe aus dem Hut gezau
bert hat, lässt mein Designerherz hüpfen. Die Aufgabe war
denkbar einfach: das Logo neu zu inszenieren. Statt sich in
den üblichen GrafikdesignSchubladen aufzuhalten, haben
sich die beiden eine Game Show Challenge rund um das
Zeichen ausgedacht. In mehreren Episoden kämpfen sie
vor einer renommierten Jury um die besten Ideen für die
Gestaltung der Logobuchstaben.
Mit bestem Humor und jeder Menge Ironie nehmen Ste
fan Sagmeister und Jessica Walsh den kreativen Gestaltungs
prozess auf den Arm und konterkarieren die Bedeutung von
Logos (»Don’t touch the logo!«). Sie stoßen es vom Thron.
Und das alles auf absolut höchstem visuellen Niveau. Das
gesamte ikonenhafte Setting ist großartig: Farben, For
men, Sound, Glücksrad, Arena und ein TopStyling. Mehr
geht eigentlich nicht, aber der großartige Moderator Todd
»Sagmeister x Walsh« für Adobe,
Newton setzt doch noch einen drauf. Super! Sagmeister & Walsh
[Link]
058 page 07.14 › themen › Cannes Lions 2014
Goetz Ulmer
mag’s bewegend
Geschäftsführer Kreation bei
Jung von Matt/Alster, Juror in
der Kategorie Press
onlinE
E-commErcE mobilE
markEting
[Link]
060 page 07.14 › themen › Stencil-Schriften
Durch
Lange assoziierte man Stencil-Fonts vor allem
die eigenwilligen Schablonenschriften Corpo-
● Meine erste Begegnung mit Stencil-Fonts fand vor vielen, vie- Stencil Germany No.1, manchmal eleganter wie Dala Floa oder
len Jahren beim Zahnarzt statt. Wer gut geputzt hatte, durfte sich Dala Moa von Paul Barnes oder auch mit verschiedenen Ebenen
etwas aus dem Grabbelkorb aussuchen – ich nahm ein Lineal mit wie Stela Ut von Joan Ramon Pastor (siehe Seite 63 ff.). Und im-
ausgestanzten Buchstaben, mit denen sich Schablonenwörter mer häufiger tauchen sie im Kommunikationsdesign auf, in Lo-
zeichnen ließen. Charakteristisch für all die Schriften, die man gos und Erscheinungsbildern, auf Verpackungen, Hauswänden,
heute als Stencils bezeichnet, ist, dass die Buchstaben oder Zah- als Webfonts und in Apps. Als ich neulich ein paar Tage in Dublin
len an manchen Stellen durchbrochen sind, nämlich dort, wo das war, sprangen sie mir überall entgegen: auf Plakaten, in Schau-
Zeichen in der Schablone gehalten wird. fensterdekorationen, auf Guiness-T-Shirts und sogar im Auftritt
Einst wurden sogenannte Schablonierschriften verwendet, um des General Post Office, vor dem Rebellenanführer Patrick Pearse
Fässer, Kisten, Eisenbahnwaggons oder militärisches Gerät zu am Ostermontag 1916 die Unabhängigkeit Irlands proklamierte.
beschriften. Auch Jan Tschichold experimentierte mit Stencil- Der Boom der Stencil-Fonts hat mit ihrer industriellen und den-
Buchstaben, im Jahr 1929 zeichnete er Entwürfe für ein solches Al- noch handgemachten Ästhetik zu tun. Dabei bieten die vielen Va-
phabet, aus denen Klaus Sutter die digitale Iwan Stencil entwi- rianten jede Menge Spielraum für Projekte, die mit den ursprüng-
ckelte (2009 bei Linotype erschienen). 1937 hatten gleich zwei lichen Einsatzgebieten Transport, Militär und Graffiti nichts zu
Schriftgestalter die Idee, eine Stencil für den Satz zu entwerfen: tun haben müssen. Die hier gezeigten Anwendungen veranschau-
Robert Hunter Middleton und Gerry Powell. lichen das Spektrum an Möglichkeiten und inspirieren Sie viel-
Heute gibt es Stencil-Fonts wie Sand am Meer, manchmal wie leicht, selbst einmal mit Stencil-Fonts zu gestalten. Dazu stellen
die Vorbilder kräftig und streng, zum Beispiel Andreas Seidels Vtg wir auch fünf schöne neue »durchbrochene« Schriften vor. ant
page 07.14 061
bruch
mit Street Art und Militär, heute bereichern
rate Designs, Verpackungen und Kampagnen
Heimat Stencil
12 Schnitte, circa 170 Euro
↗[Link]; [Link]
Stela Ut
3 Schnitte, rund 10 Euro
↗[Link]
Abgelenkt Försvarsmakten
Free-Font Gunplay
↗[Link]/fonts/typodermic/gunplay
Maskulin Danmark
Font Danmark, 5 Schnitte, circa 225 Euro
↗[Link]
%
PAGE im günstigen Studentenabo
Für alle, die studieren oder in Ausbildung sind:
Volle Infos zum günstigen Preis. Das Studentenabo
bietet alle Vorteile des Jahresabos!
Kein Om
Und auch Räucher-
stäbchen gibt’s
nicht in den Yoga-
Bildwelten von
Björn Ewers. Das
talentierte
Model ist Lena
Fishman von m4.
Page 07.14 069
»Spannende
Typo vor dem
Verschwinden
bewahren«
Zu Oliver Lins Leidenschaf
ten gehört das Fotografieren
urbaner Typografie. Zum Glück
lässt er uns über den Agentur
blog [Link]/blog daran
teilhaben. Wir sprachen mit
dem heute in Berlin lebenden
Kreativen über seine Beweg
gründe für das Projekt. ant
1 Kurz vorgestellt
2 Storytelling in 5 Minuten. Mit Voice hat Adobe
Publikationen
1 »Dinge drucken«. Gemeinsam mit dem belgischen Designstudio
Unfold, das zu den Avantgardisten des 3D-Drucks gehört, brachte der
Gestalten Verlag diesen Überblick heraus. Der Text- und Bildband bietet
eine 54-seitige, glänzende Einführung in Technik und Theorie des 3D-
Drucks (Ästhetik, Urheberrecht, Geschäftsmodelle et cetera) und zeigt
rund hundert ziemlich aktuelle experimentelle, künstle-
rische und studentische Fallbeispiele. Keine Frage, nach
wie vor sind reichlich Gefäße, Stühle und Schmuck zu
sehen. Doch es geht immer auch um Zukunftsweisendes,
wie etwa den Einsatz organischer Materialien anstelle von
Kunststoff oder eine intuitivere Formgebung für alle, die
Claire Warnier und Dries keine 3D-Programme beherrschen. Bis das Dinge-Dru-
Verbruggen: Dinge
drucken. Wie 3D-Drucken cken die Massen erreicht, dauert es aber garantiert noch.
das Design verändert.
Berlin (gestalten) 2014, Erst mal heißt es: Designer an die Macht! Dieser Text- und
256 Seiten. 39,90 euro.
ISBN 978-3-89955-529-5 Bildband ist das perfekte Starter-Kit.
2 »Golden Meaning«. Ob Webdesigner, Typo- 3 »Goldrausch & Werther«. Wann waren Sie zu-
graf oder Friseur, der Goldene Schnitt geht jeden letzt im Antiquariat? Haben die Jüngeren überhaupt
Gestalter an – verkörpert das schon den alten Grie- schon mal in einem gestöbert? Einstmals, bevor es
chen bekannte Teilungsverhältnis doch angeblich das Internet gab, spielten Antiquariate auch bei
das Geheimnis idealer Proportionen. Wie vielsei- der visuellen Recherche eine wichtige Rolle. Jürgen
tig sich diese ästhetische Grundformel anwenden Holstein, auf Kunst und Architektur spezialisier-
lässt, zeigt ein Büchlein von GraphicDesign&. Der ter Berliner Antiquar, sammelte jahrelang Antiqua-
Londoner Miniverlag zweier renommierter De- riatskataloge aus aller Welt, die er nun in einem üp-
signexpertinnen bat 55 herausragende Gestalter pigen, von ihm selbst verlegten Bildband präsen-
aus aller Welt, den Goldenen Schnitt visuell zu in- tiert ([Link]). Kein Spezialgebiet
terpretieren; natürlich ist 55 eine Zahl aus der eng bleibt ausgespart, sei es altenglische Gartenkunst
mit diesem verbundenen Fibonacci-Folge (1, 1, 2, oder Vampirismus. Früher, so Holstein, wurden
3, 5, 8, 13, 21 . . .). Die Ergebnisse reichen von Pa- jährlich Hunderttausende Kataloge verschickt –
pierskulpturen über eine Processing-Anwendung sein Buch sei ein »informativer Nachruf« auf die
bis hin zu Überlegungen bezüglich der perfekten Gattung, von der wir hoffen, dass sie noch nicht
Haarlänge. Alles ist gülden auf ungestrichenem ausstirbt. Also, rein ins nächste Antiquariat! Inspi-
Papier gedruckt. rierende Fundstücke sind garantiert. cg
1
Norwegen für alle
Die Kartografen haben die
Geodaten freigegeben – seit
her kann sich jeder Interes
sierte bei Benglers Terrafab
([Link]
sein Stück Norwegen drucken
3
Bedrohte Spezies
Trotz Totenkopf: Antiqua
riatskataloge leben
weiter. Dieser stammt
aus dem letzten Jahr
Foto: Richard Hubert Smith
1 : 1618 . . .
George Hardie übertrug
das perfekte Maß
auch in die dritte und
vierte Dimension
078 page 07.14 › NeUeS › publikationen
Kurz vorgestellt
4 Neue Grafik/New Graphic Design/Graphisme
Traumhäuser
Eine gewisse Patina lässt die Bauten von Filip Publikationen. Weitere Buchempfehlungen
Dujardin realistisch wirken – auf den zweiten Blick für Kreative in Design und Development lesen
entpuppen sie sich allerdings als impraktikabel Sie auf [Link]/buecher
t iv
p e k
e r s
P
page 07.14 081
Projekte
le r
p i e
s
Fü r
f l a
z
ge
w eite sstel :
die des A OMD nd«
e k
u
ts » ygrou der
Au spro j
h y Pla sierte igner
g li s
lun ograp s rea nd De bare r
h o t p u r u e h i m me
P m le eg
n Oly Künst ine b er sich to
vo ner hr e n, in d de Fo n das
rli B e n e
Be ens allati
o
ü ffe ir hab
m b l
Cle t
ins e, ver tun. W
m u
Rau er ne n auf
d e
wie pektiv leitet
s g
per kt be
je
Pro
Foto: Miguel Martinez
082 page 07.14 › projekte › rauminstallation by Clemens Behr
page 07.14 083
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
PROJEKT rauminstallation »Zinnowitzer
Straße« für die olympus-Ausstellung
»oM-D: Photography Playground« in
Hamburg und Berlin
ZIEL Promotion für die neue olympus-
kamera oM-D e-M10
KÜNSTLER Clemens Behr, Berlin
([Link])
KUNDE olympus Deutschland GmbH,
Hamburg ([Link])
ZEITRAUM ende januar bis zur Berliner
Ausstellungseröffnung am 9. April
TECHNIK Google SketchUp, Holzlatten,
Sperrholz, Farbe, Spiegel, Neonröhren
war das
men hochladen konnten ([Link] indem er sie auf Augenhöhe durch Li-
contest_galerie). nien verband und so geschickt Sicht-
Flüchtige Kunst, präzise Spannende an achsen durch den Raum schuf. Rund
vier Wochen arbeitete er nach der Er-
geplant und dokumentiert
diesem Pro- öffnung an der Installation – vor den
jekt! Hamburg
Draußen überleben Behrs Skulpturen Augen der Besucher, die sie auf der
meist nicht lange. Daher plant er sie Suche nach neuen Ansichten mit der
stets so, dass sie sich gut fotografieren
und dokumentieren lassen. »In diesem
und Berlin Kamera erkundeten.
Fall war das besonders wichtig«, sagt sind ja auch sehr Perspektivspiel durch
monochrome Flächen
er. »Damit es auf den Bildern der Aus-
stellungsbesucher viel zu entdecken verschieden« Schwarz, Weiß und Grautöne – die
gibt, verbaute ich neben Holzlatten und farbreduzierte Farbpalette hatte ganz
Clemens Behr,
-platten auch Spiegel und Neonröhren. Künstler und Grafiker, Berlin
pragmatische Gründe, erklärt Clemens
Die Röhren eignen sich besonders, um ([Link]) Behr. Ein Grund lag im Anstrich der
das Werk gleichmäßig auszuleuchten – Ausstellungsräume – vor allem aber
Spotbeleuchtung mag ich nicht, dann eignete sich diese Farbigkeit besonders
wirkt alles so wie auf einer Bühne.« gut für das Verwirrspiel mit den diversen Raumebe-
Nach der ersten Begehung der Räume im ehemali- nen, das dem Künstler vorschwebte: »Weil Schwarz
gen Technikkaufhaus Brinkmann in der Hamburger das Licht schluckt, kann man damit leicht Tiefenil-
Innenstadt Ende Januar nahm das Projekt sehr schnell lusionen schaffen«, so Behr. »Weiß erzeugt einen
konkrete Formen an. Behr hielt seine Idee in mehre- schwachen Kontrast zur Umgebung, das schafft Ver-
ren Skizzen fest und erstellte in Google SketchUp ein wirrung, man muss zweimal hinsehen.«
simples 3D-Modell, das er mit der Kreativleitung um Ein weiteres Mittel, die Raumkonstruktion zu er-
Leigh Sachwitz besprach. »Normalerweise arbeite weitern oder Materialien zu imitieren, sind die Spie-
ich lieber intuitiv in den Raum hinein«, erläutert er. gel. Im richtigen Winkel angebracht, reflektieren sie
»Dass ich zum ersten Mal nach Entwurf vorgegan- die Umgebung – in diesem Fall etwa Betonwände,
gen bin, lag an der Kürze der Zeit.« Denn bis zum Aus- ohne dass man selbst Beton verarbeiten muss. Gut
stellungsbeginn blieben Behr nur drei Tage, um das so, denn das Ungetüm aus Holzlatten, Spiegeln und
hölzerne Grundgerüst aufzubauen. Als es stand, ver- Sperrholz sollte ja noch umziehen.
kleidete Behr die einzelnen Elemente und Säulen Man könnte meinen, eine mit so viel Liebe zum
mit Sperrholzplatten, die er vor Ort zurechtsägte. Detail erstellte, ortsspezifische Arbeit in eine voll-
page 07.14 085
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Übr de
Wölchlii
Komplett responsiv kommt der Website-Relaunch für die
schweizerische Traditionsairline Swiss daher.
Neu an Bord: die integrierte Erlebniswelt World of Swiss.
PAGE beschreibt, wie Hinderling Volkart in unzähligen
Iterationen Detail um Detail optimierte und schließlich der
Performance einen erstaunlichen Schub verlieh
088 page 07.14 › projekte › [Link]-relaunch
page 07.14 089
● Ein wenig in die Jahre gekommen war die alte Linke Seite: Projekt- entstehen eigentlich die Qualitätsprodukte für die
Website der Fluglinie Swiss. Zwar hatte Hinderling leiter Sebastien Donzel, typisch schweizerische Bordverpflegung?
Volkart als digitale LeadAgentur bereits Hand an Kreativdirektor Michael »Die Themen passten perfekt zu den Markenwer
Hinderling und Artdirektor
die Homepage gelegt, doch gerade in Bezug auf In ten von Swiss und boten zugleich genug Potenzial
Milo Peter (von links) bei
halt, Form und Interaktion war die alte Website der Konzeptionsarbeit
für eine interessante Umsetzung«, freut sich Michael
nicht mehr auf dem neuesten Stand. Also lud Swiss in der Agentur. Darunter Hinderling. So mühelos wirkt das Ergebnis, dass
im September 2012 acht Agenturen aus der Schweiz das Resultat, die respon- man gern vergisst, wie viel Arbeit insgesamt darin
und aus Deutschland zum Pitch, aus dem Hinder sive Website von Swiss. steckt: Über 70 potenzielle Videosujets recherchier
ling Volkart als Gewinner hervorging. »Mit dem Re Oben: Scribble zum ten die HinderlingVolkartKonzepter gemeinsam
launch von [Link] wollten wir ganz klar responsiven Konzept mit ihrem Bewegtbildpartner Lauschsicht, der prak
der Erlebniswelt
eine Benchmark setzen«, sagt Creative Director und tischerweise gleich im selben Haus sitzt. Für die
Partner Michael Hinderling. »In der Verbindung von Umsetzung der World of Swiss benötigte das Team
Technologie, Kreation und Innovation versuchen dann rund zehn Monate – parallel zu dem eigent
wir immer ganz neue Wege zu gehen.« Das Ziel: eine lichen WebsiteRelaunch.
responsive Website, über die sich Flüge verkaufen Vier Navigationsebenen bietet die World of Swiss
lassen und die die Besucher schnell und dabei über ihren Besuchern. Zunächst wäre da das Bergpano
sichtlich informiert. rama (von den UX Designern bei Hinderling Volkart
Ground Layer genannt). Über klickbare Teaser ge
Flüge checken über den Wolken langt man in den sogenannten Cloud Layer, wo der
Hinter dem Menüpunkt »Fliegen« der neuen Web User alle erdenklichen Informationen in Filmen,
site verbirgt sich eine ganz eigene Welt. Die World Slideshows und verlinkten Karten sowie aufpoppen
of Swiss ist eine eigenständige interaktive Plattform, den Bildern und Texten erkunden kann. Die Videos
auf der User hinter die Kulissen der großen, tradi enthalten beispielsweise eine ganze Reihe von Hot
tionsreichen Schweizer Fluggesellschaft blicken kön spots, die bei Rollover die Bewegung einfrieren
nen: Von einem beeindruckend realistisch animier und punktuell spezifische Informationen freigeben.
ten Wolkenritt aus gelangt man auf überraschenden Die dritte Ebene – über den Wolken, Fleet Layer ge
Klickwegen in die unterschiedlichsten bildschirm nannt – präsentiert sämtliche Flugzeugtypen der
füllenden Videos, die Fragen beantworten wie: Wie Flotte. Jeder ins Bild schwebende Flieger offenbart
bereitet sich die Crew auf den Flug vor? Was für auf Klick seine Flugrouten – inklusive der aktuel
Flugzeugtypen sind Teil der Flotte? Was macht den len Position auf der Echtzeitweltkarte der Webseite
Service in der Business Class aus? Oder wo und wie (Live Route Network).
090 page 07.14 › projekte › [Link]-relaunch
Am Anfang der World of Swiss stand die Vision Ein bewegender Moment: »Die gesamte SwissWebsite ist responsiv. Nur für
einer dreidimensional animierten, interaktiv erleb die Swiss-IT-Abteilung kurz die World of Swiss gibt es noch keine mobile Version.
baren Welt. Die Designer visualisierten dies so gut nach der Live-Schaltung Leider fehlte uns die Zeit dafür«, bedauert Michael
es ging auf Papier und starteten dann sehr schnell Hinderling. Die Seite würde zwar auf modernen mo
mit einem Prototyp in HTML. Danach folgten etliche bilen Geräten laufen, doch die Darstellung und Be
Iterationen von Design, Konzeption und Program dienung lässt sich bisher nicht responsiv skalieren.
mierung, bevor endlich der Eindruck einer perfor Die Typo wäre zu klein und die Bedienung zu kraxe
manten Erlebniswelt entstand. lig geworden. Deswegen entschied sich die Agentur
gegen die mobile LiveSchaltung. »Da die Erlebnis
Agile Platzrunden durch die welt den User dazu bewegen soll, die Inhalte explo
Browsersysteme rativ zu erkunden und das auf mobilen Endgeräten
Nun sind die Iterationen ja eigentlich nichts Neues ohnehin nur beschränkt sinnvoll ist, erschien uns die
für ein agiles Projektteam. Doch im Falle von Swiss mobile Variante hier am ehesten verzichtbar.«
drehten die Interaction Designer und Entwickler je Dennoch existiert jetzt ein Bruch für alle, die mo
weils zahlreiche Extrarunden, bis die Performance bil auf [Link] surfen und von dort auf die World
stimmte. »Während der Entwicklung hatten wir vie of Swiss gelangen wollen. »Deshalb wird die Optimie
le Abstürze wegen Speicherüberlastung und Perfor rung der mobilen Version das Erste sein, was wir in
manceprobleme«, erinnert sich Severin Klaus, Head Phase zwei umsetzen«, so Hinderling. Ein weiterer
of Development und Partner bei Hinderling Volkart. Punkt, der noch auf seine Realisierung wartet, ist die
»Wir brauchten sehr viel Zeit, bis wir die Anima Möglichkeit nutzergenerierten Contents. Das Kon
tionen und Grafiken so weit hatten, dass sie unserer zept von Hinderling Volkart enthielt die Vision, dass
Vorstellung entsprachen.« Die Developer entwickel sich User auf dem Live Route Network einchecken,
ten zuerst sehr viel in Googles ChromeBrowser: damit Freunde, Kollegen oder die Familie nach
Bei der ersten Iteration ging es sozusagen erst ein verfolgen können, wo sie sich gerade befinden.
mal nur um let the baby walk – somehow. Rund anderthalb Jahre liegen hinter dem Team.
»Im Hinterkopf hatten wir natürlich die Browser Keine Frage, es hat einen beeindruckenden agilen
Einschränkungen. Wir wussten also, dass wir we Kunstflug hinter sich, auf dem ihm ein konsistenter
der WebGL noch durchgehend 3DTransformatio Rundumblick auf die Welt von Swiss International
nen einsetzen konnten«, so Klaus (siehe Seite 92 f.). Air Lines gelang. »Wir sind sehr zufrieden und stolz
Später weiteten die Developer das interne Testing mit dem, was wir erreicht haben«, erklärt Michael
auf die anderen Desktopbrowser und den iOSBrow Hinderling. »Alle Beteiligten einte das Streben nach
ser Safari aus. In einem letzten Schritt folgte daran Perfektion, und das hat die gegenseitige Motivation
anschließend eine ausgiebige Durchlaufprobe, in zusätzlich befeuert.« So zuverlässig wie in einem
der erstmals auch Testkandidaten von Swiss mit Schweizer Uhrwerk folgte bei Hinderling Volkart die
machten. Diese teilweise externen Sitzungen zogen große Relaunchparty, bei der das gesamte Team auf
sich über fünf Releases. die erfolgreiche Arbeit anstieß. ae
page 07.14 091
iOS, und der Code muss übergreifend nur einmal gepflegt wer
den. Die Apps funktionieren mit der sogenannten Hybridtech Die größte Herausforderung beim Responsive Design ist die
nologie, die responsive Webinhalte mit wenigem nativem Con Vielfalt an Browsern mit ihren unterschiedlichen »Eigenhei
tent (zum Beispiel dem nativen Menü) kombiniert. ten«. Zum Beispiel verhielt sich der Browser auf dem Smart
Zudem deckt die responsive Lösung noch diverse weitere phone Samsung S4 in Android 4.2.2 in kritischen Punkten er
Zwischengrößen ab und ist damit optimal für die Zukunft aus staunlich anders als in der gleichen AndroidVersion auf Sam
gerichtet. Um die wichtigsten Größen und Hersteller einzube sung S3. Das Samsung S4 wiederum wollte den Borderradius,
ziehen, definierten Hinderling Volkart und Swiss vorab eine der runde Ecken beschreibt, partout nicht erkennen und stell
Liste der priorisierten Geräte/Betriebssystemkombinationen. te sie mit schöner Hartnäckigkeit eckig dar. Microsoft wie
Ganz zuoberst standen etwa die iOSGeräte, danach diverse derum hat die TouchEvents nicht oder anders implementiert
Androids (etwa Version 4.2.2 auf Samsung S4), dann Windows (PointerEvents) als andere Geräte. Die Liste geht unendlich
Mobile 8 und eher am Schluss das BlackBerry Z10. weiter: Die Anzahl der Browser ist um ein Vielfaches gewach
sen, und für Developer wird es immer schwieriger, eine ver
Technische Umsetzung nünftige Breite abzudecken.
Zunächst begann die Agentur mit dem wohl wichtigsten Schritt,
dem Aufbau des responsiven Layouts auf Basis eines eigenen Testen im Device Lab
Gridsystems. Dabei verankerten die Developer einen Teil des Um die Lauffähigkeit kontinuierlich zu prüfen, hat Hinderling
Designs direkt in HTML und nicht in CSS – nur so ließ sich die Volkart ein kleines Device Lab eingerichtet, in dem rund 15 der
Umsetzung in dieser Größenordnung und Qualität überhaupt gebräuchlichsten Geräte für Testzwecke bereitstehen. Außer
ermöglichen. In CSS wäre die schiere Anzahl der Seiten nicht dem checkte ein von Swiss bereitgestelltes Testteam jede Seite
praktikabel gewesen. Eine solche Klasse sieht etwa so aus: sehr genau auf jedem Gerät und in allen Browsern. Die Testpha
se war sehr ergiebig und intensiv. »Auch Simulatoren sind in der
"l-one-third l-mobile-two-thirds l-mobile-portrait-one-whole" Entwicklungsphase äußerst praktisch«, sagt Chefentwickler
Severin Klaus. »Hier hat Apple mit dem iOS Simulator die Na
Damit beispielsweise das Navigationsmenü und andere Fea se klar vorn. Verbesserungen im Bereich Debugging wünschen
tures auf die definierten Breakpoints reagieren, entwickelten wir uns allerdings von allen Herstellern.« ae
092 page 07.14 › projekte › [Link]-relaunch
jedem Device
menten dahinter überdeckt werden. Die von uns ge
setzte zPosition entspricht nicht zwingend der z
Position im 3DRaum. Aus diesem Grund wollten
wir ursprünglich auch keine Perspektive setzen, um
Verzerrungen zu vermeiden. Üblicherweise zeich
net der Browser einen 3DLayer einmal und lässt
Die Performance- und Browserprobleme dann die Grafikkarte die Skalierung machen. Da
des Website-Specials World of Swiss lösten rum sieht der Text auch verpixelt aus, wenn man ei
nen 3DLayer stark vergrößert. Dafür gewinnt man
die Hinderling-Volkart-Entwickler mit einen enormen Geschwindigkeitsvorteil, denn das
dem virtuosen Zusammenspiel von CSS- aufwendige Repaint fällt weg.
Chrome allerdings zeichnet trotzdem neu, wenn
Transforms und dem Canvas-Element auch nur sporadisch, vermutlich um die Qualität bei
üblichen Websites zu erhöhen. Zum Glück konnten
wir Chrome recht leicht zum schnelleren Verhalten
Erst als Hinderling Volkart ● Dass der Inhalt der Website auch auf dem iPad zwingen, indem wir eine Perspektive mit einem sehr
die Weltkarte, die Kurven sowie im Internet Explorer ab Version 9 erlebbar sein weit entfernten Fluchtpunkt setzten. Ohne gesetzte
für die Echtzeitlokalisierung sollte, war von Anfang an klar. Dies führte zwangs Perspektive zeichnet Chrome den Layer neu – das
und die Marker für Flug-
läufig zu Herausforderungen – zum Beispiel in Ergebnis ist eine hohe Auflösung auf Kosten der
häfen und Flugzeuge auf
unterschiedliche Ebenen
puncto Performance, denn ein iPad beispielsweise Geschwindigkeit. Mit gesetzter Perspektive über
gezeichnet hatte, war die hat viel weniger Ressourcen zur Verfügung als ein nimmt die GPU die Skalierung, und das war, was die
Performance akzeptabel aktueller PC. Oder auch bezüglich der Features, Entwickler wollten, denn nur so erreichten sie ei
denn 3DTransformationen funktionieren im Inter nen ruckelfreien Flug.
net Explorer 9 gar nicht und selbst in Version 11
nicht einwandfrei. Darüber hinaus entfiel WebGL, Flugrouten visualisieren
obschon iOS die 3DGrafikProgrammierschnittstel Im Live Route Network stellen wir die aktuelle Flug
le unterstützen würde (siehe iAd), doch für Websei position der SwissFlüge dar. Dies schien anfangs
ten hat Apple sie deaktiviert. eine vergleichsweise einfache Aufgabe zu sein: Die
Der geringen Performance war nur mit einer in Karten skalierten wir, und für die Marker setzten wir
telligenten Auslagerung von Renderingprozessen die Position neu. Mithilfe des DeCasteljauAlgorith
page 07.14 093
mus ([Link] berechne nicht mehr schneller hinbekommen, das war klar –
ten wir die Position und die Rotation der Flugzeuge aber dann fanden wir eine Lösung, die das Problem
auf der Kurve (die Skalierung ist abhängig von Flug sehr elegant umging: Statt die Bézierkurven jedes
höhe und Abstand vom Flughafen). Mal neu zu zeichnen, skalierten wir nun einfach das
Etwas unerwartet trafen uns jedoch die Pefor gesamte Canvas solange, wie der daraus resultieren
manceprobleme mit den finalen Daten. Denn ur de Qualitätsverlust nicht wahrnehmbar war. Dadurch
sprünglich waren wir von weniger angeflogenen mussten wir die Kurven nur noch alle 60 Frames neu
Flughäfen und Flügen ausgegangen – erst später hat zeichnen und konnten die Skalierung auf die Gra
der Kunde entschieden, die CodeSharingFlüge, fikkarte auslagern, die ohne die schweren Marker
also nicht von der eigenen Fluggesellschaft betriebe wieder genug Platz hatte:
ne Flüge, hinzuzunehmen. Urplötzlich schien das
viele Grafikkarten zu überlasten (wir hatten die klei // only redraw curves for certain scaling
nen Marker alle auf 3DLayern positioniert, um das var curveScale = [Link](worldScale) / Math.LN2;
Compositing auf die Grafikkarte auszulagern). Die curveScale = [Link](curveScale * 3) / 3;
Framerate ging deswegen vor allem auf dem iPad auf curveScale = [Link](2, curveScale);
kaum akzeptable Werte zurück. if ( curveScale !== [Link] ) {
[Link] = curveScale;
Viele Marker, langsame Marker posdata = [Link](curveScale);
Die vielen Marker erwiesen sich als wahrer Flaschen [Link](0, 0, width, height);
hals. Vermutlich weil ein 3DLayer, so klein er auch // draw normal connections
sein mag, eine bestimmte Mindesttexturgröße ein // (only one stroke for better performance)
nimmt (128 mal 128 oder 256 mal 256), und das [Link]();
überfüllt ist, haben nicht alle Texturen in der GPU [Link]= 0.4;
[Link] = 'rgba(0,0,0,.15)';
Platz, und es kommt zum umständlichem Hin und
for( i=0; i<[Link]; i++ )
Hergeschiebe von Daten. Trotz Endspurtphase nah
{
men wir also nochmals Abstand und prüften ver
pos = posdata[i];
schiedene Szenarien in Prototypen: Wie kann man
[Link]([Link], [Link]);
möglichst schnell möglichst viele Marker darstel
[Link]([Link], [Link]);
len? Als äußerst performant entpuppte sich dabei
}
das Zeichnen auf Canvas.
[Link]();
Ganz so einfach lassen sich DOMElemente al
[Link]();
lerdings nicht durch CanvasZeichnungen ersetzen,
}
weil man dabei Maus und TouchListeners verliert.
renderElement([Link], 0, 0, 0, worldScale / [Link]
Diese mussten wir nun also ebenfalls selbst über
nehmen, das heißt wir mussten selbst bestimmen,
welches Objekt sich unter dem Mauszeiger befindet Bisher hatten wir die Kurven zusammen mit den
(sonst erledigt dies der Browser), und zudem bei Markern der Flughäfen und Flugzeuge auf ein ein
jeder Mausbewegung und jedem Klick oder Touch ziges Canvas gezeichnet. Die Marker mussten wir
bestimmen, welcher Flughafen oder welches Flug jedoch weiterhin für jedes Frame neu zeichnen, denn
zeug gemeint ist. deren Skalierung wäre sofort als Qualitätsverlust
Aber es hat sich gelohnt: Die Bestimmung, wel wahrnehmbar gewesen. Also setzten wir die Kurven
ches Objekt sich unter dem Mauszeiger befindet, auf ein zusätzliches Canvas.
bekamen wir besser hin als der Browser vorher, weil Die daraus resultierende Performancesteigerung
wir die Distanz maßen und nicht simpel das vor war massiv: Endlich konnten wir auch dieses coole
derste Objekt verwendeten. Wir erhielten auch eine LiveFeature auf dem iPad genießen. Selbst auf Desk
deutlich bessere Framerate von jetzt circa 10 bis toprechnern quer über alle Browser war die Verbes
15 Frames pro Sekunde auf dem iPad. Aber auch das serung spürbar. Wo vorher vielleicht 30 FPS die Re
war noch nicht wirklich zufriedenstellend. 15 Frames gel waren (was angenehm ist), waren es jetzt 60 FPS
pro Sekunde nimmt man immer noch als langsam (also richtig flüssig). Solche Dinge spürt man, wenn
wahr. Und das trübte das Gesamtbild. auch in dieser Größenordnung meistens unbewusst.
Nur wenn die Performance stimmt, überzeugt auch
Teure Bézierkurven das Erlebnis! Severin Klaus (ae)
Der zweite Flaschenhals versteckte sich in den Bé
zierkurven, die wir von Anfang an auf das Canvas
zeichneten. Zwar konnten wir eine leichte Verbes Severin Klaus ist partner bei Hinderling
Volkart und leitet das Interaction Develop-
serung erzielen, indem wir alles in einen stroke()
ment. er liebt es, gutes Design lebendig
Befehl bündelten, aber Bézierkurven sind per se zu machen, und ist ein perfektionistischer
langsame Zeichenoperationen. Und Flüge weglas performance-junkie.
sen war keine Option. Die Bézierkurven würden wir ↗ [Link]
094 page 07.14 › projekte › tB guide
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Fit für
Berlin
Mit dem »TB Guide. Gesundheit & Medizin« ent
wickelte Brandoffice eine LineExtension des guten
alten Telefonbuchs. In einer nicht ganz einfachen
Gratwanderung gelang den München Kreativen ein
modernes Magazin mit prägnanter Bildsprache
Kreativchef Heiko
Dertinger, Senior
Designerin Diana
Hofmann und
Senior Berater
Sigmund Perner
sehen sich im
Projektraum die
Ergebnisse
ihrer Arbeit an
096 page 07.14 › projekte › tB guide
Unterschiedliche Illustrationsstile
sorgen für eine abwechslungs-
reiche Bildsprache. Darunter sind
Motive von Eiko Ojala und Katja
Schubert (linke Seite) sowie von
Bomboland (oben) und Lobulo
098 page 07.14 › projekte › tB guide
det als reiner Headlinefont ausschließlich versal sind, was die Seiten ebenfalls aufgeräumter wirken
Verwendung. Als weitere Auszeichnungsschriften lässt und darüber hinaus für einen Daumenkino
dienen die Serif und SansSerifSchnitte der Stag. Effekt beim schnellen Durchblättern sorgt.
Während der Fließtext in Adobe Caslon gesetzt ist, Letztlich ist aber nicht nur die Form, sondern das
blieb es bei den Eintragsseiten aus produktionstech ganze Konzept des »TB Guide« für den TVG Verlag
nischen Gründen bei der NewTel. Neuland. »Eine nutzerzentrierte Produktentwicklung
verlangt von vertriebsorientierten Verzeichnisverla
Editorial Design: gen einen Paradigmenwechsel in der Firmenkultur«,
Einheitlichkeit durch Variation erklärt Heiko Dertinger. So mussten die Einträge auf
Die Grundidee für die Gestaltung ist die Variabilität ihre themenbezogene Qualität hin neu recherchiert
der Bildsprache. »Ungewöhnliche Illustrationstech und beim Auftraggeber eine Sensibilität für hochwer
niken und Inszenierungen – von gehäkelten Objek tige journalistische Inhalte geschaffen werden. Bis
ten über Collagen bis hin zu Paper Art und Fotogra die finale Form gefunden war, produzierte Brandof
fie – als übergreifende Klammer, die trotz oder gera fice zwei Dummyversionen. »Im ersten Schritt hatten
de aufgrund ihrer Heterogenität und Besonderheit wir noch ein anderes Buchformat mit anderem Satz
einen einheitlichen visuellen Stil ergeben«, erklärt spiegel et cetera. Das hätte die Kosten jedoch zu stark
Heiko Dertinger. Dazu setzt das Editorial Design auf xxxxxxxxxxxxxxxxxxxxxxx
erhöht«, so Dertinger. Erst im zweiten Schritt kam die
unterschiedlichste Illustratoren, darunter die Häkel TB Stag hinzu, um die Marke sichtbarer zu machen.
künstlerin Little Bitty Knitter aus den USA oder die
Londoner Grafikdesignerin Ciara Phelan.
»Unser Ziel Vertrieb und Kampagne
Jedes Kapitel macht mit einem ganzseitigen Art war, die Auch die Distribution unterscheidet sich vom übli
work als Keyvisual auf. Die Coverillustration stammt perfekte chen Ablauf: Anders als etwa die »Gelben Seiten« liegt
zum Beispiel vom Designstudio Bomboland aus Luc Balance aus der in 300 000 Exemplaren gedruckte »TB Guide« we
ca, das auch Arbeiten für den Innenteil beigesteuert der im Briefkasten noch in Supermärkten aus. Statt
hat. Die Motive wurden teils eigens angefertigt, teils
Experten- dessen kann man ihn kostenlos in Berlins Apotheken
fertig eingekauft. »Der Fokus liegt zurzeit noch auf verzeichnis abholen oder unter [Link][Link] bestellen. Um
Paper Art«, so Dertinger. »Das visuelle Konzept ist und maga- die Menschen dazu zu bewegen, entwickelte Brand
aber so flexibel, dass es sich auch zu anderen Tech zinigem office eine Kampagne, die hauptsächlich auf Außen
niken hin entwickeln kann.« werbung basiert – neben CityLights und Litfaßsäu
Das Layout wirkt aufgeräumt, übersichtlich und
Gesundheits- len rund um Berliner Apotheken war sie im April auch
gut lesbar. Jedes Kapitel ist ähnlich aufgebaut: Neben ratgeber auf CityLeihfahrrädern und einer Straßenbahnlinie
redaktionellen Beiträgen gibt es Glossare, frauenma zu schaffen« zu sehen. Der Slogan: »Berlins gesündeste Seiten«.
gazinartige Selbsttests, Ratgeber sowie die Schwarz
brotSeiten der A–ZEinträge. Die verschiedenen Il
Heiko Dertinger, Ausblick: Weitere Kanäle und Ausgaben
Geschäftsführer
lustrationsstile der Kapitel verhindern dabei, dass Der Fokus liegt zwar zunächst auf dem Printprodukt,
Kreation bei Brand-
das Ganze zu schematisch aussieht. Für den Content office in München aber auch im Internet tritt der »TB Guide« in zeitge
verbündete sich der TVG mit dem Focus Magazin mäßer Form auf. Unter [Link][Link] findet sich
Verlag – Spezialist für übersichtliche, leichte Info sowohl eine Suche mit mehreren Filteroptionen als
Häppchen, der unter anderem »fit For Fun« und auch tagesaktuelle Informationen zu Wetter, Pollen
»Focus Gesundheit« herausbringt. flug oder UVStrahlung. Die geplante App wurde zu
gunsten einer responsiven Website allerdings erst
Vorgaben und Kompromisse mal auf Eis gelegt. Weitere »TB Guide«Ausgaben
Das Layout in der jetzigen Form ist ein Kompro sind hingegen schon konkret geplant, beispielsweise
miss, der sich aus den traditionellen Produktions zu den Themen »Shopping & Lifestyle« (November
und Rahmenbedingungen der Telefonbuchverlage 2014) und »Auto & Mobilität« (Frühjahr 2015).
ergab. So waren auf den Eintragsseiten etwa Forma Gestalterische Auswirkungen auf die Dachmarke
te, Satzspiegel und Spaltenbreite klar definiert, da soll das Projekt vorerst nicht haben, wohl aber stra
die Anzeigen und Einträge aus dem »TB Guide« ı : ı tegische: »In Regionen, in denen Das Telefonbuch
im Layout des OriginalTelefonbuchs funktionieren stark ist, wird der ›TB Guide‹ die Produktfamilie er
müssen. Zudem gestaltete sich die Entrümplung die weitern und die Dachmarke stärken«, so Heiko Der
ser Seiten aufgrund der Anzeigenfokussierung des tinger. »Wo diese Schwächen zeigt, kann er das in ein
Auftraggebers schwierig. Da die integrierten Anzei zelnen Themenbereichen kompensieren und die
gen ein wichtiges Standbein des TVG Verlags sind, Dachmarke ersetzen.« Vielleicht lässt sich der TVG
galt es, für sie eine zeitgemäße Form zu finden. Verlag bei Erfolg des »TB Guides« ja zu einer Verbes
Um Ruhe ins Layout zu bringen, entledigte sich serung des Telefonbuchlayouts bewegen. Dann blie
Brandoffice vieler Designelemente, die die Eintrags be auch der Zeigefinger sauber. nik
kategorien Standard, Business und Gold auszeichne
ten. Außerdem gestalteten die Kreativen die alpha PAGE eDossier »Corporate Design«. tipps
betische Kennzeichnung an den Seitenrändern so, zur gestaltung visueller Identitäten gibt’s
dass jeweils nur die relevanten Buchstaben zu sehen unter [Link]
100 page 07.14 › projekte
Nachwuchs
Spannende Projekte aus Hochschule, Agentur und Forschung
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Dachmarke für den dortigen Wochenmarkt am Story« ist düster-mystisch und passt damit perfekt
zu der traurigen und doch schönen Geschichte
Werte
im Kopf
page 02.14 103
anzeIge
pRaXIS
Weitere PAGE Seminare finden
Sie unter [Link]/seminare
Die Aura
des Wertvollen
Die 80 Faktoren, die
produkte wertvoll
machen
Die Agenda Der Workshop wendet sich an Kreative in Unternehmen und Agenturen, an
Produktentwickler und Innovationsmanager, an Produktdesigner und
1 Was sind die 80 Faktoren, die den Kommunikationsdesigner, an Marketingverantwortliche und Branding-
Wert eines produkts erzeugen? fachleute sowie an Mitglieder der Geschäftsführung. Kurzum an alle,
2 Wie sind die Biografien wertvoller die von Anfang an aktiv Einfluss auf die Produktentwicklung nehmen
produkte aufgebaut? können und damit entscheidend zur Wertschöpfung beitragen.
3 Wie kann man die Vita wertvoller
Objekte »lesen« oder analysieren? Der Workshop »Die aura des Wertvollen« findet am 17. November
4 Was bieten Luxus-Objekte, woran im Hotel gastwerk, Hamburg, von 9:00 bis 17:30 Uhr statt. Die Teilnahme
andere scheitern? kostet 848 euro (zzgl. gesetzlicher MwSt.). Die gebühr umfasst das Seminar,
5 Wie lassen sich premium-produkte Lunch und Kaffeepausen. Die Teilnehmerzahl ist auf 18 personen begrenzt!
auf die nächste ebene heben? also schnell anmelden unter [Link]/seminar
6 Wie genau funktioniert der
4D-Innovationsprozess? page // ebner Verlag gmbH & Co. Kg // info@[Link] //
7 Wie entwickelt man innovative Ideen, Telefon: +49 40 85183400 // [Link]/seminar
die produkte mit Wert anreichern?
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. Bei
absage der Veranstaltung seitens der ebner Verlag gmbH & Co. Kg wird die Seminargebühr voll zurücker-
Der PAGE Workshop mit Mario Pricken lässt stattet. Darüber hinausgehende ansprüche bestehen nicht. Bei Stornierung der anmeldung bis spätestens
genug Zeit für Fragen und Diskussionen und 35 Tage vor Seminartermin berechnen wir 50 prozent, ab 34 Tage vor Seminartermin berechnen wir 100 pro-
zent der Teilnahmegebühr. Die Vertretung eines angemeldeten Teilnehmers ist jederzeit möglich. es werden
den Austausch der Teilnehmer untereinander. nur schriftliche Stornierungen oder namenswechsel akzeptiert. es gilt der poststempel.
104 page 07.14 › WeRKZeUg › iBeacon
Werkzeug
iOS-Devices für
iBeacon und
fürs Carsharing
klarmachen
Ein Service-Leuchtfeuer für den Einzelhandel, das soll Apples Ende
2013 gestarteter Bluetooth-Standard iBeacon bieten. Einige inter-
nationale Ladenketten setzen schon auf den lokalen Push-Dienst, um
Besucher auf ihrem Device anzusprechen. Ivo Wessel erklärt, wie
Sie iBeacon in iOS 7 aktivieren und für Push-Notifikationen einrichten
● Die Beacons-Technologie scheint das next big und Konferenzen finden sich bereits professionelle
thing zu sein: Der Einzelhandel wittert große Mar- Beacon-Anwendungen, das zeigt die umfangreiche,
keting-Chancen und eine neue, weil unaufgefor- permanent aktualisierte Liste unter [Link]
derte, ungefragte und dabei (hoffentlich) doch er- beaconcases. Zudem werden Beacons im Internet
wünschte Form der Kommunikation. »Always on«- der Dinge und dem Wearable Computing eine
User haben ihr Smartphone stets griffbereit und die große Rolle spielen. Und wenn Facebook dieser Tage
App ihres Lieblingsgeschäfts meist ohnehin instal- sein neues Feature Nearby Friends ankündigt, dür-
liert. Nähern sie sich damit dem Sendebereich eines fen Nearby Things natürlich nicht fehlen.
Beacons, nimmt die App Kontakt auf.
Allerdings benötigt iBeacon als Bestandteil von
Apples Core-Location-Framework Location-Rech-
te und fragt daher bei der ersten Nutzung um Er-
Apples Antwort auf NFC: iBeacon
laubnis. Wer die App gleich ausprobieren möch- ● ende 2013 antwortete Apple auf den aktuellen Near-Field-
te, wird allerdings kaum zögern, wenn diese ihn Communication(NFC)-Hype mit einem Feature im frisch re-
fragt: »Darf unser Shop Ihren aktuellen Ort verwen- leasten iOS 7, das die kommunikation zwischen geräten, die
den?« Antwortet man mit Ja, können spätere Kon- über den Bluetooth-Low-energy(BLe)-Chip verfügen, stark
taktaufnahmen auch dann stattfinden, wenn die vereinfacht. Auch neuere Macs lassen sich zum mobilen emp-
App deaktiviert ist. Selbst wenn Sie diese aus der fänger aufrüsten. In den uSA haben die lokalen Apple Stores
Taskleiste entfernt haben, würde das Beacon in der den iBeacon-Standard bereits eingeführt, um ortsbasierte
Nähe die App ungefragt erneut starten – allerdings Informationen auf die iOS-Devices der Ladenbesucher zu
erst ab iOS-Version 7.ı. senden. Auch in McDonald’s-Filialen erhalten Besucher Pro-
dukt- oder rabatt-Informationen auf ihre Smartphones.
Mehr als Kommerz PayPal startete zeitgleich mit der Apple-Initiative einen ent-
sprechenden Bezahldienst namens PayPal Beacon (siehe
Generell haftet Beacons der Malus von Überwa- PAge 02.14, Seite 100 f.), der NFC die gerade eroberte Bastion
chung und Missachtung der Privatsphäre an – dem streitig machen könnte (siehe PAge 02.14, Seite 94 ff.).
muss der Nutzer in jedem Fall positiv gegenüberste- ↗ [Link]
hen. Doch ist nicht alles Kommerz oder Mobile Pay- ↗ [Link]
ment, auch in Museen, Sportstadien, auf Flughäfen
106 page 07.14 › WeRKZeUg › iBeacon
Ein Beacon verschickt keine genauen Positions- cetera). Beacons anderer Hersteller lassen sich also
oder Richtungsangaben. Über die Feldstärke kann durchaus von ein- und derselben App »ablauschen«,
die App bei einer Gruppe von Beacons in einem allerdings kann es mitunter zu Streuungen bei der
Raum aber das dem Besucher am nächsten senden- Sendeleistung oder der Frequenz kommen, selbst
de ermitteln. Per Trilateration, bei der mindestens wenn sich die Hersteller an die von Apple vorgege-
drei Beacons in Reichweite sein müssen, ließe sich bene Spezifikation halten. Das Beacon selbst ist nur
jedoch auch die Position bestimmen. Anders als bei eine Daten sendende Hardware. Das Hirn ist die
der sehr geringen Sendedistanz der Near-Field-Kom- App, sie reagiert auf Betreten, Verlassen und Bewe-
munikation beträgt die maximale Beacon-Reichwei- gen in einer Region.
te derzeit etwa 30, bei speziellen Bauformen sogar Das Geschäftsmodell der Anbieter umfasst ne-
bis zu ı00 Meter – bei einem Stromverbrauch, den ben der Hardware und entsprechenden Software
selbst kleine Knopfzellen mehrere Monate decken. Development Kits immer häufiger auch Content-
Beacon ist also eine Art Indoor-GPS, ein lokales Management-Systeme, die die Verwaltung der Bea-
Orientierungssystem, bei dem eine App in der Nähe cons und die Zuweisung von Reaktionen im Stil von
eines Beacons reagiert, sobald sich »ihr« Gerät in IFTTT (If This Than That) über eine zentrale Web-
dessen Region bewegt oder diese verlässt. GPS küm- site erlauben. Einzelne Beacons kann man mit einer
mert sich gewissermaßen um die Makro-, Beacon um Admin-App noch manuell konfigurieren, ab einer
die Mikrolokalisierung. Die Haupteinsatzgbiete sind gewissen Stückzahl lohnt sich allerdings der Ein-
daher Indoor Location und Proximity Marketing. satz einer Cloud-Lösung.
1
Im Folgenden arbeiten wir mit dem Apple- in einer Entfernung von einem Meter. Er erlaubt die
Entwickler-Tool Xcode. Falls Sie dieses noch ungefähre Abschätzung der Distanz zwischen Bea-
nicht auf Ihrem Rechner installiert haben, con und Device.
können Sie es gratis über den Mac App Store (http:// Zwar lässt sich die Genauigkeit der Beacon-Or-
[Link]/xcode/downloads) herunter- tung durch dessen Kalibrierung mittels Xcode erhö-
laden. Apples iBeacon-Kommunikation erfordert ei- hen, doch können äußere Einflüsse die Sendeleis-
nen Bluetooth-Low-Energy(BLE)-Chip, der seit Ver- tung stark beeinflussen. Leider gehört auch der
sion 4S im iPhone sowie seit Version 3 im iPad und Mensch dazu: Er besteht nun mal zu rund 70 Pro-
im iPad mini steckt. Alle iBeacons sind BLE-kompa- zent aus Wasser und dämpft deshalb Radiowellen
tibel, umgekehrt lassen sich jedoch nicht sämtli- stark ab. Der »Distance«-Wert (im Code accuracy;)
che Bluetooth-Low-Energy-kompatiblen Sender mit schätzt die Entfernung in Metern. Die Property pro
iBeacon programmieren. Wenn Sie sich an Apples ximity enthält einen der vier Werte CLProximityUnknown,
iBeacon-Spezifikation halten, sprechen Sie die ent- CLProximityImmediate, CLProximityNear oder CLProximity
sprechenden iOS-Klassen (siehe die Schritte 4 bis 7) Far. Sie stehen für die Entfernung »unbekannt«,
unmittelbar an. Auf dem Device (in iBeacon-Termi- »weit« (mehr als ı0 Meter), »nah« (wenige Meter)
nologie »Central« genannt) läuft die App, die Sig- und »unmittelbar« (wenige Zentimeter).
nale eines Beacons – auch Peripheral genannt – auf- Zwar gibt es Beacon-Hersteller, die eine ver-
fängt. Mit Letzterem beginnen wir, um die Sender- schlüsselte Kommunikation zwischen App und
seite klar zu machen. Beacon ermöglichen, normalerweise jedoch sendet
Die meisten der derzeit gut zwei Dutzend Her- das Beacon die Daten unverschlüsselt. Man könnte
steller ([Link]/ibeacon0714) bieten ein Beacon also prinzipiell kidnappen, indem man
die Beacons im Dreierset an. Hat man gleich mehre- eine eigene App auf es reagieren ließe.
re verschiedene Beacons bestellt, kann man schon
mal die Übersicht verlieren, ob sie korrekt senden. Core Location Framework
Apps wie ScanBeacon for OS X ([Link]- aktivieren
[Link]/ibeacon/scanbeacon) helfen dabei, die
3
Reichweiten und die Universally Unique Identifiers Viele Entwickler nehmen irrtümlicherweise
(UUIDs) zu ermitteln 1 . an, sie müssten in Xcode den App-Schalter
Damit Sie sich beim Entwickeln die je nach Bea- »Background Modes« unter »Capabilities«
con unterschiedlichen Sendedistanzen nicht jedes setzen. »Background Modes« sorgt für die entspre-
Mal erlaufen müssen, können Sie die nicht für den chenden Einträge in der Datei »[Link]«. Tatsäch-
Gebrauch bestimmten Beacons in einer Metallbox lich ist der Schalter jedoch für das automatische Star-
oder einer anderen Radiowellen absorbierenden ten einer beendeten App, deren Gerät eine iBeacon-
Hülle verstauen. Auf diese Weise ersparen Sie sich Region betritt, nicht notwendig.
das umständliche Hantieren mit Batterien; USB-
1
Beacons lassen sich durch simples Abziehen ohne-
hin meist leicht ausschalten.
Man könnte auch ein mit einem Bluetooth-Low-
Energy-Chip ausgerüstetes iOS-Gerät oder einen
Mac-Rechner mit BLE-Chip wie das MacBook Pro
mit Retina Display als Sender nutzen. Letzteres geht
beispielsweise mit MacBeacon for OS X ([Link]-
[Link]) 2 oder, inklusive Quellcode, mit
dem GitHub-Projekt Beacon OSX ([Link]/
mttrb/BeaconOSX).
2
Das Signalintervall von Beacons liegt meist
deutlich unter einer Sekunde. Bei einigen
Herstellern kann man dieses Intervall und
sogar die Sendeleistung konfigurieren, um Strom
zu sparen. Apples iBeacon-Spezifikationen sehen
ein ı00-Millisekunden-Intervall vor.
Jedes Beacon sendet eine individuelle ı6 Byte lan-
ge UUID sowie zwei jeweils 2 Byte große Integer-
Zahlen für Minor- und Major-Werte 1 . Diese iden-
108 page 07.14 › WeRKZeUg › iBeacon
4
Werte wie eine eindeutige UUID, ein Na- gen drei wichtige Nachrichten: didEnterRegion:, wenn
me sowie zwei Major- und Minor-Werte sich der Empfänger einem Sender nähert, didExitRe
beschreiben ein Objekt dieser Klasse. Der gion:, wenn er den Bereich verlässt, und – einmal pro
Hersteller eines Hardware-Beacons gibt diese Wer- Sekunde – die Nachricht didRangeBeacons:inRegion:,
te normalerweise vor; meist erlaubt er aber, sie zu die als Parameter ein Array mit allen Beacons in
ändern. Für ein »Soft-Beacon« in Form eines iOS- Reichweite erhält. Die Werte aus den Beacons die-
Devices oder Mac-Computers können Sie beliebige ses Arrays kann der Programmierer im Anschluss
Werte übergeben; besser ist es aber, wenn man eine dann auswerten.
eigene, weltweit eindeutige UUID durch Aufruf des Wichtig ist, dass bei gesetzter Property notify
Kommandos uuidgen im Terminal generieren lässt. EntryStateOnDisplay die Protokollmethoden didEnter
Benutzt man einen gekauften Beacon-Sender, Region: und didExitRegion: auch bei einem Empfänger
lassen sich seine Werte entweder mit einem Scan- aufgerufen werden, der sich gerade im Stand-by-
ner wie etwa der ScanBeacon-App 1 auslesen, oder Modus befindet oder dessen App gerade im Hinter-
der Hersteller bietet eine Schnittstelle oder eine grund läuft oder dessen App sogar beendet wurde.
Funktion dafür an. Bei manchen Anbietern sind Unter Zuhilfenahme dieser Methoden kann die App
diese Werte allerdings fest einprogrammiert; dann dann, vom Beacon sanft geweckt, geeignet rea-
sind sie meist auf das Gehäuse aufgebracht. gieren, indem sie beispielsweise die aktuelle GPS-
Daten ermittelt.
Klasse CLBeaconRegion
bestimmen Carsharing-Szenario erproben
5 8
Ein solches Objekt dieser Klasse wird für Ein Anwendungsbeispiel könnte eine Car-
die gewünschten Beacons definiert, indem Finder-App fürs Carsharing sein. Der Fah-
Sie die UUID und optional den Major-/Mi- rer eines Autos, in dem ein Beacon depo-
nor-Wert als Parameter übergeben. Die Angabe der niert ist, trägt sein iPhone mit installierter App in
UUID erlaubt das Ablauschen einer Gruppe von Bea- der Hosentasche. Beim Aussteigen werden iPhone
cons – etwa eines Herstellers. Major-/Minor-Anga- und Beacon getrennt. Das Beacon weckt die App
ben filtern die infrage kommenden Sender weiter. und meldet ihr die Nachricht didExitRegion:. Die App
Lässt der Programmierer sie weg, werden alle Bea- könnte dann die aktuellen GPS-Daten ermitteln und
cons mit der UUID erkannt. Das Framework iBea- am nächsten Tag die Position des Autos zum Zeit-
con bietet aus Sicherheitsgründen keine Möglich- punkt des Verlassens auf einer Karte anzeigen. In
keit, alle in Reichweite befindlichen Beacons (also der Cloud gespeichert, würden diese Koordinaten
ohne Angabe der UUID) zu scannen. dann jedem Fahrer mit derselben App anzeigen, wo
der Wagen steht, und schon bräuchte eine derart
Klasse CBPeripheralManager technisch aufgerüstete WG keinen von Stecknadeln
anwenden durchlöcherten Stadtplan mehr!
6
Der Manager besitzt Methoden wie startAd Ein iOS-Gerät als Sender
vertising: und stopAdvertising:, mit denen Sie
(»Peripheral«) einrichten
die Sendefunktionen steuern. Die Metho-
9
den startMonitoringForRegion: und startRangingBeacons Wenn Sie zum Ausprobieren der Techno-
InRegion: kommmen dagegen auf der Empfängersei- logie nicht unbedingt einen Beacon kau-
te zum Einsatz. Wichtig ist, dass Sie zuerst das Mo- fen wollen, können Sie auch ein iOS-Gerät
nitoring starten. Erst wenn die Delegate-Methode als Beacon nutzen. Zu diesem Zweck bedienen Sie
didStartMonitoringForRegion dessen Vollzug erfolgreich sich der Klasse CBPeripheralManager. Mit den Metho-
zurückgemeldet hat, starten Sie mit startRangingBea den startAdvertising und stopAdvertising steuern Sie die
consInRegion: die weitere Kommunikation. Sendefunktionen Ihres iPhones oder iPads. Geben
Sie dafür folgenden Code ein:
Protokoll CBPeripheralManager- (void) viewDidLoad {
Delegate verwenden //
7
Um eine definierte, von einem Beacon »be- [super viewDidLoad];
strahlte« Region zu betreten, müsste man NSUUID *uuid = [[NSUUID alloc] initWithUUIDString:@"..."];
das Smartphone in diesen Bereich bewe- CLBeaconRegion *region = [[CLBeaconRegion alloc]
initWithProximityUUID:uuid
gen. Damit man bei der Entwicklung am Rechner
sitzen bleiben kann, lässt sich die Protokollmethods major:9999
10 11
Die Kommunikation mit dem Sen- Mit solchen kleinen Apps können Sie
der beschränkt sich auf die Ereignis- iBeacon wunderbar auskundschaften:
se »Region betreten«, »Region ver- Im Umkreis von bis zu ı00 Metern kön-
lassen« und »Position in Region verändert«. Für je- nen Sie tracken, was auch immer Sie nicht verlieren
des gibt es eine Delegate-Methode. Wichtig ist, das möchten. Auf diese Weise lässt sich sogar ein Koffer-
genauere Ranging erst dann zu starten, wenn das radar für die Gepäckausgabe am Flughafen herstel-
gröbere Monitoring geklappt hat. Die Ranging-Ab- len, auch der beschriebene Car-Finder ist denkbar
frage liefert über den Parameter beacons ein Array und in seiner Komplexität eine höchst überschau-
der erkannten Sender, deren Daten Sie über Proper- bare Testanwendung. Machen Sie Ihr Zuhause intel-
ties wie proximityUUID, accuracy, proximity et cetera er- ligenter, indem Sie beispielsweise eine Aktion star-
mitteln können. ten, wenn Sie sich dem Computer, der Haustür oder
dem Kühlschrank nähern.
(void) viewDidLoad { Die geringe Reichweite von Beacons lässt sich
// kompensieren, indem man zum Beispiel einen Ge-
[super viewDidLoad]; genstand mit UUID in einem Web-Content-Ma-
NSUUID *uuid = [[NSUUID alloc] initWithUUIDString:@"..."]; nagement-System zentral registriert. Damit kann
CLBeaconRegion *region = [[CLBeaconRegion alloc] dieser Gegenstand von allen angemeldeten Mitglie-
initWithProximityUUID:uuid identifier:@"..."];
dern gefunden werden – in der Hoffnung, dass sich
[Link] = true;
jemand aus der Crowd zufällig in der Reichweite
[Link] = [[CLLocationManager alloc] init];
des gesuchten Beacons und damit des verlorenen
[Link] = self;
Gegenstands befindet.
[[Link] startMonitoringForRegion(CLBeacon
Region *)region];
Die Infrastruktur für eine iBeacon-Anwendung
/ [self locationManager:[Link]
haben Sie gerade geschaffen. Nun können Sie Ihrer
didStartMonitoringForRegion:[Link]]; Kreativität freien Lauf lassen und sich interessante
} Szenarien erschließen. Ivo Wessel (ae)
(void) locationManager:(CLLocationManager *) manager
didStartMonitoringForRegion:(CLRegion *) region {
Ivo Wessel ist iOS-entwickler in Berlin.
// als early adopter tüftelt er natürlich
[manager startRangingBeaconsInRegion:(CLBeaconRegion *) schon fleißig mit dem iBeacon-Framework
region]; herum, um Kunden Lösungen anzubieten
} und das parkplatzmerken endlich seinem
(void) locationManager:(CLLocationManager *) manager iphone überlassen zu können.
↗ [Link]
didEnterRegion:(CLRegion *) region {
//
[manager startRangingBeaconsInRegion:(CLBeaconRegion *)
region]; iBeacon-Beispielprojekt zum Download.
Den Code sowie eine Linkliste zu
}
Ivo Wessels iBeacon-app gibt’s unter
(void) locationManager:(CLLocationManager *) manager [Link]/ibeacon0714
110 page 07.14 › Werkzeug › kameras für kreative
Think
Big
Ob Clips für die Website, Bilder für die Präsentation oder die
Dokumentation von Events – viele fotografische Aufgaben nehmen
Designer selbst in die Hand. Wir erklären, welche Kamera-
systeme sich für die Anforderungen des kreativen Alltags eignen
page 07.14 111
● Bei einer Reihe von Projekten greifen Kreative Top of the Top unflexibel – sie lohnen sich in Spezialausfertigungen,
heute selbst zur Kamera, anstatt erst einen Profifoto Das Mittelformat mit etwa mit einem starken Telezoom, eignen sich aber
grafen zu beauftragen. Voraussetzung dafür ist na seinen großen Sensoren nicht für professionelle Bildwelten. Und ihren größ
liefert exzellente Bild
türlich das entsprechende Equipment einschließlich ten Vorteil – dass sie sich aufgrund ihrer geringen
qualität –und die hat ih
einer Kamera, die nicht nur eine professionell ver Größe einfach in die Tasche stecken lassen – schlu
ren Preis. Die Hasselblad
wertbare Foto und Videoqualität liefert, sondern H5d50c (links) kostet
cken die immer besseren SmartphoneKameras.
auch die notwendigen Spielräume bei der Gestaltung ab 25 000 Euro, die Pentax
lässt. Besonders im Bewegtbildbereich, aber auch bei 645Z mit vergleichba
Spiegelreflex vs. spiegellos
der Fotografie kommt es auf die Erweiterbarkeit des rem Sensor erscheint Für kreative Aufgaben kommen daher in der Regel
Kamerasystems an, um nicht schon nach den ersten da mit etwa 8000 Euro nur Systemkameras infrage. Das sind Kameras, bei
Einsätzen gegen eine Wand zu stoßen. schon fast günstig denen sich die Objektive wechseln lassen und die zu
Kompaktkameras gleich welcher Art dürften da weiterem Zubehör, zum Beispiel Blitzgeräten, kom
her in den seltensten Fällen die richtige Wahl sein. patibel sind. Derzeit kann man zwischen zwei Typen
Das liegt nicht unbedingt an der technischen Bildqua wählen: den Spiegelreflexkameras und den meist
lität (ab 400 Euro gibt es gute Kompakte zu kaufen), als spiegellose Systemkameras bezeichneten Model
sondern eher an ihren begrenzten gestalterischen len. Hier gelangt das durch das Objektiv einfallende
Möglichkeiten. Der bauartbedingte kleine Sensor Licht direkt auf den Sensor, der das Signal – wie bei
erzeugt eine durchgängige Schärfe im Bild, und die einer Kompaktkamera – auf das rückwärtige Dis
fest angesetzten Objektive müssen mit ihrem Zoom play oder zum Sucher für die Bildkontrolle weiter
große Brennweitenbereiche abdecken – genau dies leitet. Darin besteht auch der entscheidende Un
geht aber mit einer Einschränkung der Bildqualität terschied zur Spiegelreflextechnik: Das Sucherbild
einher. Kompaktkameras sind also für Kreative zu ist elektronisch erzeugt.
112 page 07.14 › Werkzeug › kameras für kreative
Bewegter Autofokus
Bewegtbildprofis legen in der Regel keinen Wert auf
einen Autofokus und stellen die Schärfe manuell ein.
Für Spiegelreflex, aber auch für die spiegellosen Sys
teme gibt es mittlerweile eine ganze Reihe von Rigs
von Drittanbietern, an die sich neben Stabilisierungs
systemen und Kontrollmonitoren auch Schärfezieh
systeme anschließen lassen. Wer weniger geübt ist
und keine Schärfeziehhilfen hat, wird hingegen ger
ne den Autofokus nutzen wollen. In der Entwicklung
hinken hier die Spiegelreflex den spiegellosen Sys
temen etwas hinterher, da ihr schneller PhasenAF
nicht bei hochgeklapptem Spiegel (und damit beim
Videodreh) funktioniert. Aber bei den aktuellen Mo
dellen haben die Hersteller inzwischen separate
KontrastAFModule integriert, wie sie auch bei den
spiegellosen Systemen zum Einsatz kommen.
D is r
up t i
veDe
si g n
Was steckt hinter dem Schlagwort Disruption?
Verena Dauerer sprach mit Innovatoren und stellt ihre
Methoden und Projekte vor
116 page 07.14 › Werkzeug › Disruptive Design
D
isruptiv wird in letzter tionsentwicklung berät ([Link] ma Kaba. IndeedGründer Karel Golta
Zeit vieles genannt. [Link]). Entsprechend star erklärt: »Das Verhalten des Menschen
Wobei machmal gar tet Indeed ihre Workshops damit, steht bei unseren Innovationsentwick
nicht so ganz klar zu dass die Teilnehmer zunächst die Aus lungen im Vordergrund.« Indeed ent
sein scheint, was das gangslage am Markt und die Unter wirft dabei alles vom physischen Pro
genau ist. Von disruptiver Innovation nehmensstrategie unter Einbeziehung dukt über das Interface bis zur Soft
spricht man, wenn ein technisches Pro aller Stakeholder in den Blick nehmen. ware. »Relevant ist die Gesamtheit der
dukt (oder ein Service) ein Marktseg Produkterfahrung«, so Karel Golta.
ment und seine Spielregeln radikal ver Spielerische Herangehens In Kokreationsworkshops arbeitet
ändert – oder gleich einen ganz neuen weisen das Entwicklerteam mit dem soge
Markt schafft. Die bisher vorherrschen Eine der Methoden, die Indeed ein nannten Card Sorting, bei dem die
den Produkte einer Sparte werden da setzt, ist die Visualisierung mithilfe einzelnen Features eines Produkts auf
bei mehr oder weniger komplett ver von »LEGO Serious Play«Kits (www. Kärtchen aufgeteit werden, aus denen
drängt, da eine disruptive Innovation [Link]). »Wir lassen die Mit sich jeder sein Set individuell zusam
mit einem tiefgreifenden Wandel der arbeiter ihr Unternehmen, ihre Strate menstellen kann. Um die wesentlichen
Nutzungsgewohnheiten verbunden ist. gie mit LEGOSteinen bauen. In die Funktionen herauszuarbeiten, testet
Der Erfolg des iPhones ist eines der bes sem Konkretwerden samt den Details und optimiert Indeed sie anhand ei
ten Beispiele dafür. Interessanterweise und der Symbolik, die darin steckt, nes Dummys in Einzelinterviews oder
können »disruptive Innovationen zu werden ihnen schnell die Knackpunkte weiteren kokreativen Sessions mit den
nächst geringfügig erscheinen«, wie klar«, erklärt Peter Brooren, Head of In künftigen Anwendern. Auf dieser Ba
Paul Paetz, Autor des im September novation bei Indeed. »Auf diese Weise sis baut das Team dann einen Proto
bei Apress erscheinenden Handbuchs wird etwa auch die Eintrittsbarriere in typ mit programmiertem Interface. »In
»Disruption by Design«, erklärt (siehe den Markt plastisch und für alle greif diesen kleinen iterativen, an der agilen
Interview rechts). »Es geht darum, ob bar.« Von großem Vorteil sei zudem, Softwareentwicklungsmethode Scrum
das Resultat ein unbefriedigtes Bedürf dass die WorkshopTeilnehmer mit »ei orientierten Schritten nähern wir uns
nis des Markts anspricht.« ner gelernten Sprache, dem Spiel aus dem Produkt«, sagt Karel Golta.
Dass diese Art der Innovation im der Kindheit« arbeiten könnten. »Da
Design nicht jeden Tag vorkommt, bei können sie gar nichts falsch ma Nicht alltägliche Lösungen
liegt auf der Hand. Doch die These chen«, so Brooren. Im Gegenteil: Eine für alltägliche Produkte
von Paul Paetz und anderen Innova solch spielerische Herangehensweise Manchmal entstehen bei Indeed zu
tionsberatern ist, dass sie keineswegs setzt kreative Energien frei, eröffnet dem ungewöhnliche Produktverpack
zufällig entstehen muss, sondern dass neue Perspektiven und erleichtert die ungen, beispielsweise für Bübchen und
sie sich bewusst und methodisch her Suche nach Lösungsmöglichkeiten. Pril. Im ersten Fall nutzte das Team
beiführen lässt. Wesentliche Voraus In den Workshops von Indeed ent Einsichten aus der Marktforschung,
setzung dafür ist eine genaue und kon stehen aber auch konkrete, mitunter was für Kinder am Point of Sale funk
krete Marktbeobachtung und analyse. innovative Produkte. So zum Beispiel tioniert. Die neue Flasche sollte 5 bis
Davon geht auch die Agentur Indeed das beim diesjährigen iF product de 6Jährige ansprechen, die ihre Eltern
Innovation in Hamburg und München sign award prämierte Zeiterfassungs beim Einkauf begleiten. Sie sollte sich
aus, die Firmen in puncto Innova gerät Bweb 9600 für die Sicherheitsfir auch für Kinder ganz einfach nutzen
seine Inhalte, es schafft neue Rezep die Berliner Philharmoniker mehr als sich der User das Konzert für die Off
tions und Vertriebswege – und das dreißig Konzerte jährlich live aus ih lineAnsicht herunterladen und an
muss disruptives Design ermöglichen. rer Konzerthalle streamen – nicht nur schließend speichern.
Plötzlich kann man neue Erzählfor in Kinosäle, sondern auch auf ihre »Wir bauen also einen Videoplayer,
men entwickeln, etwa wenn eine TV Webseite und die Apps. Dafür stehen bei dem die wichtigste Komponente
Serie nicht mehr regelmäßig jeden eigens mehrere Tonstudios sowie ein Audio ist und nicht Video. Das gibt es
Donnerstag ausgestrahlt wird oder TVStudio zur Verfügung. 1,7 Millionen in dieser Form bisher nicht«, meint
man nicht immer wieder an jeder Stel Besucher waren im letzten Jahr auf Gernot Poetsch. So kann der User bei
le neu einsteigen können muss, da der [Link], es gibt spielsweise die App schließen, den
User alle Folgen gesehen hat.« 390 000 registrierte Nutzer sowie Homescreen sperren oder das Telefon
Ein Merkmal der ARTEApp ist, 20 000 digitale Abonnenten für einen anderweitig nutzen und der Ton geht
dass sie – als eigentlich mobile App – PayforService, der es erlaubt, das trotzdem weiter – bei VideoApps ist
auf das statische Nutzerverhalten in Archiv zu durchforsten. das unmöglich. Gleichzeitig sollte der
den eigenen vier Wänden hin opti Die App besteht aus zwei Teilen: User auch schnell den PauseButton
miert ist. Sie lässt sich als Fernbedie die LiveKonzerte und die weltgrößte finden, wenn er ihn benötigt. »Das
nung für den Fernseher nutzen, wobei Bibliothek an klassischen Musikvi Disruptive an dieser App ist jedoch
die HDInhalte nicht über das Smart deos, der derzeit die Sammlung von im Grunde das dahinterliegende Ge
phone, sondern direkt über WLAN, Herbert Karajan hinzugefügt wird. schäftsmodell – also das Streamen
AirPlay oder Chromecast übertragen »Unsere Aufgabe war die Entwicklung der Konzerte als Abonnement mit
werden. Während auf dem TVGerät einer Navigation zur schnellen Er PayforService – und die Tatsache,
der Film läuft, kann der Anwender auf schließung der Inhalte«, erklärt Ger dass diese App überhaupt existiert. Es
dem iPhone oder iPad in der App not Poetsch. Aber mehr noch als bei gibt nach wie vor kein Orchester mit
navigieren und weitere Videos anse der ARTEApp macht die Anwendung einer vergleichbaren Umsetzung«, so
hen: Das mobile Device kontrolliert für iPhone und iPad ohne das An Gernot Poetsch. »Es agiert nicht nur
zwar den Fernsehbildschirm, aber der schließen zusätzlicher Geräten relativ innerhalb der eigenen Wände, son
User kann währenddessen andere wenig Sinn: Der integrierte Lautspre dern geht nach außen. Denn seine Ka
Apps frei nutzen und muss sich nicht cher des Smartphones ist für klassi pazitäten, das Publikum zu erreichen,
entweder für das eine oder das andere sche Sinfonien nicht geeignet. sind räumlich begrenzt: Das Problem
Gerät entscheiden. »Das ist die Um Das Nutzungsszenario sieht vor, ist nicht, die Konzerthalle voll zu be
kehrung des SmartTVKonzepts«, er dass der Anwender sein Device über kommen, sondern sie kann eigentlich
klärt Gernot Poetsch. WLAN oder Kabel an das TVGerät gar nicht groß genug sein. Deshalb
und an die Musikanlage anschließt. benötigen die Berliner Philharmoni
Digital Concert Hall: Während des Streamings zeigt die App ker die Digital Concert Hall.«
Ein Videoplayer für Audio die Aufnahmen auch an und vermit Starkes Design besitzt demnach dis
Noch einen Schritt weiter geht nxt telt gleichzeitig alle nötigen Informa ruptives Potenzial. Genauso entschei
bgthngs aktuelles Projekt: die Digital tionen wie Cover, Titel und Zeitanga dend ist jedoch auch das Geschäfts
ConcertHallApp, die ab Juni in einer be. Auch hier kommen die HDDaten modell dahinter, das sich durch alle
überarbeiteten Version für iOS erhält unmittelbar vom Server und nicht Funktionen bis hinein ins Interface
lich sein soll. Seit fünf Jahren lassen vom iPhone und iPad. Alternativ kann widerspiegelt. Verena Dauerer
1 pRaXIS
Das Erfolgsseminar »Leitmedium Design« –
als Eintages oder Zweitagesseminar buchbar!
Gutes Design
entwickeln
Fallbeispiele und
Strategien
Das Seminar »Leitmedium Design 1« findet am 19. September 2 Vom Briefing zur Strategie
im Hotel 25hours, Hamburg-Bahrenfeld, von 9 bis 17:30 Uhr statt. Die Teilnahme Wie entwickelt man mit dem Kunden das
kostet 648 euro (zzgl. gesetzlicher MwSt.). Die gebühr umfasst die Tagungs- optimale Briefing? Wie definiere ich eine
kosten, Lunch und Kaffeepausen. Die Teilnehmerzahl ist auf 20 personen begrenzt! Kommunikationsstrategie? Der Marken-
also schnell anmelden unter [Link]/seminar. Workshop als zentraler Startpunkt in
ein erfolgreiches projekt.
am Folgetag findet Jochen Rädekers anschluss-Seminar zum Thema Kalkulation
und präsentation statt. Sie können die Seminare einzeln buchen, sie bauen nicht 3 Von der Strategie zur kreativen Idee
direkt aufeinander auf. Wenn Sie aber beide buchen, zahlen Sie nur 1166 euro Wie funktional muss, wie kreativ darf ein gutes
(zzgl. gesetzlicher MwSt.) statt 1296 euro und sparen 130 euro. Corporate Design sein? Möglichkeiten und
grenzen des Kreativprozesses.
page // ebner Verlag gmbH & Co. Kg // info@[Link] //
Telefon: +49 40 85183400 // [Link]/seminar 4 Vom Leitmedium zur Medienneutralität
Wie werden aus einer großartigen Idee großar-
aufgrund der auf 20 personen pro Veranstaltung begrenzten Teilnehmerzahl werden die anmeldungen in der
tige Medien? Wege und Umwege zu einembkon-
Reihenfolge der eingänge der Zahlungen berücksichtigt. Die Teilnahmegebühr fällt mit der anmeldung an. Sie sistenten Markenauftritt.
ist sofort nach erhalt der Rechnung zuzüglich gesetzlicher Mehrwertsteuer ohne abzug zu überweisen. Bei
absage der Veranstaltung seitens der ebner Verlag gmbH & Co. Kg wird die Seminargebühr voll zurücker-
stattet. Darüber hinausgehende ansprüche bestehen nicht. Bei Stornierung der anmeldung bis spätestens
35 Tage vor Seminartermin berechnen wir 50 prozent, ab 34 Tage vor Seminartermin berechnen wir 100 pro- Der PAGE Workshop mit Jochen Rädeker lässt
zent der Teilnahmegebühr. Bei Buchung beider Tage können seitens des Teilnehmers nicht einzelne Tage stor- genug Zeit für Fragen und Diskussionen und
niert werden. Die Vertretung eines angemeldeten Teilnehmers ist jederzeit möglich. es werden nur schrift-
liche Stornierungen oder Namenswechsel akzeptiert. es gilt der poststempel. den Austausch der Teilnehmer untereinander.
page 02.14 121
aNZeIge
2 pRaXIS
Das Erfolgsseminar »Leitmedium Design« –
als Eintages oder Zweitagesseminar buchbar!
Gutes Design
gut verkaufen
Kalkulation und
präsentation
„Unsere
Absolventen
werden
Innovation
Lions ein-
heimsen“
Seit april bilden Jung von Matt und good-School-gründerin
Simone ashoff in der JvM-academy die Kreativen von morgen
aus. ein Ortsbesuch im hamburger Karoviertel
page 07.14 123
BRANCHE
124 page 07.14 › branche › JvM-academy
● »Wenn der Flur lila wird, wissen Sie, dass Sie rich
tig sind.« Mit diesen Worten weist Katja Weber, Pres
sesprecherin von Jung von Matt, den Weg zur frisch
eröffneten JvMAcademy ([Link][Link]).
Und tatsächlich: Die Akademie ist leicht zu finden
und hebt sich nicht nur durch die Farbgebung stark
vom Rest der – überwiegend dunkelgrünen – Agen
turräume ab. Bunte Tape Art an den Wänden, Möbel
aus Sperrholz und Pappe, knautschige Ledersofas
und selbst gebastelte Lampen beschwören den jun
gen kreativen Geist herauf, der hier Einzug halten soll.
Mit dem geplanten Standort in den ehemaligen
Hamburger Schlachthöfen nebenan hat es zwar nicht
rechtzeitig geklappt, aber auch die AusweichLoca
tion ist wie gemacht für die Ausbildungsstätte. Han
delt es sich dabei doch um die Ursprungsetage von
Jung von Matt – den Ort, wo 1991 alles begann. Die
berühmte Denkzelle von Agenturgründer JeanRémy
von Matt blieb vom Umbau unberührt und grenzt
ans heutige Lehrerzimmer der JvMAcademy, in dem
es noch nach frischer Farbe und Holz riecht.
Nichts zu verbergen: rufsbild, das der digitalen Transformation der Bran
Erfindung eines neuen Berufsbilds: Klassenzimmer, che Rechnung tragen soll. »Bei der Erstellung des
Kreativ-Konzepter Ruheraum und Lehrer- Lehrplans hatten wir eine TForm im Kopf«, erklärt
Der erste Studentenjahrgang ist bunt gemischt; das zimmer sind Simone Ashoff. »Wir vermitteln ein breites Basis
Alter variiert zwischen 19 und 29 Jahren. Frischge jederzeit einsehbar wissen in den Disziplinen Medien, Marke, Design,
backene Abiturienten sind ebenso dabei wie ein aus Konzeption, Technologie, Projektmanagement, In
gebildeter Koch und ein ehemaliger Philosophiestu novation und Trends. Bei der Konzeption gehen wir
dent. »Bei der Auswahl haben wir darauf geachtet, in die Tiefe und geben den Studenten spezifische
dass wir es mit innovativen Köpfen zu tun haben: mit Kenntnisse und Tools an die Hand, die sie für me
Erfindergeist, mit Mut und Lust aufs Unbekannte«, dienübergreifende Kampagnen und Brandingstra
sagt Akademieleiterin Simone Ashoff. Die Studenten Alles in Bewegung: tegien benötigen, zum Beispiel Prototyping und
mussten sich in einem dreistufigen Bewerbungsver Im Klassenzimmer PräsentationsKnowhow.«
fahren bewähren. Angefangen bei einem Onlinefra reihen sich zwanzig Damit das alles nicht theoretisch bleibt, ist das
gebogen über drei Kreativaufgaben bis hin zum Live Sperrholzpulte Studium dual aufgebaut. Von den 2 Jahren Ausbil
Tag in den noch unfertigen Akademieräumen boxten aneinander. In den dung verbringen die Studenten nur 120 Tage in der
sich die finalen 20 von rund 150 Interessenten durch. Workshop-Phasen Akademie, jeweils in Blöcken von 40 Tagen. Dazwi
Die JvMAcademy bildet zum KreativKonzepter lassen sie sich beliebig schen sammeln sie Praxiserfahrung in JvMAgen
aus. Damit erfindet sie ein Stück weit ein neues Be im Raum verteilen turen sowie bei Grimm Gallun Holtappels, fischer
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Simone Ashoff
page 07.14 125
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
»Wir vermitteln
ein breites Basiswissen
in puncto Medien,
Marke, Design, Technik,
Konzeption, Projekt-
management, Trends
und Innovation«
Simone Ashoff,
Leiterin der JvM-Academy, Hamburg
Appelt und TLGG. Jede Agentur hat ein, zwei Men Schrill und bunt: länger als 20 Minuten referieren. Danach folgt ein
toren abgestellt, die in enger Abstimmung mit Si Für die Dekoration der 60minütiger Workshop, in dem die Studenten das
mone Ashoff und ihrem Team für die Vertiefung der Akademieräume gelernte Wissen direkt anwenden können. Das wie
Lerninhalte sorgen sollen. »Bei Digitalagenturen heuerte Jung von Matt derholt sich über den Tag«, erklärt die Akademielei
wird die Eingliederung sicher etwas einfacher, da Tape Artists an terin. Heute lassen die Studenten nach dem Vortrag
sie oft schon Konzepter haben. Den eher klassisch in 6SekundenVideos (Queen)Puppen und Lego
orientierten Agenturen stehen wir mit Rat und Tat steine tanzen ([Link]
zur Seite, falls es Probleme geben sollte«, so Ashoff. Jeder Theorieblock behandelt ein bestimmtes
Thema mit zugehörigem Skillset und schließt mit
Wenig Frontalunterricht, viel Praxis einer sogenannten Challenge ab. Die ersten 40 Tage
An diesem Nachmittag lauschen die Studenten ei stehen im Zeichen des transmedialen Storytellings.
nem Vortrag über Storytelling mit Vine von Franz Zu den Lehrinhalten gehören Personas, Heldenty
Josef Baldus, Geschäftsführer der SocialMedia pen, Drehbücher, Customer Journey und Storytelling
Agentur koelnkomm. Wie bei der Good School, in in verschiedenen Medien wie Games oder Social
der Simone Ashoff seit 2009 komprimierte Work Die Queen grüßt: Media. Am Ende müssen die Studenten, aufgeteilt
shops für Kreativprofis zu diversen Digitalthemen Im Praxisteil drehen in fünf Teams, ein Märchen transmedial umsetzen.
anbietet, legt sie auch an der Akademie Wert auf einen die Studenten ihre Die Ergebnisse präsentieren sie Anfang Juni in einer
hohen Praxisanteil. »Unsere Dozenten sollen nicht eigenen Vine-Videos Ausstellung. Mit zunehmender Erfahrung im Berufs
leben werden die Challenges konkreter. So entwer
fen die angehenden Konzepter im zweiten Block
Strategie und Markenführung für ein reales Social
BusinessStartup und versuchen dieses mit einer
PowerPointPräsentation und einem KlickDummy
überzeugend vorzustellen. Beim finalen dritten Block
gehen sie auf Tuchfühlung mit einem größeren –
noch nicht näher benannten – Konzern. Die Aufga
be: ein reales Innovationsprojekt zu konzipieren und
filmisch zu visualisieren.
„Ich tue
einfach, was
ich mag“
Please meet Preethi Mariappan! Mit der indischen
Ausnahmekreativen, die seit Kurzem Executive Creative
Director bei Razorfish Deutschland ist, sprachen
wir über ihre ungewöhnliche Karriere und über
Marketing mit echtem Mehrwert
● Haben die USA und Europa eigentlich noch das Monopol Sie haben nicht in den USA oder England studiert,
auf kreative digitale Innovationen? Oder rücken inzwischen sondern in Ihrer Heimat Indien. Wie kamen Sie zur
andere Weltregionen vor? interaktiven Kommunikation?
Preethi Mariappan: Da hat sich in allerletzter Zeit viel verändert. Mit einem Job in Bangalore bei [Link], einer Firma, die da-
In Brasilien, Asien – vor allem China –, aber auch im Nahen Osten mals – um 1997 – erste Websites machte. Alle Mitarbeiter waren
wachsen die Märkte äußerst dynamisch. Von dort kommen neue extrem jung, wir haben viel für MTV gearbeitet. Ich erfuhr erstmals,
Wege zu denken, neue Wege zu arbeiten, inspiriert von digitaler welche Energie entstehen kann, wenn Leute mit großen Talenten
Technologie. Es ist eine fantastische Zeit für Kreative, mit einer zusammenkommen und etwas schaffen wollen, das wirklich die
Fülle von Möglichkeiten. Welt verändert. Es hat mich sehr geprägt, dass ich auf der Start-up-
Ihr Lebensweg ist untypisch. Sie kamen aus Indien über Seite angefangen habe und nicht in einer Werbeagentur. So denkt
Dubai nach Deutschland, um als Frau eine führende man unternehmerischer und nicht lediglich auf Kampagnenebene.
Position in der Digitalbranche zu übernehmen. Wie Sie wollten dann selbst Unternehmerin werden.
normal fühlt sich das alles für Sie an? Ich wollte in Mumbai mit einer Freundin einen Online-Radiosen-
Innerlich ist es für mich normal, denn ich tue einfach, was ich der aufbauen. Wir stellten das Projekt diversen Investoren vor, doch
mag. Aber es gibt ja auch eine Außensicht. Weltweit sind im Mar- dann kam der Dotcom-Crash. Zu scheitern ist manchmal gut und
keting nur 3 Prozent Frauen in leitender Stellung. Doch das ändert heilsam. Man erkennt besser, was vom Business-Standpunkt aus
sich und muss sich auch ändern. Ein Grund, warum ich die Com- gesehen Sinn macht und was nicht.
munity Adwomen Middle East in Dubai gegründet habe. Es ist Damals haben viele Leute ihre Lektion gelernt.
sehr wichtig, unsere Branche für junge Frauen attraktiv zu machen, Absolut. Ich beschloss dann, meine Ausbildung zu erweitern, und
denn Frauen können viel einbringen. schrieb mich an einer technisch orientierten Universität in Singa-
Wie startete die Community? pur in einem Studiengang für Interactive Marketing ein. Parallel ar-
Ich hatte wohl einen frustrierenden Tag, an dem ich mich als eine beitete ich für eine Firma, die erste Location-based Games für den
von nur zwei weiblichen Kreativdirektoren in ganz Dubai etwas chinesischen Markt realisierte. Es gab auch immer mehr Aufträge
einsam fühlte. Am Wochenende habe ich etwas auf Facebook ge- von Agenturen. Wobei man bei digitalen Projekten aber damals oft
postet, ohne wirklich eine Antwort zu erwarten. Und am Montag noch mit Leuten zu tun hatte, die nicht wussten, wovon sie reden.
waren da fünfzig Frauen aus der Kreativbranche, die sich treffen Sie sind dann doch auf Agenturseite gewechselt?
wollten. Männer haben ihre Netzwerke, wir Frauen müssen sie Ich baute in Dubai zuerst für die TBWA-Tochter Tequila und später
uns auch schaffen. für Ogilvy One Digitalteams auf. Dabei habe ich viel darüber
130 page 07.14 › branche › preethi Mariappan
Lieblingspizza auf
Knopfdruck:
der VIP-Fridge-
Magnet für
Stammkunden
von Red Tomato
gelernt, wie man die richtigen Leute einstellt. Als TBWA 2010 Te- Was hat Sie an der Arbeit für Razorfish gereizt?
quila auflöste, um integrierter zu arbeiten, ging ich dorthin zurück. Razorfish ist eine der besten technologiebasierten Kreativagen-
Ich bin ein großer Fan multidisziplinären Arbeitens. Wenn dann turen, mit einem smarten und zukunftsorientierten Team. Mit
auch noch Leute 22 unterschiedlicher Nationalitäten ohne starre Alina Hückelkamp gibt es übrigens eine Frau im Management.
Hierarchien zusammenarbeiten, konzentriert man sich aufs ge- Hier muss man niemandem mehr etwas erklären. Alle verstehen,
meinsame Ziel, nicht auf die Differenzen. wohin die digitale Entwicklung geht, sodass man viel schneller
Wobei Projekte mit sehr lokalem Bezug entstanden. zu Ergebnissen gelangen und Kunden beziehungsweise Marken
Ja, zum Beispiel für die Märkte von GE Healthcare im Nahen Os- schneller in die digitale Zukunft führen kann.
ten, besonders in Saudi-Arabien und Nordafrika. Das war fantas- Wie fühlt sich der kulturelle Kontext in Deutschland an?
tisch, wir konnten echten Mehrwert für die Menschen schaffen. Es ist alles einfacher, denn die Kultur hier ist deutlich globalisier-
Kreative haben ja heutzutage das Glück, wirklich relevante Dinge ter und zugänglicher als der Nahe oder Mittlere Osten. Besonders
machen zu können. Es war ein langfristiges, komplexes Projekt, für Frauen bietet Deutschland eine der besten Arbeitssituationen
in das auch staatliche Gesundheitsbehörden miteinbezogen wa- und viel mehr Chancengleichheit als andere Länder.
ren. Vor allem ging es darum, Frauen und Familien zu helfen, ge- Auch im Vergleich mit Großbritannien und den USA?
sünder zu leben. Lebensstil und Ernährung sind im Orient anders, Ja, etwa was die Wertschätzung der Familie angeht und die Mög-
man muss erst mal zuhören und lernen. Erst anschließend be- lichkeit, einen Ausgleich zwischen individuellen und gesellschaftli-
gannen wir in einen interaktiven Dialog zu treten und Storytel- chen Bedürfnissen zu schaffen. Das findet man anderswo nicht oft.
ling-Events zu veranstalten. Es entstanden Gesundheitsvorsorge- Andererseits sehen die Deutschen Werbung eher kritisch.
Communitys und Apps, beispielsweise interaktive Comics für Gerade zeigte wieder eine Studie, dass die meisten
Kinder, die auch an Schulen genutzt wurden. Wir bewegten Werbebotschaften auf dem Smartphone ablehnen.
Frauen auf dem Land dazu, die innovativen mobilen Brustkrebs- Das sind fantastische Nachrichten für uns, für die ganze Branche!
vorsorgezentren von GE aufzusuchen. Wir wollen das Leben von Menschen ohnehin nicht stören – als
Auch für die Marke Nissan ließen Sie sich lokal passende würde man auf der Straße einen völlig Fremden ansprechen, um
Projekte einfallen. etwas zu verkaufen. Wir wollen auf Leute zugehen, um sie zu fra-
Die Bevölkerung im Orient ist sehr jung und darum spielorien- gen, wie wir helfen und etwas von Wert anbieten können, statt uns
tiert. Alle haben Geld und fahren gerne Auto, veranstalten verrück- wie ein ungebetener Gast auf einer Party aufzudrängen.
te Rennen, bei denen sie zum Beispiel senkrecht auf den Dünen Hinken die deutschen Agenturen nicht genau hier – beim
hochfahren. Diese Zielgruppe haben wir mit diversen Autorenn- smarten digitalen Marketing, das Mehrwert für den
spielen angesprochen. Kunden schafft – den USA, Großbritannien oder auch
Bei aller Globalisierung im Team ist es also wichtig, eine Skandinavien hinterher?
sehr lokale Situation zu verstehen. Wenn ja, muss das geändert werden, und zwar schnell! Warum
Ich betrachte Kreative ein wenig wie Anthropologen. Man muss nicht in Berlin das neue Silicon Valley schaffen?
verstehen, was Menschen antreibt. Empathie ist dabei zentral. Viele Aufgaben also. Im Juli sprechen Sie auf dem Werbe-
Ist Empathie eine Stärke von Frauen? festival Goafest in Indien. Könnten Sie sich vorstellen, noch
Ich hasse es zu generalisieren. Empathie und Sensibilität sind im- mal in Indien zu leben?
mer eine individuelle Sache. Aber meine persönliche Erfahrung Ich mache keine Pläne für die Zukunft, ich lebe in der Gegenwart.
in der Arbeit mit Frauen ist, dass sie kommunikationsorientierter Tue dein Bestes heute, die Zukunft kümmert sich um den Rest.
sind, stärker versuchen, verschiedene Standpunkte zu verstehen. Welche neuen Bereiche des interaktiven Marketings finden
Nicht nur zu sagen, das ist meine Sichtweise und das war’s. Zu Sie derzeit besonders spannend?
Hause waren wir vier Schwestern, haben ständig geredet und Weil ich sehr strategieorientiert bin, interessiert mich, wie man
meinen Vater wahrscheinlich in den Wahnsinn getrieben. Wir ha- Data Thinking fürs Storytelling nutzt – solche Projekte machen
ben alles besprochen, tun das auch immer noch. Und immer, mir Spaß! Ich liebe auch das Internet of Things beziehungsweise
wenn man etwas diskutiert, kommt dabei etwas Neues heraus. Physical Computing. Manches wirkt geradezu magisch oder mär-
Perfekt für die Kreativbranche. chenhaft. Wer hätte gedacht, dass es je eine App für Diabetiker
Wie kamen Sie nach Deutschland? geben würde, mit der das Smartphone über einen Stick direkt Blut-
Mein Mann bekam im Jahr 2012 ein Angebot aus Hamburg, und proben auf den Insulingehalt prüft! Oder nehmen wir Fitness-
wir beschlossen, dass es gut wäre, etwas Neues zu probieren. Ich Armbänder wie Jawbone oder Fitbit, die vor Kurzem noch nur in
hatte mit Deutschen in Dubai gearbeitet und großartige Arbeiten jemandes Kopf existierten und jetzt vielleicht das Leben mancher
aus Deutschland gesehen. TBWA konsolidierte damals mit dem Menschen ändern. Auch für Marken haben Physical Computing und
Digital Arts Network weltweit seine digitalen Units. Was ich von Service Design ein enormes Innovationspotenzial. Wir Kreative
Hamburg aus auch in den TBWA-Niederlassungen in Düsseldorf können da mit unseren Kunden ganz neue Wege einschlagen.
und Berlin betreut habe. Schwerpunkt war, verstärkt über Produkt-
und Service-Design-orientierte Ansätze für Kunden nachzuden-
ken. Unter anderen entwickelten wir die CoCreater-App, eine
Art Business-Speed-Dater, der Start-ups mit internationalen Kom- Claudia Gerdes war fasziniert, als sie erstmals
munikationsexperten und so letzendlich mit Marken in Verbin- von preethi Mariappans Werdegang erfuhr –
und wollte diese smarte und kulturell flexible
dung bringt. Außerdem entstand der Prototyp für eine App na-
»Kreativmigrantin« unbedingt kennenlernen.
mens Omnii, die es Healthcare-Firmen erlauben soll, Ärzte und Das Foto entstand bei trübem berliner Wetter
Mediziner in einem Newsreader über neu entwickelte Produkte auf dem balkon des razorfish-Offices an
und Services zu informieren. der Stralauer allee mit blick auf die Spree.
132 page 07.14 › branche
Szene
Was die Kreativbranche und ihre Akteure bewegt Business Basics
Wenn Nachverhandlungen
nötig sind
BDG-Präsident Christian Büning klärt
hier aktuelle Fragen aus dem Berufsalltag
von Kreativen ([Link])
Findet euch
● Avbl ist eine Online-Community
([Link] bei der sich Kreative
verschiedener Disziplinen einfach dar-
stellen, suchen und gegenseitig buchen
können. Rein kommt man nur auf
Einladung. So gewährleisten die Grün-
der Ryan Hooks (Design) und Olex
Ponomarenko (Programmierung) ein
bestimmtes Maß an Qualität. Auf
den Profilseiten der Mitglieder befindet
sich auf der rechten Seite ein Kalen-
der, der die Verfügbarkeit der Kreativen
anzeigt. So sehen die Partnersuchenden
auf den ersten Blick, ob oder wann eine
Zusammenarbeit zeitlich möglich ist.
Das erspart ihnen das lästige Hin-und-
her-Mailen bei der Terminabsprache.
Auch das reduzierte schicke Design über-
zeugt. Avbl ist so simpel und hilfreich,
dass man sich fragt, warum es die Platt-
form erst jetzt gibt. nik
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Urheberrechtsschutz
bei 3D-
Visualisierungen
3D-Visualisierungen waren bisher in der Regel nicht durch das
Urheberrecht geschützt. Ein Urteil des Bundesgerichtshofs könnte das
ändern – mit Folgen für die Vergütung von Designern
● 3DVisualisierungen, das heisst fotoglei Diese überzogenen Anforderungen führten Nico Arfmann ist Rechtsanwalt
che Darstellungen von Räumen und Gegen dazu, dass oft sogar Schnappschüsse von Fo und Partner der Kanzlei Arfmann &
tografen urheberrechtlich besser geschützt Berger Rechtsanwälte. Zu seinen
ständen, sind eine kostengünstige Alternati
Fachgebieten zählen das IT-Recht
ve zur Produktfotografie. Die wirtschaftliche waren als aufwendige Computergrafiken. Die
sowie das Urheber- und Medien-
Bedeutung derartiger 3DVisualisierungen Folge des geringen Schutzniveaus: Designer recht. Er berät deutschlandweit in
wird immer größer. Für Grafiker und Desig konnten die unrechtmäßige Nutzung der den Bereichen Marken- und
ner, die 3DModellings realisieren, stellt sich 3DVisualisierung nur selten verhindern und Wettbewerbsrecht.
dabei immer wieder die Frage, ob dabei Ur über das Urheberrecht auch keinen angemes ↗ [Link]
heberrechte entstehen. senen Vergütungsanspruch durchsetzen.
Aus rechtlicher Sicht können solche Dar Der Bundesgerichtshof hat jetzt in der
stellungen Werke der angewandten Kunst, sogenannten GeburtstagszugEntscheidung
sprich der Gebrauchskunst sein. In der Ver die enormen Anforderungen an die Schöp
gangenheit wurde 3DVisualisierungen der fungshöhe bei Werken angewandter Kunst
urheberrechtliche Schutz jedoch regelmäßig aufgehoben. Was auch für die Gestalter von
versagt; den Darstellungen fehle es an der so 3DVisualisierungen zur Folge hat, dass sie
genannten Schöpfungshöhe. Im Bereich der Nachvergütungsansprüche geltend machen
angewandten Kunst gab es nämlich die über können. Darüber hinaus haben sie jetzt die
kommene Auffassung, hier sei ein besonders Möglichkeit, aus ihrem Urheberrecht gegen
hohes Maß an schöpferischer Eigenleistung die unerlaubte Nutzung ihrer Werke vorzu
erforderlich, um urheberrechtlichen Schutz gehen und Schadensersatzansprüche durch
erlangen zu können. zusetzen. Nico Arfmann
134 page 07.14 › BRaNCHe
Einblicke
Zum Diskutieren, Streiten oder Anhimmeln – wen würden Kreative gerne einmal treffen?
Was Witziges
für die Glotze
TV-Spots lohnen sich für Start-ups, sie erhöhen den Bekanntheits-
grad und können das Geschäft ankurbeln. Ehe Start-ups sich in das
Abenteuer stürzen, sollten sie aber einige Vorkehrungen treffen
in Unterföhring, und warnt all jene, die sich mit einem überschau-
baren Budget ans TV-Abenteuer wagen wollen: »An einem Spot zu
sparen, ist am falschen Ende gespart.« Idealerweise liefe es so ab
wie bei Zalando. »Zalando ist auch deswegen so groß geworden,
weil die Kampagne ›Schrei vor Glück‹ einfach klasse Spots hatte,
sehr emotional und mit einem hohen Wiedererkennungswert«,
so van Delden. Die Zuschauer guckten sie, weil sie lustig waren.
Die auf diese Weise erzeugte Awareness wurde darüber hinaus in
„Nach den ersten die sozialen Medien weitergetragen. Allein auf YouTube haben
sich rund 400 000 Nutzer die Kommunie-1-Imitation von »Schrei
Werbespots vor Glück« angesehen.
Aber auch nicht so superkreative Werbeclips wie zum Beispiel
wuchs der Umsatz der [Link]-Spot »Drei Engel für Winni iPhone 5« ( [Link]
3engelfuerwinnie ) können den Abverkauf fördern, indem sie das
schnell um 50 bis konkrete Angebot in den Vordergrund stellen. Bei dem seit Feb-
ruar 2013 angelaufenen Clip sorgten vielleicht die leicht bekleide-
60 Prozent“ ten Damen für den durchschlagenden Erfolg, vielleicht weckte
aber auch nur das iPhone 5 Begehrlichkeiten. Der TV-Spot »Brillen
Oliver Nützel, Geschäftsführer
online kaufen – so geht’s« des Berliner Brillen-Onlinehändlers Mis-
von Regiondo, München
↗ [Link] ter Spex ( [Link] ) widmet sich dagegen auf sehr redu-
zierte Weise dem Prozedere des Bestellvorgangs. Und Babymarkt.
de überzeugt mit einem eingängigen Slogan, der sofort hängen
bleibt: »Klick. Klick. Glück« – da werden Bilder von den süßen
Kleinen fast zur Nebensache ( [Link] ).
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Fernstudium in 7 Semestern M
mit Seminaren vor Ort (bundesweit)
oder online – auch neben dem Beruf Y
oder der Ausbildung möglich.
CM
Vollzeitstudium in 6 Semestern
in Bad Sooden-Allendorf
MY
Grafik-Design (B.A.) CY
FIBAA akkreditiert
CMY
Medienwirtschaft &
Medienmanagement (B.A.) K
AHPGS akkreditiert
alsterterrasse 1 20354 hamburg
T 040-28 05 24 36 F 040-280 26 19
Bundesweite Studienzentren · Info-Tel.: 05722 / 28 69 97 32 · [Link] info@[Link] [Link]
GRAFIK
InfoTag KUNST PackAGE
28. Juni MEDIEN [ Paket | Bündel | auch: Print-Abonnenten
erhalten die App-Ausgaben gratis dazu ]
DESIGNU5WERBUNGU5AUSBIlDUNG U5MEDIENU5GRAFIK
U5CANNESU5IllUSTRATIONU5PRAXISERFAHRUNGU5ADCU5
REDDOTU5GWAU5ART DIRECTIONU5ZUKUNFTU5lEISTUNG
U5ERFAHRUNGU5SPASSU5HAll OF FAMEU5NETZWERKU5
KUNSTU5WERBEFIlMU5BEWEGTBIlDU5IDEEU5KREATIV
U5ERFOlGU5FUNKSPOTU5GESTAlTUNGU5KOMMUNIKATION
U5MEDIENGESTAlTUNGU5ADCU5PACKAGINGU5MARKE
U5TyPOGRAFIEU5WERBETEXTU5STORyBOARDU5CANNES
DESIGNU5WERBUNGU5AUSBIlDUNG U5MEDIENU5GRAFIK
U5
Akademie U5 Hier geht’s zur App-Freischaltung
Einsteinstraße 42 für Print-Abonnenten
81675 München [Link]/page_app_freischaltung
Tel.: 089.47 50 56
[Link]
mail@[Link]
Vorschau Impressum
PAGE 08.14 erscheint am 2. Juli 2014
Textchefin
Kunstwerke, Blumenvasen, Astrid Umbreit
Taschen oder Möbel – Redaktion
es gibt nichts, was sich nicht Franziska Beyer (fb), Nina Kirst (nik), Arne Schätzle (as).
Freie Mitarbeit: Antje Dohmann (ant), Angelika Eckert (ae),
aus papier fertigen Dr. Claudia Gerdes (cg), Michèle Hofmann (Grafik),
ließe. Wir präsentieren Rebecca von Hoff (Grafik), Christine Krawinkel (Artdirek-
tion), Myriam Jantoss (Textredaktion), Maiken Richter
einige dieser erstaun-
(Text-/Schlussredaktion), Jan Roidner (Schlussredaktion),
lichen Objekte und stellen Sabine Danek (sd, Redaktion Online); Redaktions-
ihre Macher vor assistentin: Sinja Kik
Autoren dieser Ausgabe
Christian Büning, Verena Dauerer (vd), Markus Linden
(ml), Simon Ruschmeyer, Jürgen Siebert, Ivo Wessel
Titel
Brille: Jane Kelly/iStockphoto
Schriften
ff Quadraat und ff Mark erhältlich bei
[Link] und [Link];
Ingeborg erhältlich bei [Link]
Digitale Druckvorlagenherstellung
Alphabeta GmbH, Hamburg
Druck Stürtz GmbH, Würzburg
Verlag
Courtesy Klein Sun gallery, New York
Vertrieb
Leitung: Sema Torun
Objektmanagerin: Katja Wühler
Task Management überträgt der Autor dem Verlag das ausschließliche Verlagsrecht
für die Zeit bis zum Ablauf des Urheberrechts. Eingeschlossen sind
es muss keine ausgefeilte Software sein, die das Tages-, Wochen-, Monats-
Im Zeitschriften- und Bahnhofsbuchhandel
oder Jahrespensum an arbeit vorausplant. Manchmal helfen schon kleine sowie in allen Pressefachgeschäften mit dem Blauen
Tricks, den arbeitsalltag besser zu organisieren und die Zeit gut zu nutzen Globus können Sie PAGE kaufen oder bestellen.
page 07.14 145
Sonderveröffentlichungsservice
Die Artikel dieser Ausgabe können für Werbezwecke oder für
Ihren Pressespiegel als Sonderdruck oder Onlinebeitrag ver-
öffentlicht werden. Anfragen bitte an Sabine Cordes, E-Mail:
dispo@[Link], Anzeigendisposition und -marketing.
PAGE Shop
Ein Magazin der Verlagsgruppe Ebner Ulm · [Link]
Zeit, was
zu tun
Kühne Kommentare von Jürgen Siebert zu Trends, Ereignissen
und dem ganz normalen Alltagswahnsinn eines Kreativen
● Täglich schalten wir unseren Compu ren Worten (und wer Ivo kennt, wird das
ter ein. Sein makelloser Bildschirm ver bestätigen): Er sieht Edward Snowden
mittelt Transparenz, Übersicht, Funktio zum Verwechseln ähnlich. Genau das
nalität. Doch was hinter der Oberfläche muss auch die biometrische Analyse sei
geschieht, liegt im Verborgenen. Wer au nes Porträtfotos ergeben haben, das die
ßer uns die eingetippten Informationen USBehörden von jedem Einreisenden
über Bestellungen, Zahlungen, Freunde anfertigen lassen.
und Vorlieben liest, speichert und auswer Es geht schon lange nicht mehr nur
tet, wissen wir nicht. um das Internet, diesem blank geputzten
Seit Edward Snowdens Enthüllungen Fenster zur digitalen Welt, das wir jeden
können wir es uns jedoch ausmalen. Wo Morgen öffnen. Es geht um die Vernet
bei Snowden die Büchse der Pandora erst zung von Daten, die überall erfasst wer
ein bisschen geöffnet hat. Das große Ent den: Telefonverhalten, Bewegung im öf
setzen kommt erst noch. Nicht nur Bür fentlichen Raum, Stimmanalyse (Skype,
gerbeziehungen wurden entflochten, auch Siri), Kaufverhalten, Fahrzeugnavigation
Politiker, Anwälte, Journalisten und Ver (Google Maps) und vieles mehr. Big Data
fassungsrichter sind das Opfer der digi verknüpft das alles zu einem (un)ver
talen Durchleuchtung. Alle Spuren laufen wechselbaren Profil.
auf eine Totalüberwachung hinaus. Der Die pauschale Überwachung ist ein
USGeheimdienst hat essenzielle Kom Machtmissbrauch und eine Beleidigung
ponenten der Internetinfrastruktur un für jeden Bürger. Daran hat uns Sascha
ter seiner Kontrolle, was Wirtschaftsspio Lobo auf der Berliner re:publica Anfang
nage im großen Stil erlaubt. Mai noch mal erinnert. Er warf der Netz
Immer wieder behaupten Regierun gemeinde Versagen vor. Nichts habe sich
Unser Kolumnist Jürgen Siebert
gen und Behörden, dass uns Kamerabil seit Snowden verändert. Den Deutschen
fühlt sich totalüberwacht der, Vorratsdaten und das Durchschnüf sei die Bekassine, ein bedrohter Vogel,
feln des Netzes vor Krieg und Terror wichtiger als das Internet. Der Landes
schützen. Gemessen an dem Milliarden bund für Vogelschutz in Bayern erwirt
DollarAufwand, mit dem NSA und ande schafte mit seinen rund 120 Mitarbeitern
re Dienste ihr Werk tun, sind die Fahn mehr Spenden als jede Netzinitiative. Lo
dungserfolge kaum der Rede wert. Auch bo: »Den aktuellen Kampf für die Fest
über Pannen, Fehler oder Verwechslun schreibung der Netzneutralität im Euro
gen bei Big Data wird kaum berichtet. paparlament haben zwei fest Angestellte
Was ist bloß mit den Medien los? aus Deutschland und Österreich geführt,
Dabei kommen die Einschläge immer weil Vereinen wie der Digitalen Gesell
näher. Jüngst wurde mein Kollege Ivo auf schaft das Geld dafür fehlt.« Petitionen
dem Weg zu einer Designkonferenz in und Klicks aus dem heimischen Sessel
San Francisco von USEinreiseBeamten reichten eben nicht aus.
zum einstündigen Verhör gebeten. Nie LobbyArbeit für das Internet ist kein
mand hat ihm verraten, was der Grund Hobby mehr. Da es keinen anderen Weg
für das Herausfischen an der Grenze war. als über die Politik gibt, um hier etwas zu
Nun muss man wissen, dass Ivo, gebo erreichen, müssen wir uns dieser zuwen
ren 1979, Brillenträger ist und einen kon den. Auch mancher Designer sollte ange
turierten 5TageBart trägt. Sein Haar ist sichts der drohenden Totalüberwachung
dunkelblond, seine Gesichtszüge wür seine Komfortzone verlassen. Nutzt ei
den in einer Bilddatenbank mit »caucasi nen Teil der Zeit, die euch die digitale
an« verschlagwortet sein, ein Synonym Technik schenkt, um für deren Freiheit
für Europäer oder hellhäutig. Mit ande zu kämpfen!
Ein Magazin der Verlagsgruppe Ebner Ulm · [Link]
auch in RGB.
PAGE gibt’s übrigens
Eine kreative Fusion
Geniale Technik ist die Basis. Erfolgreiche
Kommunikation das Ergebnis. Mit über
35 Millionen lizenzfreien Bildern und Videos
unterstützen wir Kreative weltweit. Hier
finden Sie die Inhalte, die Sie suchen. Jetzt
und jeden Tag neu.
35 Millionen Bilder
1,5 Millionen Videos
30.000 neue Bilder täglich
Bilder schon
ab 0,22 €