Translation
Make culture not ads
Translation est une agence indépendante qui combine son expérience dans les domaines de la musique, du sport et de la mode à sa passion pour la culture, la technologie et le storytelling, pour offrir à ses clients bien plus qu’une agence de publicité traditionnelle. Rejetant les méthodes de l’industrie publicitaire consistant à segmenter les consommateurs et exploiter sur leurs différences, Translation s'est construit autour d’une philosophie axée sur l'identification de tendances culturelles communes pour rapprocher et unir les consommateurs plutôt que de les séparer. Films longs métrages, collaboration avec l'un des plus grands festivals de musique américains, émissions de télévision, lancement d’une ligne d'Air Jordans…, Translation a multiplié les projets innovants qui lui ont permis de gagner des grands comptes comme Bud Light et la NBA et d’être inscrit par par Ad Age sur la "A-List" 2018 des agences.
Suite à la refonte de son identité, l’agence avait besoin d'un partenaire capable de traduire, dans une plateforme de storytelling digitale performante, sa maîtrise de la culture et son esthétique d'inspiration urbaine. Se basant sur la nouvelle identité très cutting-edge, AREA 17 a conçu et développé un site internet aussi unique que l’agence ; un site dont l’expérience exprime l’esprit progressiste de Translation et présente ses collaborateurs comme les fervents pourvoyeurs de culture qu’ils sont.
Suite au lancement du site, l’engagement s’est envolé avec +48% d'utilisateurs et +47% de sessions mensuelles. La communauté a répondu à l’appel avec +1,433% de trafic “referral”. La performance s’est aussi considérablement améliorée avec 27% en moins de temps de chargement moyen. Translation a été Site of the Day sur Awwwards le 1er décembre 2018 et a été nominé pour le Developer Site of the Year 2018.
Le site de Translation a été développé avec Twill, notre CMS open-source basé sur Laravel.
Le nouveau site devait démontrer une valeur ajoutée tangible aux clients prospects cherchant à innover, et faire écho chez les potentiels collaborateurs en phase avec la culture de l’agence. Notre approche s'est centrée sur la création d'une plateforme narrative qui mette sur le devant de la scène les projets et les équipes de l’agence. Une expérience utilisateur simple et directe étaye le graphisme et le ton unique de l'agence, tandis que des études de cas éditorialisées exposent la valeur ajoutée que Translation apporte à ses partenaires.
Utilisant Twill, notre CMS open source basé sur Laravel, nous avons créé un système modulaire qui permet à Translation de donner du contexte à ses études de cas au travers de blocs décrivant les challenges, les opportunités et la création de valeur démontrée par l’engagement social accru et des analytics approfondis. Des modules visuels guident le récit : un module permet par exemple de mettre le focus sur un élément clé du concept de campagne; d'autres modules présentent des séries de médias, images et vidéos, sous forme de feeds ou de diaporamas. Un annuaire détaillé de l’équipe raconte l'histoire intérieure de l'agence, donnant un aperçu des compétences et des intérêts éclectiques des “dope people doing dope sh--” qui constituent Translation.
Il était essentiel que le site reflète l’ADN si spécifique de la marque. Nous avons initialement présenté à Translation trois concepts de design différents ainsi que, au travers de prototypes, divers directions d’expérience utilisateur avec des partis-pris tranchés. En cohérence avec le nouveau branding de Translation, un espace négatif extrême, une mise en page assymétrique et une typographie grasse sont la marque de fabrique du nouveau design du site. Aussi, pour rendre “digital native” une marque initialement créée pour le print et motion, nous avons exploré différentes façons d'intégrer, sur desktop et mobile, le “+”, logo simplifié et emblème de Translation. Dans l’expérience finale, le “+” vit comme une image de fond persistante et centrée qui devient une icône lumineuse et clignotante lorsque l'utilisateur passe d'une page à l’autre. Le résultat est un site Web audacieux et radical, comme la marque.
