Comment définir son identité lorsqu'on est un média 100% vidéos ? L’agence de design Upian a planché sur la question en travaillant sur le design de Loopsider, un média 100% vidéo, lancé en janvier dernier.
Ce n’est pas un hasard si Johan Hufnagel, ancien patron de Slate et ex numéro deux de Libération, s’est tourné vers l’agence de design de la rue Saint-Maur dans le Xe arrondissement de Paris pour concevoir l’identité de Loopsider. « Nous avons une relation particulière avec Hufnagel », confesse Alexandre Brachet. Certes, leurs bureaux sont voisins - « c’est pratique » - mais, surtout, l’agence n’en est pas à son coup d’essai. C’est Upian qui a conçu le site de Slate ; celui de l’Équipe aux 3,1 millions de vues en avril, 11,4 millions sur mobile et l’impressionnant score de 140 millions de pages vues pendant la première semaine de la coupe du monde 2018. Upian a aussi signé l’identité de Binge Audio, le nouveau réseau de podcasts (dans laquelle Upian détient environ 7% des parts).
Créer l’identité visuelle d’un média social pour 100 000€
Pour répondre à cette problématique, l’agence a commencé par travailler sur l’identité graphique. « Créer un logo, c’est évidemment important, mais ça reste un classique.» Un fond noir a été privilégié pour qu’il « vibre » en dessous du logo vert. « Ce truc là, on l’a bien senti. Ça ressort sur les vidéos avec les contraintes liées aux plateformes » analyse le directeur de création. « Et ce n’était utilisé par aucun média », ajoute Alexandre Brachet.
Une fois les bases posées, Upian s'est installé pendant deux mois rue de la Fontaine au Roi, chez Loopsider. « Tous les jours, on s'imposait de faire du prototypage vidéo, en travaillant main dans la main avec les journalistes », explique Thomas Deyriès. « On a fait du “templating” avec des motion designers. On a fait des dizaines d’ “assets” : pour les citations, les photos qui défilent, les titres… », jargonne Alexandre Brachet. Concrètement, les journalistes ont à leur disposition des dizaines de calques à apposer sur leur montage de manière précise : le logo toujours au même endroit en haut à droite, les mêmes couleurs pour les sous-titres, les noms ou fonctions des personnes présentes à l’image, ainsi que le type de typographie utilisée :
De la maquette à l’itération
La recette semble avoir séduit le public. Loopsider compte à ce jour plus de 360 000 fans sur Facebook et un peu plus de 9 000 followers sur Twitter.
Participer à la conversation