So entwerfen Sie leistungsstarke Narrative auf Mobilgeräten

Geschichten müssen nicht immer im Es war einmal…-Format erzählt werden. Schauen Sie sich zum Beispiel Filme an. Einige Geschichten werden in chronologischer Reihenfolge erzählt, während andere auf einer Zeitachse herumspringen. Es gibt Geschichten, die aus der Perspektive des Protagonisten erzählt werden, während andere die Zuschauer die Geschichte aus der Sicht aller sehen lassen. Außerdem können Geschichten traurig, lustig, dramatisch oder alles zusammen sein.

Es gibt eine Menge Variationen, wie eine Geschichte erzählt werden kann. Eines müssen sie jedoch alle gemeinsam haben:

Sie müssen den Leser irgendwie in die Erzählung hineinziehen.

Storytelling ist ein sehr mächtiges Werkzeug für Websites, aber es gelten die gleichen Regeln. Es spielt keine Rolle, wie Sie die Geschichte erzählen – es muss nur den Besucher anziehen.

Heute werde ich Sie durch verschiedene Storytelling-Techniken führen und Ihnen einige Ideen geben, wie Sie diese Art von Erzählungen in Ihre eigenen mobilen Websites oder PWAs integrieren können.

So entwerfen Sie leistungsstarke Narrative auf Mobilgeräten

Storytelling ist ein großartiges Tool für mobile Websites.

Ein Grund dafür ist, dass der kleinere Bildschirm Sie dazu zwingt, die Erzählung prägnanter zu gestalten . Das bedeutet, dass Sie Besucher schneller zum Höhepunkt Ihrer Geschichte bringen können, was ihre Zeit bis zur Konversion verkürzt.

Ein weiterer Grund, warum Storytelling auf Mobilgeräten so gut funktioniert, ist, dass es einfacher ist, Besucher in die Geschichte hineinzuziehen. Alles, was Sie tun müssen, ist, Ihrer Website ein buchartiges Aussehen zu verleihen, und sie werden schnell darin eintauchen.

Darüber hinaus können Sie den Großteil der Bildsprache sprechen lassen und auf die langen Geschichten verzichten, die Firmengründer sonst gerne über ihr Unternehmen erzählen würden.

Es gibt eine Branche, von der ich denke, dass sie auf diese Weise eine außergewöhnliche Arbeit beim Geschichtenerzählen leistet, und das ist die Bier- und Alkoholindustrie. Wenn Sie darüber nachdenken, können es sich diese Art von Unternehmen nicht leisten, ihre Produkte einfach den Verbrauchern ins Gesicht zu drücken. Hier sind einige Gründe dafür:

1. „Lass dich berauschen“ ist kein sehr starkes oder einzigartiges Verkaufsargument. Aber eine Geschichte, die den Kunden in seinen Bann zieht und ihn zu einem Teil der Erzählung macht, kann es sein.
2. Um die Analyselähmung zu vermeiden, die mit der Auswahl einer Spirituosen- oder Biersorte aus Dutzenden ähnlicher Optionen einhergeht, verwenden Marken Geschichten, um sich zu differenzieren.
3. Sie können langfristige und loyale Beziehungen zu Kunden effektiver aufbauen, indem Sie Ihre Produkte in einzigartige Erlebnisse verwandeln.

Fazit : Beim Erstellen von Websites für Produkte oder Dienstleistungen in stark umkämpften Räumen kann das Geschichtenerzählen ein echter Wendepunkt sein. Sehen wir uns einige der gebräuchlicheren Storytelling-Techniken und Beispiele an, die zeigen, wie sie ausgeführt werden.

Luftfahrt-Gin

Welche Geschichte erzählt die Seite?
Die geführte Reise

Welche Arten von Unternehmen profitieren von dieser Art des Geschichtenerzählens?
Diese Art von Storytelling-Technik eignet sich am besten für neue Unternehmen mit einer starken Branding-Komponente. Auf diese Weise ist das Unternehmen nicht nur ein weiteres Doppelgängerunternehmen, das den Raum betritt. Es bietet etwas Unterhaltsameres und Ansprechenderes, das potenzielle Kunden dazu ermutigt, mitzufahren – sogar am ersten Tag.

Das „Maskottchen“ ist eine der besten Möglichkeiten, um diese Art des Geschichtenerzählens zum Laufen zu bringen, da es zum Leitfaden für die Besucher wird, um die Website und alles, was sie zu bieten hat, zu erkunden.

Denken Sie an Flo von Progressive, William Shatner für Priceline oder The Old Spice Guy. In der Sekunde, in der Sie diese Maskottchen sehen, können Sie nicht umhin, sich zu fragen, auf welche Art von „Abenteuer“ sie Sie als nächstes mitnehmen werden. Es ist eine fantastische Möglichkeit, eine treue Fangemeinde aufzubauen.

Wie sieht die Storytelling-Methode The Guided Journey aus?
Im Falle von Aviation Gin hat Mitinhaber Ryan Reynolds der Marke nicht nur seine Starpower, sondern auch den kantigen Sinn für Humor verliehen, für den er bekannt ist.

Beim Betreten der mobilen Website ist das Gesicht von Reynolds das erste, was Besucher sehen:

Das Video (und das lächerliche Zitat darunter) ist das, was Sie von Reynolds erwarten würden, es macht Witze und führt Besucher in eine absurde Welt ein, die er wahrscheinlich an Ort und Stelle erfunden hat. Es ist auch kurz, auf den Punkt gebracht und wird die Besucher zweifellos zum Nachdenken bringen:

Okay, okay, ich muss diesen Gin probieren.

Scrollen Sie einmal nach unten und Sie werden diese Einladung finden, sich über den Aviation Gin-Newsletter mit Reynolds in Verbindung zu setzen:

Obwohl es Reynolds' Humor etwas einschränkt, zeigt es ihn weiterhin als den Piloten dieser Reise, die die Besucher unternehmen werden. Und wenn wir wissen, was unsere Benutzer wollen, ist das ein brillanter Schachzug. Reynolds wird ihnen nicht nur mit der gelegentlichen Anzeige vorgehalten (wie es so viele Unternehmen mit ihren Sprechern tun). Er ist tatsächlich in die Erfahrung eingebaut.

Darüber hinaus hat Aviation Gin den Rest der Website so gestaltet, dass er sich wie ein Flug abspielt, mit raffinierten Wortspielen und relevanten Grafiken.

Diese einseitige Website ist von Anfang bis Ende so gut gemacht, und ein großer Teil davon ist auf die Geschichte zurückzuführen, der sie sich verschrieben haben:

• Wir sind Aviation Gin.
• Ryan Reynolds bringt Sie zu Ihrem Ziel.
• Willst du nicht mitfahren?

Es ist eine großartige Erzählung. Und für diejenigen, die nicht wissen, wer Ryan Reynolds ist, sollte die zugeknöpfte Website mit ihren Fluganalogien und Wortspielen auch ausreichen, um sie in ihren Bann zu ziehen.

Pacto-Navio

Welche Geschichte erzählt die Seite?
Die immersive Geschichte

Welche Arten von Unternehmen profitieren von dieser Art des Geschichtenerzählens?
Dies ist ein weiterer effektiver Ansatz für das Geschichtenerzählen, wenn Sie eine Website für ein neues Unternehmen erstellen. In diesem Fall gibt es jedoch keine reale Persönlichkeit, die sie auf die Reise der Marke mitnehmen kann. Stattdessen müssen Sie sich auf die Stärke der Marke und Ihre Fähigkeit verlassen, etwas zu entwerfen, das sich immersiv anfühlt.

Dies ist besonders nützlich, wenn das Unternehmen schon lange nicht mehr existiert und Sie nicht viel Geschichte oder Auszeichnungen haben, auf die Sie zurückgreifen können. Stellen Sie nur sicher, dass Sie einen klaren Fokus für Ihre Geschichte haben, damit Besucher nicht versuchen, den Pfad zu verlassen, den Sie für sie erstellt haben.

Wie sieht die Storytelling-Methode The Immersive Tale aus?
Um eine fesselnde Geschichte auf einer mobilen Website aufzubauen, müssen Sie sie als Abenteuer gestalten. Auf diese Weise denken Besucher nicht einmal an die Menüschaltfläche. Stattdessen sind sie bereit, mitzuspielen und sich von Ihnen durch die Website führen zu lassen.

Pacto-Navio beherrscht diese Art des Geschichtenerzählens gut. Es gibt eine Reihe von Gründen, warum dies auch funktioniert.

Erstens hat jeder Teil der Geschichte eine eigene ganze Seite:

Dies ist zum Beispiel die Startseite. Zuerst sehen alle Besucher nur den Kompass, aber dann bewegen sich die beiden Zeiger von Osten (Frankreich) und Westen (Kuba) hinein, um die beiden Herkunftsländer des Rums zu symbolisieren.

Dies ist ein weiterer Grund, warum sich diese Seite so eindringlich anfühlt. Von Anfang an führt die Website Besucher aktiv vom Einstiegspunkt zum Ziel. Und das meine ich wörtlich .

Die Seite ist voller Animationen. Sie sind nicht überwältigend oder unnötig. Jedes der sich bewegenden Elemente (sogar die Übergänge zwischen horizontalen Seitenwechseln) ist subtil und dennoch relevant.

Das Design der Website als Ganzes sollte den Besuchern das Gefühl geben, eine epische Abenteuergeschichte zu lesen. Aber dies ist eine Website; nicht irgendein Buch, das sich darauf beschränkt, eine Geschichte auf den Seiten zu erzählen.

Auf der mobilen Website von Pacto-Navio können Besucher entscheiden, wann sie anhalten und mehr erkunden möchten. Und wenn sie es tun, wird mehr von der Geschichte enthüllt:

In gewissem Sinne ist diese Art von Website – bei der jede Seite durch eine einzelne Karte dargestellt wird und wie die Seiten eines Buches durchgeblättert werden kann – eine der ansprechendsten Möglichkeiten, eine Geschichte zu erzählen.

Jede Seite und die entsprechende Grafik werden einzeln bereitgestellt. Wenn sich Besucher dann entscheiden, mehr zu erkunden, wird die Geschichte kurz erzählt, während kleine Animationen sie darauf konzentrieren, sich auf der Seite nach unten zu bewegen. Es fühlt sich wirklich an, als würde man ein Buch lesen.

Samuel Adams

Welche Geschichte erzählt die Seite?
Der Liebesbrief

Welche Arten von Unternehmen profitieren von dieser Art des Geschichtenerzählens?
Wenn Sie jemals ein Buch gelesen oder einen Film gesehen haben, bei dem der physische Ort (normalerweise eine Stadt) eine Rolle in der Geschichte spielt, dann wissen Sie, wie emotional eine Erfahrung werden kann.

Nehmen Sie zum Beispiel einen von Woody Allens Filmen. Viele von ihnen spielen in New York City oder in üppigen Städten in ganz Europa – und es fühlt sich an, als wären die Städte selbst Charaktere. Dasselbe gilt für Bücher. Stephen King macht das oft, wie beim Overlook Hotel in The Shining oder Shawshank Prison in The Shawshank Redemption . Die Orte spielen eine ebenso wichtige Rolle wie die Menschen in den Geschichten.

Ob Sie es glauben oder nicht, dies ist etwas, was Sie mit Ihrer mobilen Website tun können, wenn es sich um ein Unternehmen mit starken Verbindungen zu einem geografischen Gebiet handelt.

Wie sieht die Storytelling-Methode The Love Letter aus?
Samuel Adams ist eine Brauerei mit tiefen Verbindungen zu Boston, Massachusetts.

Menschen aus Boston neigen dazu, leidenschaftliche Verfechter lokaler Marken und Unternehmen zu sein – und die Beziehung, die sie zu dieser Brauerei haben, ist nicht anders. Deshalb ist es nicht verwunderlich, dass die Website von Samuel Adams folgenden Themen gewidmet ist:

1. Die Stadt Boston,
2. Die Menschen in Boston.

Betrachten Sie es als einen Liebesbrief an alles, was mit Boston zu tun hat.

Die mobile Website beginnt mit Folgendem:

Das Bier von Samuel Adams wird in diesem Heldenbild nicht erwähnt. Dies ist ein Call-to-Action: Toast Someone .

Dieses Video zeigt Comedians, die auf die Menschen anstoßen, die ihr Leben verändert und sie befähigt haben, das zu tun, was sie tun. Es ist eine wirklich herzliche Art, Menschen auf ihre Reise mit Samuel Adams zu bringen.

Etwas weiter unten auf der Seite erklärt die Brauerei, warum Komiker diese Toasts überhaupt aussprechen:

Aber es sind nicht nur berühmte Persönlichkeiten, die die Marke gebeten hat, an ihrem kollektiven Toast teilzunehmen. Das nächste Video ist eine Ode an die Stadt Boston und ihre Bewohner.

Besucher sehen berühmte Bostoner Einwohner (wie Big Papi von den Boston Red Sox, die der Stadt ihre Liebe und ihren Respekt entgegenbringen), aber es sind nicht nur bekannte Persönlichkeiten, die sich in dem Video zu Wort melden:

Neben wunderschönen Aufnahmen der Stadt Boston können Sie die echten Menschen der Stadt sehen. Im obigen Screenshot ist einer der Überlebenden des Bombenanschlags auf den Boston-Marathon zu sehen. Aber man sieht auch ein Ruderteam, das auf den Charles River zusteuert, einen Barbershop und Leute, die in einem Fitnessstudio boxen.

Sicher, die Bierflaschen von Sam Adams sind in den Trinksprüchen zu sehen, aber es ist trotzdem ein berührendes Video und eine schöne Ode an die Stadt Boston. Und da diese Website vollständig vom Geschäft von Samuel Adams getrennt ist, trägt sie dazu bei, dass sich die Leute auf das Toast-Projekt und die daraus resultierende positive Stimmung konzentrieren.

Wintrip Brew Co.

Welche Geschichte erzählt die Seite?
Der Graphic Novel

Welche Arten von Unternehmen profitieren von dieser Art des Geschichtenerzählens?
Es gibt Unmengen von Beispielen für Graphic Novels und Comics, die später zu Kinohits oder TV-Shows wurden:

• DIe laufenden Toten
• Wächter
• Stadt der Sünde
• V wie Vendetta
• Geist in der Muschel

Um die Wahrheit zu sagen, dieser Stil des Geschichtenerzählens wird für die meisten Marken nicht funktionieren, da eine Marke kantig, düster oder grenzüberschreitend sein muss, damit sie funktioniert. Es braucht auch eine Marke, die sich zu 100 % auf ihr Produkt konzentriert. Das bedeutet nicht, dass es keine eigene originelle oder inspirierende Geschichte zu erzählen hat, aber das Tempo einer Geschichte wie dieser sollte sich wirklich auf das konzentrieren, was Sie verkaufen.

Wenn Sie damit arbeiten und die kreativen Fähigkeiten haben, eine Website zu entwerfen, die die rasanten und dramatischen Seiten einer Graphic Novel darstellt, ist dies eine verdammt gute Möglichkeit, die Aufmerksamkeit Ihres Publikums zu erregen und zu halten.

„

Wie sieht die Storytelling-Methode der Graphic Novel aus?
Es gibt keine Möglichkeit, Websites mit dieser Storytelling-Methode zu gestalten. Das liegt daran, dass es so viele Variationen in der Art und Weise gibt, wie Graphic Novels und Comics gestaltet sind. Batman zum Beispiel ist dunkel und launisch. Bei Watchmen dreht sich alles um das übertriebene Retro-Design. Und dann ist da noch The Walking Dead , das sich einfach schmutzig anfühlt.

Sie müssen entscheiden, welche Art von „Vorteil“ Sie Ihrer Website geben möchten. Aber eines ist sicher: Es muss einen auffallenden Kontrast zwischen Dunkel und Hell haben.

Dies ist die mobile Website von Wintrip Brew Co.:

Wenn Sie es nicht besser wüssten, könnten Sie denken, dass dies eine Seite für eine Graphic Novel oder sogar ein Videospiel ist.

Aber so heißt Wintrip Brew Co. seine Besucher willkommen – und es ist ein toller erster Eindruck. Denn wer zum Teufel würde sich die Mühe machen, eine Homepage so zu gestalten, dass sie wie eine Graphic Novel aussieht, wenn der Rest der Website nicht nachziehen würde?

Es gibt keinen Grund, warum Besucher diesen Weg nicht weiter stolpern möchten.

Jeder Zentimeter dieser Seite fühlt sich an wie ein Graphic Novel. Es gibt seltsame Charaktere, die überall verstreut sind und die Besucher einladen, mehr von jeder Seite zu erkunden (wie der zombieäugige Koch oben).

Dann gibt es die eigentliche Geschichte, die auf den Seiten erzählt wird:

Die Typografie ist schlicht gehalten und doch durch den markanten Farbkontrast kantig. Wenn die Besucher die subtilen Hinweise, die das Schriftdesign ausstrahlt, nicht aufgreifen, dann werden es die Worte, die voller Attitüde sind, sicherlich tun.

Obwohl ich Ihnen gerne zeigen würde, wie die „Bier“-Seite gestaltet ist, sind die Wörter darauf unglaublich gewagt. Es genügt zu sagen, dass das, was Sie oben sehen, die Spitze des Eisbergs in Bezug auf das Überschreiten von Grenzen ist.

Aber das ist in Ordnung, denn genau darum geht es bei dieser Marke. Es ist sogar in der Art und Weise, wie sie ihre Biere gebraut haben, offensichtlich, dass sie Biertrinker ansprechen wollen, die nach etwas dunklerem und innovativerem suchen. Und das Design dieser Website hat dafür den perfekten Ton angegeben.

Jüngling

Welche Geschichte erzählt die Seite?
Die Zeitleiste

Welche Arten von Unternehmen profitieren von dieser Art des Geschichtenerzählens?
Die Timeline wird am besten von Marken verwendet, die eine lange Geschichte haben. Dies sind die Unternehmen, die seit über 100 Jahren in Betrieb sind. Es würde auch für Unternehmen gelten, die im Laufe der Jahre Dutzende von Meilensteinen erreicht haben.

Sie werden vielleicht nicht viele davon bekommen, aber wenn Sie es tun, ist The Timeline eine schöne Möglichkeit, die Geschichte eines Unternehmens (und seiner treuen Kunden) zu erzählen.

Warum Sie sich für diese Methode des Geschichtenerzählens entscheiden sollten, es ist eine der effizienteren Möglichkeiten, dies zu tun. Andernfalls würden Sie mit wahnsinnig langen Seiten enden, auf denen Sie versuchen, alles zusammenzufassen, was eine Marke im Laufe der Jahre erreicht hat – und das wäre Zeitverschwendung, wenn Sie versuchen würden, so etwas zu entwerfen, und eine große Prüfung für die Geduld Ihrer Besucher.

Stattdessen zerhackt eine Zeitleiste eine Geschichte in kleine, verdauliche und dennoch sehr beeindruckende Stücke.

Wie sieht die Storytelling-Methode The Timeline aus?
Dieser ist offensichtlich. Sie beginnen mit dem Anfang der Markengeschichte (normalerweise wie sich die Gründer kennengelernt haben oder auf ihre Idee gekommen sind) und enden mit heute. Unterwegs werden Sie ein paar Worte und einige auffällige Bilder austauschen, um die Meilensteine ​​hervorzuheben.

Schauen wir uns das Beispiel von Yuengling an, der ältesten Brauerei in den Vereinigten Staaten. Die Chronik des Unternehmens beginnt mit einem einzigen einleitenden Absatz und einem Video:

Besucher, die sich Zeit nehmen möchten, um diese Einführung zu erhalten, können dies problemlos tun. Der Rest kann zur Zeitachse springen, die mit der Gründung des Unternehmens im Jahr 1829 beginnt.

Was immer schön an der Zeitleiste eines Unternehmens ist, ist, dass man sehen kann, wie konsistent sie von Anfang an war. Auch wenn ein Unternehmen den Besitzer gewechselt oder den Namen geändert hat, bleibt das Design des Markenauftritts oder des Produkts selbst oft unverändert.

Einen Hinweis darauf können Sie oben beim Porter-Design sehen, das dem aktuellen Design einiger Yuengling-Verpackungen nicht unähnlich ist.

Im weiteren Verlauf der Geschichte erfahren die Besucher mehr über das Unternehmen – seine Gewinne, seine Verluste und die Veränderungen, die es zugunsten seiner Kunden vorgenommen hat.

Das sollte letztendlich das Ziel sein, die Geschichte einer Marke in einer Zeitleiste zu entwerfen. Es sollte nicht so sein, dass Sie eine Auszeichnung nach der anderen erhalten können. Wenn Sie Besucher binden und am Ende zu Kunden machen möchten, müssen Sie ihnen zeigen, wie sie in die Geschichte einfließen.

Im obigen Screenshot heißt es in der Zusammenfassung von 1996:

Die Nachfrage nach Yuengling beginnt tatsächlich, die Kapazität der Brauerei zu übersteigen. Der Rückzug aus Märkten außerhalb des lokalen Gebiets wird beschlossen.

Das ist genau das, was Kunden sehen wollen, wenn sie nach Marken suchen, denen sie treu bleiben können. Dies zeigt die Loyalität der Marke, Kunden ein qualitativ hochwertiges Produkt anzubieten, anstatt reich zu werden (was sie leicht hätte tun können).

Einpacken

Wie Sie sehen, gibt es unzählige Möglichkeiten, eine Geschichte durch Design zu erzählen. Und während die oben genannten Websites auf größeren Bildschirmen gut aussehen, glänzen sie wirklich auf Mobilgeräten. Das liegt daran, dass Designer Erlebnisse schaffen können, die sich eher so anfühlen, als würden Sie die Seiten eines Buches umblättern, anstatt aufgefordert zu werden, durch endlose Textmengen im Internet zu scrollen.

Die obige Liste ist keinesfalls vollständig, da Sie Geschichten für Unternehmen auf alle möglichen Arten erzählen können. Hören Sie sich einfach an, was Ihre Kunden über ihre Unternehmen zu sagen haben, und erstellen Sie dann eine Reise, die derjenigen entspricht, die sie genommen haben (oder dem Umweg, auf dem sie sich heute befinden).