Janine Gollub

ZDF DetLines – Design System

Janine Gollub — Tue, 01 Jul 2025 09:10:46 +0000

Kunde

ZDF

Agentur

JAKALA

Job

DESIGN SYSTEM ARCHITECT

DETLINES – DAS DESIGN SYSTEM FÜR ALLE PRODUKTE DES ZDF

DetLines ist das zentrale Design System aller Produkte des ZDF, mit dem Nutzer*innen eine einheitliche User Experience über alle Ausspiel-Plattformen erleben. Dabei wird immer die komplette Produktlandschaft betrachtet: Web, Mobile Apps: ios, android, Big Screen: tv-html, android-tv und tvos. Mit DetLines können neue Features und Anwendungen effizient, konsistent und plattformübergreifend umgesetzt und dem Team ein einheitliches Verständnis der Tokens, Components und Patterns vermittelt werden.

zielsetzung

Das Design System ist nach dem Atomic Design-Ansatz gestaltet, sodass neben dem ZDF-Streaming-Portal jederzeit weitere Produkte für das ZDF effizient entwickelt werden können. Ein zugängliches Regelwerk hilft bei dem Einsatz der Components und Patterns für alle Ausspielwege und Plattformen. Dadurch werden Sonderfälle vermieden, Abstimmungen erleichtert, die Zusammenarbeit verbessert und QA-Prozesse beschleunigt. Alle Components und Patterns sind mit dem Fokus auf Barrierefreiheit entwickelt worden, wodurch eine inklusive Nutzung gewährleistet werden kann. Durch die Berücksichtigung von Nutzerstudien, Personae und User Journeys trägt DetLines dazu bei, dass neue Produkte immer aus der Perspektive der Nutzer*innen entwickelt werden.

Herausforderung

Die große Anzahl der verschiedenen Plattformen (Web, Mobile Apps, Ausspielungen für Big Screen) und die Anforderungen und Erwartungen an ein Streaming-Portal erforderten ein ausgeprägtes Verständnis an Systematisierung und ein hohes Wissen der technischen Herausforderungen.

Im Mittelpunkt des neuen ZDF-Streaming-Portals stehen die Nutzer*innen mit ihren individuellen Interessen und Vorlieben. Nutzende werden jetzt dank einer verbesserten Navigationsstruktur intuitiv durch das Angebot geführt. Automatisierte und algorithmisch generierte Seitentypen sorgen für eine klare und übersichtliche Präsentation der Inhalte.

Es sollten gänzlich neue Maßstäbe für ein modernes, intuitives und inklusives Streaming-Portal gesetzt werden und mit seiner öffentlich-rechtlichen Personalisierungsstrategie eine zeitgemäße Antwort auf die gestiegenen Anforderungen der Nutzenden gegeben werden.

Strategisch setzt der Launch auf zentrale Innovationen der vergangenen Jahre auf: Die Strategie „Ein ZDF für alle“ hat das Angebot an neuen Inhalten für die non-lineare Nutzung bereits deutlich erweitert. Durch die Zusammenarbeit im ARD/ZDF-Streaming-Netzwerk können zudem Inhalte der ARD sowie von Partnersendern über das Streaming-Portal des ZDF abgerufen werden.

Mit selbst entwickelten Lösungen wie dem hauseigenen Empfehlungssystem kann sich das ZDF außerdem auf umfangreiche Erfahrungen mit Automatisierung und Personalisierung stützen.

Durch diese Anforderungen an das neue ZDF-Streaming-Portal mussten die alten Components und Patterns komplett überarbeitet und größtenteils neu entwickelt werden.

Gestaltung

Durch die Systematisierung und einer neu geschaffenen Single Source of Truth können alle Produkte des ZDF jetzt konsistent, responsive und mit einer einheitlichen Accessibility (weiter-)entwickelt und implementiert werden.

Alle Components und Patterns liegen jeweils in Figma und auch im Frontend nur noch einmal vor und werden an anderen Stellen referenziert. Durch den ständigen Abgleich mit den gesetzten Designprinzipien kann eine einheitliche Design- und Bildsprache sowie User Experience über alle Plattformen gewährleistet werden. Dieses Vorgehen hilft die Entscheidungsprozesse bei neuen Components und Patterns zu beschleunigen.

Klar, neuartig, bildgewaltig.

Das neue UI-Design besticht durch Klarheit, wirkt unmittelbar neuartig und ist bildgewaltig. Die dynamische Inspiration ist integraler Antriebspunkt für das UI-Design und trägt die Idee von individuell passenden, endlos guten Inhalten auf der visuellen Ebene.

Einfach, verständlich, verfänglich.

Bei allen Entscheidungen zum neuen UI sind die einfache Bedienung, Verständlichkeit des UI und die Verfänglichkeit die treibenden Faktoren unserer Entscheidungsfindung. Unser Ziel ist es, dass Nutzende sich schnell zurechtfinden und immer passende Inhalte finden, die zu ihnen passen, auf die sie Lust verspüren. Dabei wollen wir situativ inspirieren und einen Wow-Effekt erzielen.

Primärer Fokus auf Darkmode

Unter Betrachtung des Lean-Back-Fokus und den häufigsten Nutzungsszenarien sehen wir den primären Fokus auf dem Darkmode.

Einheitliche UX über alle Plattformen und Produkte hinweg

Unsere UI setzt auf Plattform- und Produkt-übergreifende Komponenten. Wir zielen auf eine einheitliche UX über alle unsere Plattformen (soweit technisch möglich) und Produkte hinweg, ohne dabei uniform zu wirken. Den Besonderheiten in der Bedienung auf einzelnen Touchpoints wird dabei selbstverständlich Sorge getragen.

DESIGN

PRINZIPIEN

01

Wir gestalten für Menschen.

02

Wir zeigen selbstbewusst unsere Kompetenzen.

03

Wir schaffen ein Umfeld, das dem Inhalt gerecht wird.

04

Wir reflektieren im Design die Nähe zum Nutzer.

05

Wir lernen aus Nutzerfeedback und arbeiten mit Empathie an der Weiterentwicklung.

Designprozess

zielgruppe

DetLines richtet sich an alle Product Owner, UX- und UI-Designer*innen, Frontend-Entwickler*innen und das QA-Team. Der Fokus auf unsere Zielgruppe hat maßgeblich die Struktur und Architektur von DetLines vorgegeben.

architektur

Parallel zur UI-Entwicklung des neuen ZDF-Streaming-Portals und der dazugehörigen Konzeption wurde das Design System DetLines komplett überarbeitet. Über zwei Jahre entwickelte unser Team die aktuelle Version von DetLines. Dieses Design System besteht aus einer Foundation-Library, einer Icon-Library, einer Core-Library und den jeweiligen Product-Libraries in Figma, den dazugehörigen Dokumentationen in Zeroheight und den Frontend-Libraries und Dokumentationen in Storybook für das Frontend.

Dabei wird Zeroheight zur zentralen Schnittstelle zwischen UI-/UX-Design und Frontend, da es die direkte Verknüpfung zu den Figma-Libraries bietet und Storybook einbinden kann. Die Library spielt das Verhalten, die Ausprägungen und, mittels Live/Mock-Daten, eine genaue Abbildung der jeweiligen Components und Patterns aus. Mit der neuen DetLines Core-Library können neben dem neuen ZDF-Streaming-Portal neue Produkte für das ZDF effizient und zielgerichtet ausgestaltet und weiterentwickelt werden. Mit der Product-Library für das ZDF-Streaming-Portal erhält das Produkt selbst eine Recipe-Library, die alle produktspezifischen Components und Patterns enthält und dabei auf die Core-Components und Core-Patterns des ZDFs referenziert.

Gemeinsame Sprache

Über alle Instanzen und Disziplinen (PO, UI, UX, Dev, QA etc.) konnten wir uns auf eine einheitliche Sprache für die Tokens, Components, Patterns, Types, States und Types einigen. So konnten Abstimmungen und die Kommunikation verbessert werden und Missverständnissen vorgebeugt werden.

Funktionale Pattern

Durch die aktuelle Ausrichtung zu einem ZDF-Streaming-Portal haben sich grundlegende funktionale Patterns geändert. Diese erhielten Einzug in das neue DetLines und bilden den Kern der User Experience.

visuelle Pattern

Mit der neuen Designsprache und den entwickelten Stylings sollten die gesteckten Ziele und Anforderungen für ein modernes Streaming-Portal umgesetzt werden.

Prozesse für die Weiterentwicklung

Parallel haben wir an Prozessen gearbeitet, wie die Arbeit zwischen den Product-Teams und dem Design System-Team gestaltet werden kann. Wie werden neue Components eingeführt? Wer entscheidet über Components? Wie erreichen sie alle Beteiligten und wie können wir sicherstellen, dass alle Produkte mit den Core-Components gestaltet werden? Somit soll sichergestellt werden, dass es keine Components und Patterns doppelt entwickelt werden. Wir als Design System-Team unterstützen die Product Teams aktiv in ihrer Arbeit, setzen Anforderungen schnell und effizient um, geben Onboardings, bieten Hilfestellung und Guidelines bei der Implementierung und Nutzung, damit DetLines auch weiterhin ein fester Bestandteil des ZDFs bleibt.

Barrierefreiheit

Während des gesamten Prozesses wurden alle Patterns stets unter den Gesichtspunkten der Barrierefreiheit hin überprüft. Durch die Ergebnisse aus BITV-Tests konnten zielgerichtete Verbesserungen vorgenommen und eine inklusive Nutzung und Partizipation gewährleistet werden. Neue Components und Patterns müssen stets die BITV 2.0-Vorgaben für die Barrierefreiheit einhalten. Durch DetLines wurden diese Prozesse in sämtlichen Gewerken beschleunigt und es kann effektiver und effizienter auf Bedürfnisveränderungen der Nutzer*innen reagiert werden.

Mithilfe umfangreicher zusätzlicher Programmdaten werden Inhalte leichter zugänglich, besser klassifiziert und übersichtlich gegliedert. Die technische Weiterentwicklung, kombiniert mit einem zeitgemäßen Design und einer anwendergerechten Inhalte-Darstellung, lassen ein intuitives Nutzungserlebnis für alle Zielgruppen entstehen.

Team

Das ZDF-DetLines Design System wurde interdisziplinär aufgebaut:

product owner

Product Owner haben Feedback aus Nutzer:innen-Perspektive eingebracht, das Team gesteuert, Abstimmungen zwischen den Product-Teams geleitet und Neuentwicklungen begleitet.

DESIGN

Ein Team aus UI/UX Designer*innen legte eine Foundation-Library, Icon-Library und eine Core-Library für alle digitalen Produkte des ZDFs und eine Product-Library für das neue ZDF-Streaming-Portal in Figma an. Dabei sind je Component und Pattern alle sechs Ausspielwege samt der Types und States sofort zugänglich und somit für Anwender*innen intuitiv und schnell einsetzbar.

entwicklung

die Frontend-Teams der einzelnen Plattformen legten jeweils für die Core-Components und die produktspezifischen Components und Patterns eigene Libraries an – mit Fokus auf Wiederverwendbarkeit, Testbarkeit und Dokumentation für das Frontend-Team.

architektur

Ein Design System Architect definierte die generelle Struktur und Architektur der Component und Patterns für die Core-Library, Recipe Library und das Zusammenspiel der verschiedenen Libraries in Figma.

dokumentation

Ein Team dokumentierte Tokens, Component und Patterns in Zeroheight, sorgte für die Verknüpfung zu Figma und die Einbindung von Storybook.

governance

Ein dediziertes Design-System-Team übernimmt Pflege, QA und Erweiterung des Systems.

Der Beitrag ZDF DetLines – Design System erschien zuerst auf Janine Gollub.

retresco – AI Content Assistant – rewrite

Janine Gollub — Mon, 30 Jun 2025 13:02:36 +0000

Kunde

retresco gmbh

Job

Director Product design

Link

Zum Auftritt

Der KI-Redaktionsassistent für bessere Texte und optimierte Content-Workflows

MISSION

DIE AUFGABE

Es galt ein digitales Produkt zu entwickeln, das Dank der Nutzung von Large Language Models die Prozesse innerhalb der Content-Produktion in Verlagen, Medienhäusern und Redaktionen automatisieren kann. Dieses Produkt soll bei der Erstellung von Texten durch ein gutes Prompt Engineering den Stil, die Tonalität und Qualität des Absenders bewahren und zielgruppengenau sowie zugeschnitten auf die Zielkanäle agieren.

Die Herausforderung

Die Content-Produktion in z.B. großen Verlags- und Medienhäusern steht vor der Herausforderung, stetig qualitativ hochwertige Texte zu erstellen, die den spezifischen Anforderungen und dem Stil der jeweiligen Publikation entsprechen. Dabei müssen die Texte nicht nur schnell, sondern auch in großen Mengen produziert und für die verschiedenen Zielgruppen ausgespielt werden. Traditionell erfordert dies viel Zeit und Ressourcen, da jeder Text individuell erstellt, geprüft und optimiert werden muss. Hinzu kommt, dass der Prozess oft inkonsistent ist, da verschiedene Redakteur*innen unterschiedliche Stile und Qualitätsstandards anwenden.

DAS ZIEL

Wir machten es uns zum Ziel ein Tool zu entwickeln, das diesen Prozess standardisieren und automatisieren kann und dabei den hohen Anspruch an Qualität bewahrt. Es sollte ein Produkt geschaffen werden, das neueste technologische Innovationen nutzt und Prompt Engineers die Möglichkeit gibt Prompts und Prompt Chains zu erstellen, um sie intern den eigenen Redakteur*innen zur Verfügung zu stellen – immer im Stil und Tonalität der Firma, immer auf die Zielgruppe und -kanäle zugeschnitten.

PROZESS

DIE KONZEPT- UND DESIGNPHASE

Mittels User Research, Wireframing, Design-Prozesse, Prototyping, der Erarbeitung von User Stories und User Journeys, Durchführung von UX Tests und Befragungen von Beta-Nutzer*innen konnte ein Tool entwickelt werden, dass schon jetzt den Einsatz in großen Redaktionen ermöglicht.

Gemeinsam in einem großen Team aus den Bereichen UX Design, UI Design, Backend, Frontend, QA und Spezialist*innen aus dem Bereich Computerlinguistik, Natural Language Processing und Maschine Learning wurde ein Produkt entwickelt, das folgende Funktionen und Features umfasst:

AUSWAHL DES LLM

Verschiedene Large Language Models, wie z.B. die von OpenAI werden genutzt und so eingesetzt, dass Texterstellung und das Umschreiben für die verschiedenen Zielkanäle von Texten komplett automatisiert werden kann.

INTUITIV BEDIENBARES INTERFACE

Ein benutzerfreundliches Interface-Design sorgt dafür, dass das Produkt einfach und intuitiv zu bedienen ist. Regelmäßige Befragungen und Interviews mit Nutzer*innen helfen, das Produkt an die sich verändernden Bedürfnisse anzupassen. Der Original-Text kann jederzeit mit den generierten Output abgeglichen werden.

ZUGESCHNITTENE PROMPTS

Prompt Engineers haben die Möglichkeit, schnell und effizient zugeschnittene, firmeneigene Prompts und Prompt Chains anzulegen, sie zu kategorisieren, zu versionieren und in einer eigenen Bibliothek zu verwalten. So stehen die Prompts und Prompt Chains den Redakteur*innen jederzeit für die eigene Arbeit zur Verfügung.

API

Rewrite lässt sich via API in Content-Workflows und Redaktionssysteme integrieren. Repetitive Erstellungsprozesse können automatisiert und Stil und Qualität der Texte vereinheitlicht werden.

SEO- UND SOCIAL MEDIA-OPTIMIERUNG

Die generierten Texte können für Suchmaschinen und Social Media optimiert werden.

SPRACHEN

Egal in welcher Sprache der Quelltext vorliegt – er lässt sich in alle gängigen Sprachen übersetzen. Kulturelle Nuancen werden berücksichtigt.

ZITATERHALTUNG

Auf Wunsch werden Original-Zitate erhalten. Falls der Ausgangstext Originalzitate oder Stellen enthält, die eins zu eins in den finalen Text übernommen werden müssen, können diese selbst nach dem Umschreiben erhalten bleiben.

TEXTLÄNGEN NACH WUNSCH

Genaue Textlängen können definiert werden und somit Ausgangstexte je nach Bedarf gekürzt oder gestreckt werden.

CHAT-HISTORY

Die einzelnen Chats werden automatisch abgespeichert und können jederzeit wieder aufgerufen werden.

RECHTE- UND ROLLEN-MANAGEMENT

Ein Rollen-Management ermöglicht die gezielte Verwaltung von Prompt Engineers, Redakteur*innen und Admins und weist ihnen spezifische Rechte zu.

FAZIT

ZUSAMMENFASSUNG

Mit dem neuen digitalen Produkt AI Content Assistant rewrite von retresco können Dank der Nutzung von Large Language Models und Prompt Engineering Texte komplett automatisiert zielgruppengenau und auf die Ausspielkanäle entsprechend umgeschrieben, angepasst und in Stil, Qualität und Tonalität des Absenders ausgegeben werden.

Der Beitrag retresco – AI Content Assistant – rewrite erschien zuerst auf Janine Gollub.

Audi – digital service

Janine Gollub — Fri, 02 Aug 2024 15:51:12 +0000

Kunde

audi

Agentur

Endava (former Exozet)

Job

director ux design

audi service

Durch content.audi können Medien wie Bilder, Videos, Sounds, Snippets uvm von weltweit agierenden Agenturen besser aufgefunden, zu Collections hinzugefügt, verwaltet und weiter verarbeitet werden.

Herausforderung

Für Audi agieren weltweit Agenturen, die regelmäßig aufmerksamkeitsstarke Kampagnen entwickeln, sie steuern und ausrollen. Audi-Clips werden für TV, Social Media und die Präsenzen im Web erstellt und distribuiert. Es galt, die Assets, also Bilder, Audio-Files, Videos und Dokumente möglichst effizient und schnell auffindbar bereitzustellen und zugänglich zu machen.

Lösung

In verschiedenen Nutzerinterviews haben wir die Bedürfnisse und Herausforderungen erfahren vor der die weltweit für Audi agierenden Agenturen bei der Auswahl, bzw. Suche von einzelnen Bild-, Video- und Audio-Assets stehen.
Mittels Benchmarkanalyse und genauer Beobachtung mit welchen Tools und welcher Software die Zielgruppe arbeitet und wie die möglichst perfekte Integration in deren Arbeitsalltag ist, konnten die nötigen Funktionen und User Stories definiert werden.
Prototypen und UX-Tests halfen uns den Service noch intuitiver und nutzerfreundlicher zu entwickeln.

Ergebnis

Die User können sich nun eigene Collections erstellen und sie mit anderen Kolleg*innen teilen und gemeinsam an ihnen arbeiten. Durch eine Rechteverwaltung ist klar, wer am Ende die Entscheidung treffen wird, welche Assets final ausgewählt werden. Fehlen für Assets die Lizenzen können sie schnell und unkompliziert angefragt werden. Die verantwortliche Person für die Freigabe wird automatisch informiert und kann den Prozess weiter vorantreiben.

Der Beitrag Audi – digital service erschien zuerst auf Janine Gollub.

BER Flughafen Berlin Brandenburg GmbH

Janine Gollub — Mon, 27 Jul 2020 20:39:39 +0000

Kunde

Flughafen berlin Brandenburg Gmbh

Agentur

ENDAVA
(EHEM. EXOZET)

Job

Director UX design

Link

Zum Auftritt

Webauftritt für den Flughafen Berlin Brandenburg Willy Brandt

Die Aufgabe

Gemeinsam mit dem Digital-Team der Unternehmenskommunikation der Flughafen Berlin Brandenburg GmbH galt es zwei neue Plattformen für den Flughafen BER zu entwickeln – eine Plattform für alle Reisenden und eine Plattform für alle Corporate-Themen. Dabei sollte das Konzept und das Design so modular gestaltet werden, dass es ein Designsystem bildet und damit weitere Produkte für die Flughafengesellschaft gestaltet werden können.

Die Herausforderung

Trotz des Passagierleitsystems und aller Service- und Info-Points, erfahren die Kunden und Kundinnen dennoch immer wieder Orientierungslosigkeit und Missverständnisse bei den Services und Prozessen. Dies stellt das Personal des Flughafens vor immer neue Herausforderungen, da viele Menschen mit unterschiedlichsten Erfahrungswerten aller Altersgruppen auf ein komplexes System treffen. Ein System mit verschiedensten Stationen und Prozessen – von Check-In-Möglichkeiten über Aufgabe von Sperrgepäck, Parkplatzsuche, Sicherheitskontrollen, Gates, Boarding, Gepäckaufgabe- und -abgabe, Zollkontrollen und vielem mehr. „Wohin muss ich jetzt?“, „Wo gebe ich das Sperrgepäck ab?“, „Wie komme ich zu meinem Gate?“. Diese und endlos viele andere Fragen führen zu vielen Unsicherheiten, Herausforderungen in der Passagiersteuerung und natürlich auch zu einem hohen Aufkommen an den Info-Schaltern. Gerade zu den hochfrequentierten Zeiten muss das Passagieraufkommen durch ein bestmöglich austariertes Leitsystem sowohl am Flughafen selbst als auch in digitaler Form zu jeder Zeit die Prozesse am Flughafen unterstützen. Passagiere sollten zu jeder Zeit aktuelle, konsistente Daten und Informationen zum Flugstatus einsehen können und bei Problemen unmittelbar Hilfestellung bekommen.

Partner und Investoren sollten schnell und intuitiv die benötigten Informationen finden können. Journalisten und Journalistinnen brauchen verlässliche Quellen und Materialien für ihre Recherche und wollen diese schnell und unkompliziert zusammenstellen können. Nachbarn und Anwohner wollen sich über Flugbewegungen und aktuelle Ereignisse informieren und mit Ansprechpartnern in den Kontakt treten. Zudem sollte der Karrierebereich das Unternehmen als nahbarer Arbeitgeber präsentieren und die vielfältigen Jobs und Entwicklungsmöglichkeiten innerhalb der Flughafengesellschaft vorstellen.

DIE VORHERIGE WEBSITE

Diese war sowohl strukturell als auch konzeptionell in die Jahre gekommen und aufgrund von zu vielen Verschachtelungen der Inhalte und Platzverschwendungen durch Wiederholung von Menüebenen UX- und UI-technisch verbesserungsbedürftig. Die Nutzer*innen konnten die für sie benötigten Informationen oft nicht finden. Grund dafür war unter anderem, dass es nur eine Plattform für alle Zielgruppen aus dem Reisenden-Bereich und Corporate-Bereich gab. Auch das User Interface der Flugsuchfunktion war nicht mehr zeitgemäß und nicht mehr auf die Anforderungen der heutigen Nutzungsgewohnheiten ausreichend ausgerichtet.

ZWEI PLATTFORMEN

Durch die völlig verschiedenen Zielgruppen mit unterschiedlichen Bedürfnissen haben wir uns früh darauf verständigt, die Seite in zwei Plattformen zu unterteilen: Eine Website für alle Reisende von, nach und über den BER und eine Website für alle Corporate-Themen (Immobilien, Partner, Airlines, Prozesse, Karriere und vieles mehr).

DIE MISSION

FÜR REISENDE

Bereits in der Strategiephase war uns klar, dass wir mit der neuen Plattform für Reisende nicht einfach nur Informationsbereitsteller sein wollten. Die neue Plattform sollte mehr sein als eine bloße Abrufstelle generischer Informationen. Wir wollten einen echten Mehrwert schaffen, das heißt, Services, die den internationalen Nutzer*innen helfen sich gänzlich auf die Reise konzentrieren zu können und die auf ihre Bedürfnisse eingehen. Durch immer aktuelle Informationen sollte den Reisenden direkt ein Gefühl von Sicherheit vermittelt werden, so dass sie auf ihren Reisen über, von und zum BER entspannt unterwegs sein können. Die Kernfrage und Mission für unsere Zielgruppe „Reisende“ war daher:

Wie schaffen wir es, einen digitalen Begleiter zu entwickeln, welcher Reisenden und deren Umfeld (z.B. Abholende) bestmögliche Orientierung bietet, um entspannt vor Ort zu sein?

Wichtig war uns hierbei die Verbindung zwischen dem Flughafen, dem Ort, an dem sich die Benutzer*innen aufhalten, sowie ihrem digitalen Endgerät. Piktogramme, das Passagierleitsystem, die Anordnung und die Art der Orientierung sollten sich auch im digitalen Raum wiederfinden. Die Charakteristik des Flughafens sollte sich digital widerspiegeln und klar erkennbar sein.

FÜR CORPORATE

Da Partner*innen, Investor*innen, Nachbar*innen, die Presse sowie Jobinteressierte gänzlich andere Informationen brauchen und andere Services benötigen, die ihren Arbeitsablauf erleichtern, betrachten wir diese Zielgruppen separat. Sie suchen jeweils nach gut aufbereiten Daten und Informationen und haben dafür oft wenig Zeit. Die Kernfrage oder Mission für diese Zielgruppen war daher:

Wie schaffen wir es, eine digitale Plattform bereitzustellen, so dass Interessenten relevante Informationen und Daten/Dokumente der FBB GmbH leicht zugänglich und einprägsam abrufen können?

ZIELE FÜR DIE ENTWICKLUNG - DESIGNSYSTEM

Ausgehend von der Plattform als maximale Ausprägung aller Möglichkeiten, sowohl von den Komponenten her als auch von den technischen Bedingungen, sollte das System so modular gestaltet werden, dass jederzeit weitere Seiten und Produkte damit konzipiert und entwickelt werden können. Dadurch waren alle Gewerke gefordert, Synergien zu erkennen und auf Veränderungen sehr flexibel zu reagieren und dabei grundsätzliche Prinzipien und funktionale Patterns immer einzuhalten. Die größte Herausforderung lag hier in der Flexibilität, da sich äußere und technische Umstände schnell ändern können. Ohne viele Iterationsstufen bei der Umsetzung sollte das Konzept und Design direkt umzusetzen sein.

PROZESS

DIE RESEARCH-PHASE

Mittels Webanalytics und einer umfangreichen Analyse der größten Flughäfen und Airline-Websites weltweit, konnten wir bereits früh ausführliche Ausarbeitungen von Proto-Personas und User-Journeys unter Einbeziehung der regelmäßig stattfindenden Passagierbefragungen an den Flughäfen Tegel und Schönefeld vornehmen. Hier verdeutlichten sich die völlig unterschiedlichen Bedürfnisse der Nutzer*innen – von barrierefreiem Reisen, Reisen mit Kindern, Transfer-Reisen bis hin zu rein geschäftlichen oder touristisch ausgelegten Reisen. In der Research-Phase haben wir folgende Methoden angewandt und ergänzend weitere Maßnahmen getroffen:

Interviews mit den Bereichen Unternehmenskommunikation, Terminalmanagement, Commercial, IT-Applications, Aviation Marketing, Systeme & Prozesse, Personal & Organisation, Umland & Diversity, Schallschutz & Umwelt, Strategisches Immobilienmanagement, Bestandsmanagement / Vermietung / Eigennutzung halfen uns die verschiedensten Bereiche kennenzulernen und ihre Bedürfnisse und Anforderungen an die neue Plattform zu erkennen.
Ein kompletter Content-Audit der zuvor existierenden Website diente uns dazu den Umfang und alle Informationen zu erfassen und neu zu strukturieren.
Vor-Ort-Begehung des BER-Flughafens mit ausführlicher Schulung über die Besonderheiten des Flughafens selbst (Architektur, Leitsysteme, Piktogramme, Einbeziehung des Umfelds und vielem mehr).
Teilnahme am Testbetrieb ORAT (Operational Readiness and Airport Transfer) des BER. Hierbei mussten durch konkrete Passagier-Briefings Flugreisen simuliert werden. Anschließendes Feedback half dem BER Passagierabläufe noch besser zu strukturieren.
Eine Führung über das Gelände des Flughafen Tegels half uns die Flughafenprozesse zu erfassen, z.B. die Zuständigkeit von Flughafen, Airlines sowie anderen Partnern trifft auf Bedürfnis des Reisenden. Neben den üblichen Prozessen, die von normalen Reisenden überschaut werden können, lernten wir weitere, Fach-Prozesse kennen.
Card-Sorting half uns die Benennung und Clusterung der Menüebenen und Informationen noch genauer auf die Zielgruppen abzustimmen.
Aufgrund der regelmäßig stattfindenden Fluggastbefragungen und Interviews konnten wir unterschiedliche Proto-Personas und ihre Herausforderungen abbilden. Daraus haben wir Werte und Ziele der Nutzer*innen formuliert und diese zum Mittelpunkt der Produktentwicklung gemacht.
Um die Bedürfnisse und Probleme der verschiedenen Passagiere noch besser zu verstehen, haben wir ausführliche User-Journeys erstellt. Diese bildeten die Herausforderungen für die jeweiligen Zielgruppen beispielhaft ab und halfen uns die Anforderungen an die neue Website zu beschreiben.

KONZEPTPHASE UND DESIGNPHASE

Angefangen haben wir mit groben ersten Skizzen, über Mid Fidelity-Wireframes bis hin zu konkreten Wireframes der funktionalen Patterns und Design Patterns der Komponenten, Atoms, Form-Elementen und Seitentemplates. Die Research-Phase hatte ergeben, dass über 65% der Nutzer*innen mobil auf die ursprüngliche Plattform zugegriffen haben. Es ist zu erwarten, dass dieser Prozentsatz in Zukunft noch ansteigen wird. Dadurch war klar, dass der mobile Zugang im Fokus der Entwicklung stand. Zusätzlich wurden UX-Tests mit zuvor ausgearbeiteten Zielgruppen durchgeführt. Die Auswertung dieser Tests half uns, die Bedürfnisse der Nutzer*innen noch besser zu erfassen und in den Services zu berücksichtigen.

Designprinzipien

Uns war besonders wichtig, dass internationale Nutzer*innen die Informationen gleichermaßen verstehen, sei es die Piktogramme, die Formsprache, die Navigation – alles sollte schnell vor allem auf den mobilen Endgeräten erfasst werden können. Um sicherzustellen, dass unsere UI- und UX-technischen Anpassungen und Neuerungen auch tatsächlich die Bedürfnisse abdecken, haben wir dem Entwicklungsprozess folgende Design-Prinzipien für die Reisende-Plattform zugrunde gelegt:

01

Einfachheit

02

Identität mit dem Ort

03

Einheit in der Vielfalt

04

Strukturelle Ordnung

Folgende Design-Prinzipien haben wir der Corporate-Plattform zugrunde gelegt:

01

Blick nach Vorne

02

Strukturiert

03

Verlässlicher Partner auf Augenhöhe

04

Lösungsorientiert

Wir haben eine einheitliche Designsprache und Stylings für beide Plattformen entwickelt, um den internationalen Nutzer*innen stets die gleiche Erfahrung zu bieten, aber auch um die Effizienz in der Entwicklung zu steigern.

Tonalitätsprinzipien

Unsere Tonalitäts-Prinzipien für die Reisenden-Plattform lauten:

01

Einfach und minimalistisch

02

Charakteristisch

02

Entspannt & Beruhigt

Unsere Tonalitäts-Prinzipien für die Corporate-Plattform lauten:

01

Klar

02

Authentisch

03

Verbindend

04

Motivierend

SERVICES

DIE FLUGSUCHE

Die Flugsuche bildete aufgrund ihrer Komplexität eine der größten Herausforderungen. Flughäfen sind hierbei grundsätzlich stark abhängig von den Daten, die durch Prozesspartner bereitgestellt werden. So musste zunächst eine Einteilung der Daten stattfinden, in jene die definitiv verfügbar sind und jene die nur bei zusätzlicher Anlieferung durch Partner (in Ausbaustufen) angezeigt werden können. Die Website wurde basierend darauf so konzipiert, dass sie mit den unterschiedlichen Datenmengen problemlos umgehen kann. Nach dieser Einteilung war auch klar, dass die Daten mindestens für die vergangen drei Tage, den aktuellen Tag und für die nächsten drei Tage vorliegen. Die Research-Ergebnisse ließen eine direkte Priorisierung der Daten zu und hatten zudem ergeben, dass am häufigsten auf die Flughafenseite zugegriffen wird, um Flüge, die in naher Zukunft am Flughafen starten und landen, abzurufen. Entsprechend haben wir die gewonnenen Erkenntnisse bereits auf der Startseite berücksichtigt: Die Nutzer*Innen können nun schnell und intuitiv mit einem Switch zwischen Anflug und Ankunft auswählen sowie Ziel-/Ankunftsort, Flugnummer oder Fluglinie eingeben und bekommen abhängig von der Eingabe direkt die besten Treffer als Typeahead angezeigt, um direkt auf die jeweilige Flugdetailseite zu gelangen und nicht über die Flugliste geschickt zu werden.

Flugliste

Die Flugliste zeigt eine Übersicht aller Abflüge oder/und Ankünfte für einen gewählten Tag an. Die ungefilterte Ansicht gleicht der Ansicht der Flugtafel am Flughafen vor Ort. Darüber hinaus stehen unterschiedliche Filter- und Suchfunktionen zur Verfügung. Die Nutzer*innen können durch Zeitregler den Zeitraum verändern, das Terminal wählen und die angezeigten Daten so weiter eingrenzen. In der Liste selbst werden die wichtigsten Daten und der aktuelle Status des Fluges angezeigt. Die Nutzer*innen gelangen via Klick auf einen Flug direkt zur Flugdetailseite.

Flugdetailseite

Auf der Flugdetailseite finden die Nutzer*innen alle relevanten Daten zu ihrem gewählten Flug. Mit der deutlich sichtbaren Flugnummer können die Nutzer*innen sofort abgleichen, ob es sich um den gesuchten Flug handelt. Die Codeshares (weitere Flugnummern, unter denen dieser Flug stattfindet) sind darunter aufrufbar. Auf der Flugdetailseite kann sich der Flug schnell und einfach über einen Toggle gemerkt werden (wird später näher beschrieben). Die Illustration eines Fliegers zwischen Start- und Zielflughafen samt der entsprechenden IATA-Codes macht sofort deutlich, ob es sich um einen Abflug vom BER oder eine Ankunft am BER handelt und in welchem Status sich der Flug aktuell befindet.

Abflug vom BER

Informationen zum Datum, der Uhrzeit, dem Terminal, der Boarding-Zeit, der Flugdauer, dem Check-In, den Gates sowie ein Lageplan sind bei einem abgehenden Flug direkt sichtbar bei Aufruf der Flugdetailseite. Bei einem abgehenden Flug sind die Wartezeiten an den Sicherheitskontrollen integriert (wird später näher beschrieben).

Ankunft am BER

Bei einer Ankunft am BER sind Daten, wie Informationen zum Terminal, Gepäckband, Gate und Ausgang direkt ersichtlich.

Passend zu dem angezeigten Flug werden den Nutzer*innen sofort alle nötigen Informationen zur durchführenden Fluggesellschaft angezeigt. Entsprechend sind die Informationen zu Check-In-Möglichkeiten, Gepäck-Informationen und Lounges, aber auch der Kontakt zur Fluggesellschaft verfügbar. Zukünftig können Reisende, die abgeholt werden, die Daten sofort mit anderen teilen, damit auch Angehörige, Freunde oder Geschäftspartner auf dem Laufenden sind und sie z.B. pünktlich abholen können. Zugeschnittene Services sollen sich in Zukunft im unteren Teil der Seite befinden. Hier wurde in der Konzeption besonders darauf geachtet, dass aufgrund der Sicherheitsbereiche nur diejenigen Shops, Restaurants & Cafés angezeigt werden, die für die Nutzer*innen auch erreichbar sind. Diese Ausbaustufen sind bereits konzipiert und werden momentan noch umgesetzt und bald integriert. Somit bietet die Flugdetailseite die zentrale Anlaufstelle während und vor der Flugreise und verlinkt auch alle nötigen weiteren Seiten und Informationen, die während der Flugreise erreichbar sein sollten.

Flug merken

Damit sowohl Passagier*innen als auch Abholende und andere Besucher*innen über aktuelle Statusmeldungen zu einem oder mehreren Flügen stets auf dem Laufenden bleiben können, haben wir die „Flug-merken“-Funktion konzipiert. Nutzer*innen können sich jederzeit die für sie relevanten Flüge merken und bekommen diese global auf der Website unter der Top-Navigation angepinnt. Diese Flüge sind somit jederzeit im Blick und schnell aufrufbar. Änderungen des Flugstatus dieser Flüge werden immer im sichtbaren Bereich angezeigt. Einmal aktiviert kann jederzeit die gemerkte Flugdetailseite und entsprechenden Statusmeldungen aufgerufen werden. Auf Wunsch werden die Nutzer*innen nicht nur während der Nutzung der Webanwendung über Änderungen informiert, sondern haben zudem die Möglichkeit, sich über Änderungen, wie beispielsweise Gate-Wechsel, Verspätungen und vieles mehr über verschiedene Kanäle informieren zu lassen und können so frühzeitig auf Veränderungen reagieren.

Flugstatus und Auswirkung

Wir konnten verschiedene Flugstatus identifizieren, die eine direkte Auswirkung auf die Hinweise und Daten auf der Website haben:

Planmäßig
Änderungen bei Gate, Check-In, Gepäckband oder Ausgang
Verspätungen mit und ohne Uhrzeit
Prozessschritte wie z.B. Abfertigung/Ende Abfertigung/Einstieg/Letzter Aufruf/Ende Einstieg/Gestartet
Gestrichen

Für ankommende Flüge existieren zusätzlich bzw. abweichend folgende Status:

Abgeflogen am Abflugsort (keine erwartete Ankunftszeit)
Erwartete Ankunft (zu früh)
Prozessschritte wie z.B. Anflug/Gelandet/Ausstieg/Ende Ausstieg
Umgeleitet
Gestrichen
noch keine Daten vorhanden für Check-In/Gate/ Gepäckband/Ausgang etc.

Diese Zustände des Fluges wirken sich auf die angezeigten Daten jeweils bei der Flugsuche (Typeahead), auf der Flugliste, der Flugdetailseite und dem gemerkten, angepinnten Flugdetails samt der Notifications, die die Nutzer*innen erreichen, aus. Die Daten werden automatisch aktualisiert und somit auch die Änderungen, damit die Nutzer*innen zu jeder Zeit den Flugstatus im Blick haben.

Digitale Flughafeninformation

Der „Erste Hilfe“ -Button löst schnell und unkompliziert Probleme, die während einer Flugreise auftreten können: über verlorene Gepäckstücke oder vergessene Gegenstände im Flyer, Öffnungszeiten, Verkehrsanbindungen bis hin zu Flugunregelmäßigkeiten und konkreten Gepäckbestimmungen ist neben dem Schnellzugriff zu konkreten Problemfragen natürlich auch eine direkte Kontaktaufnahme möglich. Dieser Floating Action Button ist von überall aus schnell und einfach zu erreichen – somit auch in „Notfällen“ und soll den Reisenden ohne langes Suchen als Hilfe bereitstehen.

Wartezeiten an den Sicherheitskontrollen

Ein besonders wichtiger Punkt im Reiseablauf der Passagiere sind meist die Sicherheitskontrollen. Hier ist eine effektive dynamische Passagiersteuerung sehr hilfreich. Damit sich die Passagiere sinnvoll auf die zur Verfügung stehenden Kontrollstellen verteilen, gibt es ein System, das eine Einschätzung der zu erwartenden (absoluten bzw. relativen) Wartezeiten an den jeweiligen Sicherheitskontrollen anzeigt. Sowohl online auf der Website, als auch an digitalen Boards am Flughafen können Reisende selbst die für sie zeitsparendste Sicherheitskontrolle erkennen und in Anspruch nehmen.

Gepäckinfos

Damit die Nutzer*innen zukünftig alle Gepäckinfos, Kontaktmöglichkeiten und Infos über die Lounges finden, werden wir diese gebündelt nach Airlines zur Verfügung stellen. Von der Flugdetailseite aus direkt erreichbar und sonst natürlich über das Menü, müssen die Nutzer*innen bald nicht auf die Airline-Websites oder Apps selbst wechseln, sondern finden die nötigsten Infos direkt auf der Seite. Dies ist besonders hilfreich bei den Check-In-Möglichkeiten, aber auch im Notfall, wenn ein Gepäckstück beschädigt oder verloren gegangen ist oder Gegenstände im Flieger vergessen wurden. Diese Funktionalität befindet sich noch in der Entwicklung.

Cafés, Shops und Services

Die Nutzer*innen können bereits auf der Übersichtsseite sofort erkennen, in welchem Terminal und auf welcher Ebene sich die Services, Cafés und Shops befinden und natürlich auch ob sie im Sicherheitsbereich oder außerhalb verortet sind. Da das Angebot sehr umfangreich ist, grenzt ein intuitiv bedienbarer Filter die Auswahl schnell ein. Auch hier spielen Sicherheitsbereiche, Terminals und Wege sowie Öffnungszeiten eine große Rolle. Daher bekommen Nutzer*innen in weiteren Ausbaustufen zukünftig z.B. passende Angebote zu ihrem „gemerkten“ Flug und die entsprechende Entfernung angezeigt und werden direkt navigiert über ihr Device.

FAZIT

DER RÜCKBLICK

Durch die komplexen Zusammenhänge und Strukturen am Flughafen, aber auch durch die unterschiedlichen Bedürfnisse der Nutzer*innen war es ein herausforderndes und sehr spannendes Projekt. Durch den engen Austausch und die sehr gute Zusammenarbeit konnten wir effiziente und nachhaltige Services gestalten, die Reisenden Orientierung und Sicherheit bietet, aber auch Besucher optimal bei ihren Vorhaben unterstützen. Sämtliche Interaktionen mit der Webplattform überprüfen wir auch weiterhin auf ihre Effizienz und Wirkung, um so langfristig ein intuitiv verständliches digitales Ökosystem zu schaffen, das den Nutzer*innen durch funktionale und wahrnehmbare Patterns ein einheitliches Nutzererlebnis verschafft. Mittels diverser Fluggastbefragungen und UX-Tests, können wir auch weiterhin umfangreiche Daten erheben, die es uns erlauben fundiert und zukunftssicher gestalten und entwickeln zu können. Da sehr viele weitere Ideen und Ansätze während des bisherigen Prozesses entstanden sind, freuen wir uns schon jetzt auf die nächsten gemeinsamen digitalen Services und Features und verfolgen mit Spannung, in welche Richtung sich die Flughafenwelt und das Reiseverhalten weiterentwickeln wird.

Der Beitrag BER Flughafen Berlin Brandenburg GmbH erschien zuerst auf Janine Gollub.

GORE-TEX Website

Janine Gollub — Mon, 27 Jul 2020 17:31:00 +0000

Kunde

gore-tex

Agentur

akqa

Job

ux-strategy

Link

Website

RELAUNCH DES WEBAUFTRITTS FÜR GORE-TEX

Die innovativen Technologien von GORE-TEX bieten Outdoor-Sporttreibenden den perfekten Schutz vor Nässe, Wind und Unterkühlung.

Herausforderung

Die wasserdichten und zugleich atmungsaktiven GORE-TEX Funktionstextilien sollten nicht nur im B2B-Bereich, sondern diesmal auch im B2C-Bereich Bekanntheit erlangen, aber vor allem auch verstanden werden. Die Technologien, die langjährige Expertise, die aufwändigen Testbedingungen und einzigartigen Testeinrichtungen von GORE-TEX sollten dabei im Vordergrund stehen.

Ziel

Hinter jedem Produkt stecken ganz bestimmte technologische Entwicklungen. Diese zu verstehen, zu begreifen und die für sich richtig Kleidung zu finden, war Mittelpunkt in der Entwicklung der neuen Plattform.

Methoden und Prozess

Zielgruppen-Interviews. Analyse und Auswertung des bisherigen Nutzerverhaltens. Strategie zur Zielsetzung des Unternehmens und Ableitungen für die Umsetzung. Restrukturierung und komplette Überarbeitung der Inhalte aufgrund der ermittelten Daten und Analysen, Sitemap, Verbesserung der User Experience.

Der Beitrag GORE-TEX Website erschien zuerst auf Janine Gollub.

KfW Stories

Janine Gollub — Mon, 17 Sep 2018 11:06:42 +0000

Kunde

kfw

Agentur

experience one
(ehem. nolte & lauth)

Job

lead ux design

Link

Website

KfW Stories – ein online-magazin Über menschen und länder der welt, die fast vergessen wurden.

Ausgangspunkt

Die KfW fördert und unterstützt weltweit Projekte – stets unter genauer Beobachtung sozialer Aspekte. Von Nationalparkanlagen in Afrika, über Solaranlagen in Mexiko und Start-ups in Deutschland, hin zu Kleinbauern in Vietnam. Die KfW stellt nicht nur die finanziellen Mittel, sondern berät, hilft bei der Umsetzung und betreut diese Vorhaben.

Herausforderung

Kaum jemand weiß, dass die KfW solche Projekte auf die Beine stellt. Als weltweit größte nationale Förderbank waren die Geschichten hinter ihren Produkten stets unbekannt.
Es gab keine Bündelung redaktioneller Inhalte, die über die Projekte der KfW weltweit berichteten. Das alte CMS ermöglichte keine zeitgemäße Integration oder gar Inszenierung multimedialer Inhalte. Schnittstellen waren nur teilweise vorhanden. Die Werte und die Bandbreite der KfW Fördermöglichkeiten wurde nicht ausreichend kommuniziert. Projektbegleitende Content Curation war ausbaufähig.

Mission

Sympathie und Image der KfW verbessern, Relevanz und Bekanntheit steigern und dabei die Werte der KfW vermitteln, Multiplikatoren und Entscheidungsträger erreichen.

Methoden und Prozess

Zielgruppeninterviews, die Erstellung von Personae und der enge Austausch mit dem Redaktionsteam der KfW halfen uns die Zielgruppen besser zu verstehen. Die mit dem Kunden gemeinsame Entwicklung von Zielmatrix und Vision war uns zu jedem Zeitpunkt der Plattformentwicklung eine Entscheidungshilfe. Sie bildeten die Grundpfeiler einer guten und leistungsstarken Zusammenarbeit.
Ein ausgiebiger Content Audit mit anschließender Content Strategie und Planung ebnete die Vorarbeit für eine solide Inhaltsstruktur. Somit haben wir ein nutzerfreundliches Navigationskonzept entwickelt, das bis heute die UX-Tests besteht. Die Erstellung von Sitemap, Wireframes, der Spezifikation von Seiten- und Modultypen, sowie die Entwicklung von Prototypen halfen uns eine perfekte Plattform für die Stories der KfW zu entwerfen.
Wir konnten konkrete Maßnahmen zur Content Produktion und Empfehlungen zum Content Management geben. Redaktions-Guidelines halfen dabei, CI, Module und Seitentypen auch im redaktionellen Prozess stets zielgerichtet zu verwenden.

Ergebnis

Eine digitale Plattform, die die einzigartigen Geschichten hinter der KfW erzählt – mitreissend, unterhaltsam, immer aktuell, mit Filmen, Reportagen, Interviews und Statements von genau den Menschen, die etwas bewegen in der Welt. Geschichten aus aller Welt über Erfinder, Bauherren, über Menschen im Licht und Menschen im Schatten.

Der Beitrag KfW Stories erschien zuerst auf Janine Gollub.

OTTO Karriere Plattform

Janine Gollub — Sun, 16 Sep 2018 11:49:51 +0000

Kunde

OTTO

Agentur

HEIMAT

Job

LEAD UX DESIGN

Link

Website

relaunch der karriere plattform für den Onlinehänder Otto, um Personal in den Bereichen IT, E-Commerce und Online-Marketing zu rekrutieren.

Herausforderung

Die Anziehungskraft von OTTO unter den genannten Fachbereichen war durchaus gering. In einem stark umworbenen Markt, bei dem Zalando, Google, Apple durchaus attraktiver wirken, galt es die Kompetenz im Technologie-Bereich deutlich zu machen und mit fachspezifischen Inhalten und Vorträgen die Zielgruppe zu erreichen. Eine neue service-orientierte Otto Karriere-Plattform sollte die Zielgruppe ansprechen, abholen und bestmöglich durch den Bewerbungsprozess leiten.

Lösung

Es galt eine intuitiv bedienbare Jobbörse zu entwickeln. Zielgruppenspezifische Einstiege, die Möglichkeit jederzeit Einsicht in den Status des Bewerbungsprozesses zu erlangen, direkte Ansprechpartner und One-Click Bewerbungen beweisen, dass das ROT4-Team von Otto digital kann. Bilder, Interviews und Statements der Mitarbeiter sorgen zusätzlich dafür, dass sich Otto als authentischer Arbeitgeber und Vorreiter im Online-Handel positionieren konnte.

Methoden und Prozess

Ausgiebiges Research zum Nutzerverhalten von Bewerbern und Jobinteressierten. Erarbeitung zum Einsatz von Zielgruppeneinstiegen, um die Services und Informationen besser auf die Zielgruppen zuzuschneiden.
Erstellung und Ausarbeitung von Personae, Sitemap, User Stories, Wireframes, Workshops, Prototypen, Testing, Feinspezifikation für die Entwicklung.

Der Beitrag OTTO Karriere Plattform erschien zuerst auf Janine Gollub.

Google Maps „Fluchtplan ins Grüne“

Janine Gollub — Sat, 15 Sep 2018 11:55:01 +0000

Kunde

google

Agentur

heimat

Job

lead ux design

Link

Website

GOOGLE MAPS SERVICE

Raus aus dem Grau. Rein in die Natur. Google Maps schickt alle Großstädter mit einem Fluchtplan ins Grüne. Über die Website lässt sich der User lokalisieren und bekommt sofort die besten Plätze angezeigt – immer in der Nähe und meist geheim.

Herausforderung

Google Maps wird oft nur als reiner Online-Kartendienst wahrgenommen. Eine Plattform, bei der man meist schnell nach einem Ort schaut, eine Route oder vielleicht mal via Street View die Umgebung der nächsten Wohnung anschaut. Dabei kann Google Maps mehr sein, vor allem, wenn es darum geht auch im Alltag Auszeiten zu schaffen. Denn wer kennt es nicht: Ein stressiger Tag im Büro, den Kopf voll mit Dingen und das Wochenende noch lange nicht in Sicht?

Lösung

Blogger und Fotografen aus ganz Deutschland haben uns ihre beliebtesten Plätze in der Natur verraten. Die kleinen Parkanlagen hinten am Teich oder der beste Blick auf den Sonnenuntergang der Stadt. Es ist alles dabei. Eine Lichtung im Wald, um dem Alltag zu entkommen oder ein kleines grünes Fleckchen mitten zwischen den Häusern der Stadt. Die grünen Locations holen die Großstädter endlich aus dem Grau.
Um möglichst schnell ins Grüne zu kommen und die besten Spots zu entdecken, wurde die Website g.co/insgruene entwickelt. Der User lässt sich einfach lokalisieren oder gibt seinen Standort direkt an und sieht sofort mehrere Locations im Grünen. Zwischen den Spots kann er nach links und rechts wischen. Hat der User sich für einen Spot entschieden, bringt ihn die schnellste Route über Google Maps vom Fleck weg raus in die Natur. Insgesamt können 180 Locations entdeckt werden. Fotografiert, lokalisiert, von den Entdeckern beschrieben und mit den Hashtag #insgruene versehen, sind diese Spots zu festen Google Pins geworden – um auch in Zukunft die schönsten Fluchtorte Deutschlands festzuhalten.

Ergebnis

Blogs und Zeitungen in ganz Deutschland griffen die Initiative auf und regten ihre Leser dazu an, ins Grüne zu flüchten. Von großen nationalen Medien bis hin zu kleinen lokalen Zeitungen und Stadtnachrichten – Journalisten und Leser begannen, ihre Lieblingstipps und geheimen grünen Verstecke zu teilen. Die Initiative steigerte den Website-Traffic um 1,3 Millionen Besuche, wobei jeder Nutzer durchschnittlich 59 Sekunden auf der Plattform verbrachte.

Der Beitrag Google Maps „Fluchtplan ins Grüne“ erschien zuerst auf Janine Gollub.