Disegni di poster di film per ispirare le tue immagini di eroi PWA

Pubblicato: 2022-03-10
Riepilogo rapido ↬ Non hai molto tempo per catturare l'attenzione dei visitatori sulla tua PWA. Piuttosto che sprecare quel tempo con un'immagine di eroe sovraffollata o, peggio ancora, deluderli con un design poco brillante, diventa creativo con quel poco spazio che hai above-the-fold. Una delle migliori fonti di ispirazione per questo? Locandine di film.

Ho visitato il sito web di Fandango lo scorso fine settimana, sperando di trovare qualcosa che mi desse una scusa per passare un paio d'ore all'interno di un cinema con aria condizionata. Questo è ciò che ha attirato la mia attenzione per la prima volta quando sono arrivato lì:

La home page di Fandango mostra uno slider con i film popolari e i loro poster
La home page di Fandango mostra uno slider con i film popolari e i loro poster. (Credito immagine: Fandango) (Grande anteprima)

Ad essere onesti, la maggior parte di questi poster di film non ha fatto assolutamente nulla per motivarmi a lasciare la casa. Fatta eccezione per Il re leone, che ha una tavolozza di colori così sorprendente, e C'era una volta a Hollywood, che fa cose interessanti con la tipografia.

Qualcun altro l'ha mai sperimentato prima? Hai voglia di guardare un film e:

  • Dai un'occhiata alla locandina del film che ti interessava, solo per chiederti se valga la pena guardarla o meno?
  • Dai un'occhiata alla locandina di un film a cui non avevi pensato molto, ma poi hai cambiato il tuo piano e hai visto quella invece?

E non stiamo nemmeno parlando di trailer di film qui. Stiamo parlando di ciò che un singolo poster progettato per promuovere un film e invogliare le persone a guardarlo può fare alla tua percezione di esso.

Se ci pensi, l'immagine dell'eroe su una PWA ha la stessa influenza su un visitatore per la prima volta.

Hai solo pochi secondi per fare colpo con la tua immagine di eroe. Come vuoi che il tuo faccia sentire i visitatori?

I tuoi visitatori procedono attraverso la PWA con entusiasmo per ciò che stanno per trovare? O lo fanno con apprensione dovuta alla delusione o alla confusione causata dalla prima immagine?

Diamo un'occhiata ad alcuni esempi di poster di film buoni e cattivi e vediamo che tipo di lezioni possiamo usare per aiutarti con il design del tuo eroe PWA:

Altro dopo il salto! Continua a leggere sotto ↓

1. Evita le foto di riserva quando puoi

In altre parti di una PWA, le foto d'archivio di alta qualità acquistate da siti come Getty o iStock possono essere sufficienti. Ma la tua immagine di eroe?

Direi che dovresti stare molto attento con questo, specialmente se usi una foto d'archivio facilmente riconoscibile. Anche se è una foto attraente e si allinea perfettamente con la storia del marchio, pensi davvero che le immagini di qualcun altro appartengano ai vertici della PWA?

Quando Aquaman è uscito nel 2018, hanno pubblicato una serie di locandine di film per promuoverlo. Tuttavia, è stato questo particolare poster a causare un grande clamore online:

La locandina del film Aquaman include foto di stock di squali
La locandina del film Aquaman include foto di stock di squali. (Credito immagine: "Aquaman" su IMDB) (Anteprima grande)

In sostanza, le lamentele su Twitter si sono ridotte all'utilizzo di questa foto d'archivio di Getty:

Gli utenti di Twitter erano in subbuglio per la locandina del film Aquaman
Gli utenti di Twitter erano in subbuglio per la locandina del film Aquaman. (Credito immagine: Twitter) (Anteprima grande)

Ora, puoi aspettarti che ci siano discussioni ogni volta che viene fatta una critica importante a un film di supereroi. Con i campi chiaramente divisi tra i film Marvel e DC, è piuttosto difficile non voler difendere i tuoi supereroi con le unghie e con i denti quando qualcuno li insulta. Anche se è a causa di una foto d'archivio di uno squalo.

Le persone contrarie alle critiche hanno ragione. Non è che le vere star del film possano essere sommerse in uno specchio d'acqua con squali vivi. A parte la fotografia stock o CGI, che scelta avevano davvero i disegnatori di poster?

Detto questo, penso che il vero problema sia che questo è un film enorme con un budget enorme per lo studio, e l'inclusione di una foto d'archivio ti fa chiedere se hanno tagliato gli angoli in qualsiasi altra parte del film.

L'utilizzo di foto stock riconoscibili in un'immagine eroe può inviare lo stesso tipo di segnale ai visitatori se si aspettano un'esperienza premium end-to-end dal marchio dietro di essa.

2. Rendilo unico

Se guardi tanti film quanti ne guardo io, noterai sicuramente alcune tendenze quando si tratta di poster di film. Questo è particolarmente vero nel genere delle commedie romantiche, dove sembra quasi che i designer non si prendano la briga di essere originali o creativi.

Sebbene questa qualità simile dei poster dei film possa aiutare i fan di determinati generi a identificare istantaneamente i tipi di film che vogliono guardare, invia anche loro un altro segnale.

Se non sai chi è Nicholas Sparks, è l'autore di oltre venti libri, la maggior parte dei quali hanno trame simili.

Lascerò che questa compilation di poster del film di Vanity Fair dimostri il mio punto:

Un articolo di Vanity Fair mostra varie copertine dei film di Nicholas Sparks
Un articolo di Vanity Fair mostra varie copertine dei film di Nicholas Sparks. (Credito immagine: Vanity Fair) (Grande anteprima)

Se dovessi parlare con qualcuno di uno di questi film, potrebbe essere riassunto come:

“Conosci il film... Quello con il ragazzo e la ragazza che all'inizio non si piacciono molto, ma poi si innamorano perdutamente e non sopportano di stare separati? Oh sì e c'è quella persona che muore alla fine.

Questo descrive circa l'80% di queste storie, motivo per cui non è poi così sorprendente che i poster dei film di ciascuna siano così dannatamente simili.

Come ho detto, un poster progettato in modo simile potrebbe funzionare a loro favore se cercassero di attrarre un sottoinsieme molto specifico di spettatori. Ma non funziona in questo modo con le PWA.

A meno che tu non stia costruendo una PWA per completare direttamente un altro marchio, non c'è motivo di progettare la tua immagine di eroe in modo che assomigli a quella di chiunque altro. Creerà solo confusione quando i visitatori raccolgono le somiglianze. Oppure si chiederanno perché si prendano la briga di guardare la PWA, supponendo che non siano solo le immagini ad avere lo stesso aspetto, ma anche i servizi e i prodotti all'interno.

Se vuoi che la tua PWA si distingua dalla massa, l'immagine del tuo eroe dovrebbe essere unica.

3. Puntare su una cosa

Uno dei problemi nel realizzare un film con un cast stellare è che è impossibile concentrarsi su una sola persona, non solo all'interno della trama, ma anche nella locandina del film.

Caso in questione: cosa aspettarsi quando ti aspetti:

Il cast stellare di Cosa aspettarsi quando ti aspetti
Il cast stellare di Cosa aspettarsi quando ti aspetti. (Credito immagine: "Cosa aspettarsi quando ti aspetti" su IMDB) (Anteprima ampia)

Se mi imbattessi per la prima volta in questo poster, non saprei da dove cominciare.

Il titolo nel mezzo aiuta, ma le foto in competizione sono travolgenti. Inoltre, se guardi da vicino la foto in alto, vedrai che ciascuna delle donne è stata stratificata individualmente nell'immagine. Perché utilizzare una foto mal compilata accanto a una ripresa reale del film? Crea un'esperienza molto sconnessa.

Per mostrarti quale differenza può fare un singolo focus, diamo un'occhiata alla locandina del film per ET l'Extra-Terrestre:

Il poster di E.T. mette in evidenza il rapporto tra il ragazzo e l'alieno
Il poster di ET mette in evidenza la relazione tra il ragazzo e l'alieno. (Credito immagine: "ET the Extra-Terrestrial" su IMDB) (Grande anteprima)

Non è che questo film sia privo di un grande cast di stelle. È solo che il team che lo ha progettato ha riconosciuto che c'è un vero obiettivo al centro del film ed è il rapporto tra Elliott (il ragazzo) ed ET (l'alieno).

Ti esorto a cercare qualcosa di simile quando progetti la tua immagine di eroe, anche se i tuoi clienti vengono da te e dicono che tutti i loro servizi sono ugualmente importanti e vogliono che la PWA dimostri che possono fare tutto per tutti. Se provi a tradurre quel tipo di messaggio in un'immagine, fallirà. Quindi, trova il tuo focus.

4. Fai un sottile cenno alla città

I film possono svolgersi in qualsiasi numero di impostazioni. A seconda del tipo di film, potresti persino scoprire che l'ambientazione diventa quasi un personaggio all'interno della storia. Lasciatemi spiegare.

Richard Linklater ha girato una trilogia di film con Julie Delpy ed Ethan Hawke.

Il primo film si chiama Before Sunrise e si svolge quando Delpy e Hawke decidono di scendere da un treno e passeggiare per la città di Vienna prima di separarsi la mattina successiva:

La locandina del film Prima dell'alba mostra Vienna sullo sfondo
La locandina del film Prima dell'alba mostra Vienna sullo sfondo. (Credito immagine: "Prima dell'alba" su IMDB) (Anteprima grande)

Il secondo film si chiama Before Sunset e si svolge in giro per la città di Parigi:

La locandina del film Before Sunset mostra Parigi sullo sfondo
La locandina del film Before Sunset mostra Parigi sullo sfondo. (Credito immagine: "Prima del tramonto" su IMDB) (Anteprima grande)

Il film finale si chiama Before Midnight e si svolge in Grecia:

La locandina del film Prima di mezzanotte presenta un'isola greca soleggiata sullo sfondo
La locandina del film Prima di mezzanotte presenta un'isola greca soleggiata sullo sfondo. (Credito immagine: "Before Midnight" su IMDB) (Anteprima grande)

In ciascuno di questi poster, puoi vedere che lo sfondo della storia gioca pesantemente nel design. E questo perché non c'è davvero storia senza il loro ambiente geografico.

Non sono solo film su due persone che parlano tra loro. Parla di due persone che si conoscono mentre esplorano una nuova città, una città che diventa quasi come un terzo personaggio che lo spettatore conosce durante i film.

Se l'azienda per la quale stai progettando ha un forte legame con una specifica regione geografica, cerca di trovare un modo per incorporarla in qualche modo nell'immagine dell'eroe. Non deve essere così esplicito con il paesaggio urbano reale sullo sfondo. Ma potrebbero esserci altri modi per aggiungere un tocco speciale che faccia pensare ai visitatori locali: "Ehi, ecco da dove vengo!" o "Ci sono stato!"

5. Sii creativo con lo spazio bianco

Sai già che lo spazio bianco è una parte importante del design, specialmente quando stai cercando di trasmettere un grande messaggio above-the-fold su una PWA. Per non sopraffare i visitatori, vuoi mantenere le cose semplici. Ma ciò non significa che non puoi essere creativo su come riempire quello spazio bianco.

Prendi, ad esempio, il poster per il Giorno dell'Indipendenza:

Il poster del Giorno dell'Indipendenza riempie il suo spazio bianco con un'astronave
Il poster del Giorno dell'Indipendenza riempie il suo spazio bianco con un'astronave. (Credito immagine: "Independence Day" su IMDB) (Anteprima grande)

Sebbene l'astronave trasmetta un senso di terrore, è anche un modo davvero creativo per riempire tutto lo spazio bianco che altrimenti occuperebbe la parte superiore di questa foto.

Un altro divertente esempio di gioco con lo spazio bianco può essere visto nel poster di Scarface:

I designer di poster del film Scarface probabilmente hanno usato il simbolismo per creare questo spazio bianco
I designer di poster del film Scarface probabilmente hanno usato il simbolismo per creare questo spazio bianco. (Credito immagine: "Scarface" su IMDB) (Anteprima grande)

A prima vista, potresti semplicemente prenderlo per l'immagine sorprendente che è. Tuttavia, sapendo che Tony Montana è il capo di un cartello della droga e ha un'oscena propensione a sniffare cocaina, il bianco che lo consuma assume qui un altro significato.

Questo è un po 'difficile darti una guida rigorosa poiché si tratta di essere creativi con lo spazio che hai. Quello che suggerirei se vuoi seguire questa strada, però, è pensare a modi per giocare con il simbolismo senza doverli presentare esplicitamente all'interno della foto. Se puoi giocare con le ombre, la luce e lo spazio per farlo, ciò avrebbe un impatto molto maggiore.

6. Sii giocoso con la tipografia

Per la maggior parte, i designer di locandine cinematografiche tendono ad essere molto conservatori quando si tratta di tipografia. Scelgono un unico colore per il carattere ed è quasi sempre un grande carattere sans serif a blocchi.

Ma perché non divertirti un po' con esso? Proprio come puoi impregnare l'immagine di svolazzi creativi, non sarebbe una cattiva idea fare lo stesso con il testo purché i due si completino a vicenda.

Troverai un bellissimo esempio di questo nel poster di John Wick:

La tipografia del poster del film John Wick ha un vantaggio unico
La tipografia del poster del film John Wick ha un vantaggio unico. (Credito immagine: "John Wick" su IMDB) (Anteprima grande)

Se dovessi dare un'occhiata rapidamente all'immagine, potresti non cogliere le sottigliezze del design. Ma sono lì.

Per cominciare, la canna della pistola prende il posto della lettera "o". Ma noti come il bordo si tinge dello stesso colore del resto delle lettere? Questo è ciò che lo aiuta a fondersi così bene a prima vista.

Quindi, hai l'aspetto sconvolto delle lettere stesse, dove sono divise e inclinate nel mezzo.

Per quelli di voi che non hanno visto il film, questo è essenzialmente ciò che sta accadendo al personaggio di Keanu Reeves. Una volta era un assassino, ma ha rinunciato per amore. Quando sua moglie muore e gli ultimi resti di lei gli vengono portati via, è lacerato. Continua la vita di un uomo normale? O rinuncia a tutto e va su tutte le furie omicida?

So che la cosa intelligente da fare quando si progetta un'immagine di un eroe è lasciare che l'immagine racconti la storia, ma penso che tocchi sottili al testo possano davvero fare un salto di qualità.

Avvolgendo

Allora, cosa abbiamo imparato qui? Bene, c'è sicuramente un modo giusto e sbagliato di progettare una locandina di un film e un PWA. Ma, più di questo, la cosa più importante da fare è riflettere seriamente su ciò che vuoi che quei primi secondi trasmettano ai tuoi spettatori.

Se non riesci a catturare di cosa tratta la PWA o lo fai in un modo noioso, non originale, vago o sdolcinato, perderai il loro interesse quasi immediatamente.

Ma…

Se riesci a catturare perfettamente l'essenza di un marchio e le sottili sfumature che lo rendono speciale, incoraggerai più visitatori a scorrere e fare clic con una singola immagine.

Letture consigliate su SmashingMag:

  • Una guida completa alle applicazioni Web progressive
  • Le PWA sostituiranno le app mobili native?
  • Puoi guadagnare di più con un'app mobile o una PWA?
  • Native e PWA: scelte, non sfidanti!