Storytelling illustré : 22 sites de design au « crayon »

le storytelling

Qu’est-ce que le storytelling ?

C’est l’art de raconter une histoire pour convaincre : vendre, intéresser, faire adhérer… Les histoires sont plus faciles à comprendre qu’un concept et jouent sur l’émotion du récepteur.

Storytelling web : l’émotion visuelle

Le web aime de plus en plus nous raconter des histoires, parfois illustrées à la main (enfin presque 🙂 ) : la tendance web est aux sites personnalisés, qui rapprochent de l’utilisateur… pour son plus grand plaisir !

La technique est parfaitement maîtrisée, en css, jquery, parallax (couches superposées qui donnent un effet 3D)... L’expérience utilisateur est totale : l’effet est provoqué par le défilement des images. Alors, prêts à scroller ?

Voici une petite sélection de sites (il y en a de plus en plus !), déjà anciens pour certains (antiquités de 2012 😉 ), quelques-uns sont connus (et très récompensés), d’autres peut-être moins mais tout aussi performants techniquement, au design étonnant : moi j’adore !

Petites remarques : certains sites ne fonctionnent bien que sur le navigateur Chrome. Et comme je ne parle ni le swahili, ni le russe, ni beaucoup d’autres langues, je laisse la responsabilité du contenu des sites proposés en langue étrangère à leurs auteurs :-b

wildnature

Tout en dessins, scroll horizontal pour une facilité de lecture sur mobile

le plus connu : everylastdrop

Le plus connu, mais pas pour rien…

l'histoire du flat design et du réalisme

L’histoire du flat design contre le design réaliste : on en profite pour un petit jeu de combat ?

une petite balade dans le cloud service

Une petite balade dans le camion citerne du service cloud aux entreprises

ce que devient votre argent

Ou que devient votre argent ?

Peu de mots, mais tout est dit !

Comment faire aimer la sauce tomate en racontant son histoire

Comment faire aimer la sauce tomate en racontant son histoire

L’agence digitale qui se raconte

L’agence digitale qui se raconte

storytelling : le CV tout en couleurs

Un CV tout en couleurs

un faire-part original en storytelling

Un faire-part original en scroll horizontal

on va adorer le sac à linge sale...

On va adorer notre sac à linge sale…

Londres en chiffres : barbant ? Non !

Londres en chiffres : barbant ? Non ! (scroll horizontal)

scroller carrément vers le haut !

Histoire d’un immeuble : il faut monter sur le toit, donc on scrolle carrément vers le haut !

Encore du scroll vers le haut, pour atteindre les étoiles...

Encore du scroll vers le haut, pour atteindre les étoiles…

site internet en storytelling interactif

Histoire d’un immeuble : i faut monter sur le toit, donc on scrolle carrément vers le haut !

le blog illustré... d'une illustratrice

Le blog illustré… d’une illustratrice

du storytelling en tableaux

Du storytelling en tableaux

l'exploration a la cote !

Encore des étoiles : l’exploration a la cote !

onedollarlesson

Money money money…

les animaux en morceaux

Le dernier, tout en css, un petit bijou (à voir sur Chrome pour les transitions).

Et vous, lequel préférez-vous ? Avez-vous d’autres exemples significatifs ?
 
Plus d’infos sur le storytelling :  de nombreux sites existent, vous pouvez commencer par ce bon article des échos : comment mettre le storytelling à votre service.

A méditer, un autre article des Echos sur le nombrilisme du storytelling !

Une petite citation pour finir, issue du site storytelling.fr : « Au-delà d’une marque, d’un produit, d’une personnalité, d’une prestation, c’est la qualité du discours sur ces mêmes marques, produits, personnalités ou prestations, qui déterminera leur capacité à constituer une histoire qui deviendra inoubliable… « 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *