Conceptions d'affiches de films pour inspirer vos images de héros PWA

J'ai visité le site Web de Fandango le week-end dernier, dans l'espoir de trouver quelque chose qui me donnerait une excuse pour passer quelques heures dans une salle de cinéma climatisée. C'est ce qui m'a tout d'abord attiré l'attention en y arrivant :

Pour être honnête, la plupart de ces affiches de films n'ont absolument rien fait pour me motiver à quitter la maison. Sauf pour Le Roi Lion, qui a une palette de couleurs si frappante, et Il était une fois à Hollywood, qui fait des trucs sympas avec la typographie.

Quelqu'un d'autre a-t-il déjà vécu cela auparavant? Vous êtes d'humeur à regarder un film et soit :

• Jetez un coup d'œil à l'affiche du film qui vous intéressait, pour vous demander si cela vaut la peine d'être regardé ou non ?
• Vous avez aperçu une affiche de film à laquelle vous n'aviez pas beaucoup réfléchi, mais vous avez ensuite changé votre plan et vous avez vu celle-là à la place ?

Et nous ne parlons même pas de bandes-annonces de films ici. Nous parlons de ce qu'une seule affiche conçue pour promouvoir un film et inciter les gens à le regarder peut faire à votre perception de celui-ci.

Si vous y réfléchissez, l'image du héros sur une PWA a tout autant d'influence sur un visiteur pour la première fois.

Vous n'avez que quelques secondes pour marquer les esprits avec votre image de héros. Comment voulez-vous que le vôtre fasse sentir les visiteurs ?

"

Vos visiteurs parcourent-ils la PWA avec enthousiasme à l'idée de ce qu'ils sont sur le point de découvrir ? Ou le font-ils avec appréhension en raison de la déception ou de la confusion causée par la première image ?

Examinons quelques exemples de bonnes et de mauvaises affiches de films et voyons quel type de leçons nous pouvons utiliser pour vous aider dans la conception de votre héros PWA :

1. Évitez les photos d'archives quand vous le pouvez

Dans d'autres parties d'une PWA, des photos de stock de haute qualité achetées sur des sites comme Getty ou iStock peuvent suffire. Mais votre image de héros ?

Je dirais que vous devriez être très prudent avec cela, surtout si vous utilisez une photo d'archive facilement reconnaissable. Même s'il s'agit d'une photo attrayante et qu'elle correspond parfaitement à l'histoire de la marque, pensez-vous vraiment que l'imagerie de quelqu'un d'autre appartient au sommet de la PWA ?

Quand Aquaman est sorti en 2018, ils ont sorti une série d'affiches de films pour le promouvoir. Cependant, c'est cette affiche particulière qui a provoqué un énorme tollé en ligne :

Essentiellement, les plaintes sur Twitter se résumaient à l'utilisation de cette photo stock de Getty :

Maintenant, vous pouvez vous attendre à ce qu'il y ait des arguments chaque fois qu'une critique majeure est faite à un film de super-héros. Avec des camps clairement divisés entre les films Marvel et DC, il est assez difficile de ne pas vouloir défendre ses super-héros bec et ongles quand quelqu'un les insulte. Même si c'est à cause d'une photo d'archives d'un requin.

Les gens contre la critique ont raison cependant. Ce n'est pas comme si les vraies stars du film pouvaient être immergées dans un plan d'eau avec des requins vivants. Mis à part la photographie d'archives ou le CGI, quel choix les concepteurs d'affiches avaient-ils vraiment ?

Cela dit, je pense que le vrai problème est qu'il s'agit d'un énorme film avec un énorme budget de studio, et l'inclusion d'une photo d'archive vous fait vous demander s'ils coupent les coins ailleurs dans le film.

L'utilisation de photos de stock reconnaissables dans une image de héros peut envoyer le même type de signal aux visiteurs s'ils s'attendent à une expérience premium de bout en bout de la part de la marque derrière elle.

2. Rendez-le unique

Si vous regardez autant de films que moi, vous remarquerez forcément certaines tendances en matière d'affiches de films. C'est particulièrement vrai dans le genre rom-com où on a presque l'impression que les designers ne se soucient pas d'être originaux ou créatifs.

Bien que cette qualité similaire des affiches de films puisse aider les fans de certains genres à identifier instantanément les types de films qu'ils souhaitent regarder, elle leur envoie également un autre signal.

Si vous ne savez pas qui est Nicholas Sparks, il est l'auteur de plus de vingt livres, dont la plupart ont des intrigues similaires.

Je vais laisser cette compilation d'affiches de films Vanity Fair démontrer mon point de vue :

Si vous deviez parler à quelqu'un de l'un de ces films, cela pourrait se résumer ainsi :

« Tu connais le film… Celui avec le garçon et la fille qui ne s'aiment pas vraiment au début, mais qui ensuite tombent follement amoureux et ne supportent pas d'être séparés ? Oh ouais et il y a cette personne qui meurt à la fin.

Cela décrit environ 80% de ces histoires, c'est pourquoi il n'est pas si surprenant que les affiches de film de chacune se ressemblent tellement.

Comme je l'ai dit, une affiche conçue de la même manière pourrait jouer en leur faveur s'ils essayaient de plaire à un sous-ensemble très spécifique de cinéphiles. Mais cela ne fonctionne pas de cette façon avec les PWA.

À moins que vous ne construisiez une PWA pour compléter directement une autre marque, il n'y a aucune raison de concevoir votre image de héros pour qu'elle ressemble à celle de n'importe qui d'autre. Cela ne fera que semer la confusion lorsque les visiteurs remarqueront les similitudes. Ou ils se demanderont pourquoi ils prennent la peine de regarder la PWA, en supposant que ce ne sont pas seulement les images qui se ressemblent, mais aussi les services et les produits qu'ils contiennent.

Si vous voulez que votre PWA se démarque de la foule, votre image de héros doit être unique.

3. Concentrez-vous sur une chose

L'un des problèmes liés à la réalisation d'un film avec un casting de stars est qu'il est impossible de se concentrer sur une seule personne – pas seulement dans l'intrigue, mais également dans l'affiche du film.

Exemple : à quoi s'attendre lorsque vous attendez :

Si je tombais sur cette affiche pour la première fois, je ne saurais pas par où commencer.

Le titre au milieu aide, mais les photos concurrentes sont écrasantes. De plus, si vous regardez attentivement la photo du haut, vous verrez que chacune des femmes a été superposée individuellement dans l'image. Pourquoi utiliser une photo mal compilée à côté d'un plan réel du film ? Cela crée une expérience très décousue.

Pour vous montrer quelle différence une mise au point singulière peut faire, regardons l'affiche du film ET l'extra-terrestre :

Ce n'est pas comme si ce film était sans un grand casting de stars. C'est juste que l'équipe qui a conçu cela a reconnu qu'il y avait un véritable objectif au cœur du film et c'est la relation entre Elliott (le garçon) et ET (l'extraterrestre).

Je vous exhorte à rechercher quelque chose de similaire lors de la conception de votre image de héros - même si vos clients viennent à vous et disent que tous leurs services sont tout aussi importants et qu'ils veulent que la PWA démontre qu'ils peuvent tout faire pour tout le monde. Si vous essayez de traduire ce genre de message en une image, cela échouera. Alors, trouvez votre objectif.

4. Donnez à la ville un clin d'œil subtil

Les films peuvent avoir lieu dans n'importe quel nombre de paramètres. Selon le type de film, vous pouvez même constater que le décor devient presque un personnage de l'histoire. Laisse-moi expliquer.

Richard Linklater a tourné une trilogie de films avec Julie Delpy et Ethan Hawke.

Le premier film s'intitule Before Sunrise et se déroule lorsque Delpy et Hawke décident de descendre d'un train et de se promener dans la ville de Vienne avant de se séparer le lendemain matin :

Le deuxième film s'appelle Before Sunset et se déroule autour de la ville de Paris :

Le dernier film s'appelle Before Midnight et se déroule en Grèce :

Dans chacune de ces affiches, vous pouvez voir que la toile de fond de l'histoire joue un rôle important dans la conception. Et c'est parce qu'il n'y a vraiment pas d'histoire sans leur environnement géographique.

Ce ne sont pas seulement des films sur deux personnes qui se parlent. Il s'agit de deux personnes qui apprennent à se connaître alors qu'elles explorent une nouvelle ville - une ville qui devient presque comme un troisième personnage avec lequel le spectateur se familiarise tout au long des films.

Si l'entreprise pour laquelle vous concevez a un lien étroit avec une région géographique spécifique, voyez si vous pouvez trouver un moyen de l'intégrer d'une manière ou d'une autre à l'image du héros. Cela n'a pas besoin d'être aussi explicite avec le paysage urbain en arrière-plan. Mais il peut y avoir d'autres façons d'ajouter une touche spéciale qui fait penser aux visiteurs locaux : "Hé, c'est de là que je viens !" ou "J'y suis allé!"

5. Soyez créatif avec l'espace blanc

Vous savez déjà que l'espace blanc est une partie importante de la conception, en particulier lorsque vous essayez de transmettre un message important au-dessus du pli sur une PWA. Pour ne pas submerger les visiteurs, vous voulez garder les choses simples. Mais cela ne signifie pas que vous ne pouvez pas être créatif avec la façon dont vous remplissez cet espace blanc.

Prenez, par exemple, l'affiche de la fête de l'indépendance :

Bien que le vaisseau spatial transmette un sentiment d'effroi, c'est aussi une façon très créative de remplir tout l'espace blanc qui occuperait autrement le haut de cette photo.

Un autre exemple amusant de jouer avec un espace blanc peut être vu dans l'affiche de Scarface :

À première vue, vous pourriez simplement prendre cela pour l'image saisissante qu'il est. Cependant, sachant que Tony Montana est à la tête d'un cartel de la drogue et a un penchant obscène pour sniffer de la coke, le blanc qui le consume prend ici un autre sens.

Il est un peu difficile de vous donner des conseils stricts sur celui-ci, car il s'agit d'être créatif avec l'espace dont vous disposez. Ce que je suggérerais si vous voulez emprunter cette voie, cependant, c'est de penser à des façons de jouer avec le symbolisme sans avoir à les présenter explicitement dans la photo. Si vous pouvez jouer avec les ombres, la lumière et l'espace pour le faire, cela aurait un impact beaucoup plus important.

6. Soyez ludique avec la typographie

Pour la plupart, les concepteurs d'affiches de films ont tendance à être très conservateurs en matière de typographie. Ils choisissent une seule couleur pour la police et c'est presque toujours une grosse police sans empattement.

Mais pourquoi ne pas s'amuser un peu avec ? Tout comme vous pouvez imprégner l'image de fioritures créatives, ce ne serait pas une si mauvaise idée de faire la même chose avec du texte tant que les deux se complètent.

Vous en trouverez un bel exemple dans l'affiche de John Wick :

Si vous deviez jeter un coup d'œil rapide à l'image, vous ne saisiriez peut-être pas les subtilités du design. Mais ils sont là.

Pour commencer, le canon du pistolet prend la place de la lettre "o". Mais remarquez comment le bord est teinté de la même couleur que le reste des lettres ? C'est ce qui l'aide à se fondre si bien à première vue.

Ensuite, vous avez l'aspect déséquilibré des lettres elles-mêmes, où elles sont fendues et inclinées par le milieu.

Pour ceux d'entre vous qui n'ont pas vu le film, c'est essentiellement ce qui arrive au personnage de Keanu Reeves. Il était autrefois un assassin, mais l'a abandonné par amour. Lorsque sa femme meurt et que ses derniers vestiges lui sont enlevés, il est déchiré. Continue-t-il la vie d'un homme normal ? Ou abandonne-t-il tout et se lance-t-il dans un saccage meurtrier ?

Je sais que la chose intelligente à faire lors de la conception d'une image de héros est de laisser l'image raconter l'histoire, mais je pense que des touches subtiles au texte peuvent vraiment l'améliorer.

Emballer

Alors, qu'avons-nous appris ici? Eh bien, il y a certainement une bonne et une mauvaise façon de concevoir une affiche de film et une PWA. Mais, plus que cela, la chose la plus importante à faire est de réfléchir sérieusement à ce que vous voulez que ces premières secondes transmettent à vos téléspectateurs.

Si vous ne parvenez pas à capturer ce qu'est la PWA ou si vous le faites d'une manière ennuyeuse, sans originalité, vague ou ringard, vous allez perdre leur intérêt presque immédiatement.

Mais…

Si vous pouvez parfaitement capturer ce qu'est une marque avec les nuances subtiles qui la rendent spéciale, vous encouragerez plus de visiteurs à faire défiler et à cliquer avec une seule image.

Lecture recommandée sur SmashingMag :

• Un guide complet des applications Web progressives
• Les PWA remplaceront-elles les applications mobiles natives ?
• Pouvez-vous gagner plus d'argent avec une application mobile ou une PWA ?
• Native et PWA : des choix, pas des challengers !