Filmplakatdesigns zur Inspiration Ihrer PWA-Heldenbilder

Ich habe letztes Wochenende die Fandango-Website besucht, in der Hoffnung, etwas zu finden, das mir einen Vorwand geben würde, ein paar Stunden in einem klimatisierten Kino zu verbringen. Das ist mir als erstes aufgefallen, als ich dort ankam:

Um ehrlich zu sein, die meisten dieser Filmplakate haben mich überhaupt nicht motiviert, das Haus zu verlassen. Außer The Lion King, das eine so auffällige Farbpalette hat, und Once Upon a Time in Hollywood, das coole Sachen mit Typografie macht.

Hat das schon mal jemand anderes erlebt? Sie haben Lust auf einen Film und entweder:

• Werfen Sie einen Blick auf das Filmplakat, an dem Sie interessiert waren, nur um sich zu fragen, ob es sich überhaupt lohnt, es sich anzusehen?
• Einen Blick auf ein Filmplakat erhaschen, über das Sie nicht viel nachgedacht hatten, aber dann Ihren Plan geändert und stattdessen dieses hier gesehen haben?

Und wir reden hier nicht einmal über Filmtrailer. Wir sprechen darüber, was ein einzelnes Poster, das entworfen wurde, um für einen Film zu werben und die Leute dazu zu verleiten, ihn anzusehen, auf Ihre Wahrnehmung auswirken kann.

Wenn Sie darüber nachdenken, hat das Heldenbild auf einer PWA genauso viel Einfluss auf einen Erstbesucher.

Sie haben nur wenige Sekunden Zeit, um mit Ihrem Heldenbild Eindruck zu machen. Wie möchten Sie, dass sich Ihre Besucher fühlen?

„

Gehen Ihre Besucher durch die PWA und sind gespannt auf das, was sie gleich finden werden? Oder tun sie dies mit Besorgnis aufgrund von Enttäuschung oder Verwirrung, die durch das erste Bild verursacht wurden?

Schauen wir uns einige Beispiele für gute und schlechte Filmplakate an und sehen, welche Art von Lektionen wir verwenden können, um Ihnen bei Ihrem PWA-Helden-Design zu helfen:

1. Vermeiden Sie Stockfotos, wenn Sie können

In anderen Teilen einer PWA können hochwertige Stockfotos ausreichen, die von Websites wie Getty oder iStock gekauft wurden. Aber Ihr Heldenbild?

Ich würde sagen, Sie sollten damit sehr vorsichtig sein, besonders wenn Sie ein Stock-Foto verwenden, das leicht erkennbar ist. Selbst wenn es ein attraktives Foto ist und perfekt zur Geschichte der Marke passt, glauben Sie wirklich, dass die Bilder von jemand anderem an die Spitze der PWA gehören?

Als Aquaman 2018 herauskam, veröffentlichten sie eine Reihe von Filmplakaten, um dafür zu werben. Es war jedoch dieses spezielle Plakat, das online für einen großen Aufruhr sorgte:

Im Wesentlichen liefen die Beschwerden auf Twitter auf die Verwendung dieses Stockfotos von Getty hinaus:

Jetzt können Sie damit rechnen, dass es Streit gibt, wenn ein Superheldenfilm ernsthaft kritisiert wird. Mit Lagern, die klar zwischen Marvel- und DC-Filmen aufgeteilt sind, ist es schwer, Ihre Superhelden nicht mit Händen und Füßen verteidigen zu wollen, wenn jemand sie beleidigt. Auch wenn es wegen eines Stockfotos eines Hais ist.

Die Leute gegen die Kritik haben jedoch einen Punkt. Es ist nicht so, dass die wahren Stars des Films mit lebenden Haien in ein Gewässer getaucht werden könnten. Abgesehen von Stockfotografie oder CGI, welche Wahl hatten die Plakatdesigner wirklich?

Das heißt, ich denke, das eigentliche Problem ist, dass dies ein riesiger Film mit einem riesigen Studiobudget ist, und die Aufnahme eines Archivfotos lässt Sie sich fragen, ob sie irgendwo anders im Film Abstriche gemacht haben.

Die Verwendung von Stock-Fotos mit Wiedererkennungswert in einem Hero-Image kann das gleiche Signal an Besucher senden, wenn sie von der Marke dahinter ein durchgängiges Premium-Erlebnis erwarten.

2. Machen Sie es einzigartig

Wenn Sie so viele Filme sehen wie ich, werden Sie bestimmte Trends bei Filmplakaten bemerken. Dies gilt insbesondere für das Rom-Com-Genre, wo es sich fast so anfühlt, als würden Designer sich nicht die Mühe machen, originell oder kreativ zu sein.

Während diese Ähnlichkeit von Filmplakaten Fans bestimmter Genres helfen kann, die Art von Filmen, die sie sehen möchten, sofort zu identifizieren, sendet sie ihnen auch ein weiteres Signal.

Wenn Sie nicht wissen, wer Nicholas Sparks ist, er ist Autor von über zwanzig Büchern, von denen die meisten ähnliche Handlungen haben.

Ich lasse diese Vanity Fair-Filmposter-Zusammenstellung meinen Standpunkt demonstrieren:

Wenn Sie mit jemandem über einen dieser Filme sprechen würden, könnte man es wie folgt zusammenfassen:

„Du kennst den Film… Den mit dem Jungen und dem Mädchen, die sich anfangs nicht wirklich mögen, sich dann aber unsterblich verlieben und eine Trennung nicht ertragen können? Oh ja, und da ist diese Person, die am Ende stirbt.“

Das beschreibt ungefähr 80 % dieser Geschichten, weshalb es nicht allzu überraschend ist, dass die Filmplakate für jede so verdammt ähnlich aussehen.

Wie ich bereits sagte, könnte ein ähnlich gestaltetes Poster zu ihren Gunsten wirken, wenn sie versuchen, eine ganz bestimmte Untergruppe von Kinobesuchern anzusprechen. Aber mit PWAs funktioniert das nicht.

Sofern Sie keine PWA erstellen, um eine andere Marke direkt zu ergänzen, gibt es keinen Grund, Ihr Heldenimage so zu gestalten, dass es dem von anderen ähnlich sieht. Es wird nur Verwirrung stiften, wenn Besucher die Ähnlichkeiten bemerken. Oder sie fragen sich, warum sie sich die Mühe machen, sich die PWA anzusehen, wenn sie davon ausgehen, dass nicht nur die Bilder gleich aussehen, sondern auch die darin enthaltenen Dienstleistungen und Produkte.

Wenn Sie möchten, dass sich Ihre PWA von der Masse abhebt, sollte Ihr Heldenbild einzigartig sein.

3. Konzentrieren Sie sich auf eine Sache

Eines der Probleme bei der Herstellung eines Films mit einer All-Star-Besetzung besteht darin, dass es unmöglich ist, sich auf nur eine Person zu konzentrieren – nicht nur innerhalb der Handlung, sondern auch auf dem Filmplakat.

Ein typisches Beispiel: Was Sie erwartet, wenn Sie erwarten:

Wenn ich zum ersten Mal über dieses Poster stolpern würde, wüsste ich nicht, wo ich damit anfangen soll.

Der Titel in der Mitte hilft, aber die konkurrierenden Fotos sind überwältigend. Außerdem, wenn Sie sich das obere Foto genau ansehen, werden Sie sehen, dass jede der Frauen einzeln in das Bild geschichtet wurde. Warum ein schlecht kompiliertes Foto neben einer tatsächlichen Aufnahme aus dem Film verwenden? Es schafft eine sehr unzusammenhängende Erfahrung.

Um Ihnen zu zeigen, welchen Unterschied ein einzelner Fokus machen kann, schauen wir uns das Filmplakat für ET the Extra-Terrestrial an:

Es ist nicht so, dass dieser Film ohne eine großartige Besetzung von Stars auskommt. Es ist nur so, dass das Team, das dies entworfen hat, erkannt hat, dass es einen wirklichen Fokus im Herzen des Films gibt, und zwar die Beziehung zwischen Elliott (dem Jungen) und ET (dem Außerirdischen).

Ich würde Sie dringend bitten, bei der Gestaltung Ihres Heldenimages nach etwas Ähnlichem zu suchen – selbst wenn Ihre Kunden zu Ihnen kommen und sagen, dass alle ihre Dienstleistungen gleich wichtig sind und sie möchten, dass die PWA zeigt, dass sie alles für alle tun können. Wenn Sie versuchen, diese Art von Botschaft in ein Bild zu übersetzen, wird dies scheitern. Finden Sie also Ihren Fokus.

4. Geben Sie der Stadt ein subtiles Nicken

Filme können in einer beliebigen Anzahl von Einstellungen stattfinden. Je nachdem, um welche Art von Film es sich handelt, werden Sie vielleicht sogar feststellen, dass die Kulisse fast zu einer Figur innerhalb der Geschichte wird. Lassen Sie mich erklären.

Richard Linklater drehte eine Filmtrilogie mit Julie Delpy und Ethan Hawke.

Der erste Film heißt Before Sunrise und spielt, als Delpy und Hawke beschließen, aus einem Zug auszusteigen und durch die Stadt Wien zu laufen, bevor sie sich am nächsten Morgen trennen:

Der zweite Film heißt Before Sunset und spielt in der Nähe von Paris:

Der letzte Film heißt Before Midnight und spielt in Griechenland:

Auf jedem dieser Poster können Sie sehen, dass der Hintergrund der Geschichte stark in das Design einfließt. Und das liegt daran, dass es wirklich keine Geschichte ohne ihre geografische Umgebung gibt.

Es sind nicht nur Filme über zwei Menschen, die miteinander reden. Es geht um zwei Menschen, die sich kennenlernen, während sie eine neue Stadt erkunden – eine Stadt, die fast wie eine dritte Figur wird, die der Zuschauer im Laufe der Filme kennenlernt.

Wenn das Unternehmen, für das Sie entwerfen, eine starke Bindung zu einer bestimmten geografischen Region hat, sehen Sie nach, ob Sie einen Weg finden können, es irgendwie in das Heldenbild zu integrieren. Mit dem eigentlichen Stadtbild im Hintergrund muss es nicht so explizit sein. Aber es gibt vielleicht noch andere Möglichkeiten, eine besondere Note hinzuzufügen, die lokale Besucher denken lässt: „Hey, da komme ich her!“ oder "Ich war dort!"

5. Seien Sie kreativ mit Leerraum

Sie wissen bereits, dass Leerraum ein wichtiger Bestandteil des Designs ist, insbesondere wenn Sie versuchen, eine große Botschaft über dem Falz auf einer PWA zu vermitteln. Um die Besucher nicht zu überfordern, möchten Sie die Dinge einfach halten. Aber das bedeutet nicht, dass Sie nicht kreativ sein können, wie Sie diesen weißen Raum füllen.

Nehmen Sie zum Beispiel das Plakat zum Unabhängigkeitstag:

Obwohl das Raumschiff ein Gefühl der Angst vermittelt, ist es auch eine wirklich kreative Möglichkeit, den gesamten weißen Raum zu füllen, der sonst den oberen Rand dieses Fotos einnehmen würde.

Ein weiteres lustiges Beispiel für das Spiel mit dem weißen Raum ist auf dem Poster für Scarface zu sehen:

Auf den ersten Blick könnte man dies nur für das auffällige Bild halten, das es ist. In dem Wissen, dass Tony Montana der Kopf eines Drogenkartells ist und eine obszöne Vorliebe für das Schnupfen von Koks hat, bekommt das Weiß, das ihn konsumiert, hier eine andere Bedeutung.

Es ist ein bisschen schwierig, Ihnen eine strenge Anleitung zu geben, da es darum geht, mit dem Platz, den Sie haben, kreativ umzugehen. Was ich jedoch vorschlagen würde, wenn Sie diesen Weg gehen möchten, ist, sich Möglichkeiten auszudenken, wie Sie mit Symbolik spielen können, ohne sie explizit auf dem Foto präsentieren zu müssen. Wenn Sie dazu mit Schatten, Licht und Raum spielen können, hätte das eine viel größere Wirkung.

6. Seien Sie spielerisch mit Typografie

Designer von Filmplakaten neigen in der Regel dazu, sehr konservativ zu sein, wenn es um Typografie geht. Sie wählen eine einzige Farbe für die Schriftart und es ist fast immer eine große, blockige, serifenlose Schriftart.

Aber warum nicht ein bisschen Spaß damit haben? So wie Sie das Bild mit kreativen Schnörkeln versehen können, wäre es keine so schlechte Idee, dasselbe mit Text zu tun, solange sich beide ergänzen.

Ein schönes Beispiel dafür finden Sie auf dem Poster von John Wick:

Wenn Sie schnell auf das Bild blicken, werden Sie die Feinheiten des Designs möglicherweise nicht erkennen. Aber sie sind da.

Zunächst einmal ersetzt der Lauf der Waffe den Buchstaben „o“. Aber beachten Sie, wie der Rand in der gleichen Farbe wie der Rest der Buchstaben gefärbt ist? Dies trägt dazu bei, dass es sich auf den ersten Blick so gut vermischt.

Dann haben Sie das aus den Fugen geratene Aussehen der Buchstaben selbst, wo sie geteilt und durch die Mitte geneigt sind.

Für diejenigen unter Ihnen, die den Film nicht gesehen haben, ist dies im Wesentlichen das, was mit Keanu Reeves 'Charakter passiert. Er war einst ein Attentäter, gab es aber aus Liebe auf. Als seine Frau stirbt und ihm die letzten Überreste von ihr genommen werden, ist er zerrissen. Führt er das Leben eines normalen Mannes weiter? Oder gibt er alles auf und randaliert mörderisch?

Ich weiß, dass es beim Entwerfen eines Heldenbilds klug ist, das Bild die Geschichte erzählen zu lassen, aber ich denke, subtile Berührungen des Textes können es wirklich verbessern.

Einpacken

Also, was haben wir hier gelernt? Nun, es gibt sicherlich einen richtigen und einen falschen Weg, um ein Filmplakat und eine PWA zu entwerfen. Aber darüber hinaus ist es am wichtigsten, sich wirklich Gedanken darüber zu machen, was diese ersten Sekunden Ihren Zuschauern vermitteln sollen.

Wenn Sie nicht erfassen, worum es bei der PWA geht, oder Sie dies auf eine langweilige, unoriginelle, vage oder kitschige Weise tun, werden Sie ihr Interesse fast sofort verlieren.

Aber…

Wenn Sie perfekt erfassen können, worum es bei einer Marke geht, zusammen mit den subtilen Nuancen, die sie besonders machen, werden Sie mehr Besucher dazu anregen, mit einem einzigen Bild zu scrollen und zu klicken.

Empfohlene Lektüre auf SmashingMag:

• Ein umfassender Leitfaden für progressive Webanwendungen
• Werden PWAs native mobile Apps ersetzen?
• Können Sie mit einer mobilen App oder einer PWA mehr Geld verdienen?
• Native und PWA: Entscheidungen, keine Herausforderer!