News

min lecture

Les étapes de création de l’identité visuelle du Conversion Summit

Le Conversion Summit est un événement créé par AB Tasty et qui aura lieu le 19 Juin à la Cité de la Mode et du Design, à Paris. Le challenge est de taille : rassembler l’écosystème du CRO une journée. Pour un tel événement, nos trois designers ont mené une longue réflexion afin de créer une identité visuelle forte alliant à la fois notre expertise avec la réputation et l’aspect “conceptuel” du lieu.

Et ce n’était pas une demande si simple car le “cahier des charges” était ambitieux :
→ Notre société vend une solution SaaS d’optimisation pour les sites web à d’autres entreprises. Pourtant, le brief était explicite : il ne faut pas ressembler à un salon commercial !
→ L’événement a deux thèmes principaux : le futur de l’expérience du consommateur digital et Man vs. Machine. Il fallait traduire ces deux idées en éléments graphiques tout en s’adressant à un public diversifié.
→ L’événement se tiendra à la Cité de la mode et du design, un bâtiment emblématique et conceptuel.

Alors comment nos designers ont relevé le défi ? Coraline Mas-Prévost, Iana Peiu et Joséphine Frank ont pris la parole pour détailler les étapes qui les ont mené à l’identité du Conversion Summit que nous connaissons aujourd’hui.

Définir un message principal

Dès le lancement beaucoup d’idées ont émergé autour de ce projet et le brief pour la partie “identité visuelle” laissait la porte grande ouverte aux propositions. Mais il fallait trouver un point de départ pour nous aider à imager le message principal de cet événement. C’est en croisant la vision de nos fondateurs, Alix de Sagazan et Rémi Aubert, avec la stratégie marketing de l’événement que nous avons réussi à y voir plus clair.

“AB Tasty veut mettre l’automatisation au service de l’HUMAIN – et non pas le remplacer – pour révéler sa créativité et maximiser ses performances.” – Rémi Aubert

Ainsi, nous avons pu mettre des mots et dessiner très schématiquement ce message principal :

 

Nous avons aussi identifié une série de mots clés secondaires comme : futur, digital, interaction, automatisation, comportement, expérience utilisateur, machine, créativité et performance. Nous les utiliserons comme des piliers pour commencer une sorte d’exploration visuelle.

L’utilisation de mots clés nous permet de centrer nos efforts dans la création visuelle, et de ne pas nous éparpiller dans nos idées ! C’est une excellente façon de progresser dans un environnement mouvant, rapide et changeant.

Iana Peiu, Designer chez AB Tasty

Expérimenter le design dans une “phase de découverte”

Que faire une fois que nous avons le message principal et défini un ensemble de mots clés ?

Afin de concrétiser la future identité graphique de cet événement, il fallait rendre accessible notre message principal. Nous avons mené un premier travail de simplification afin d’arriver à l’équation suivante : Intelligence humaine + Intelligence artificielle = Meilleure créativité et performance. C’est simple, accessible et compréhensible mais comment rendre ce message visuel ?

Les interactions entre le digital et l’homme sont en réalité un concept simple que nous pouvons constater tous les jours – j’ai une interaction avec une interface digitale en ce moment en tapant sur le clavier de mon ordinateur ! En visualisant les choses de cette manière, de nombreuses idées sont apparues et nous avons commencé à jouer avec plusieurs expériences.

Joséphine Frank, Designer chez AB Tasty

Animated GIF - Find & Share on GIPHY

Pour la première expérience, nous avons déterré un vidéoprojecteur (en référence aux mots “machine” et “digital”) et nous avons commencé à faire des test avec des images, des extraits de texte et des collages que nous avons projeté sur le mur blanc de notre bureau. Puis l’une de nous a eu cet éclair de génie en proposant de mettre sa main devant les images projetées. Cette “interaction digitale-humaine” a immédiatement perturbé la projection de l’image, créant une texture et un mouvement qui n’existaient pas auparavant. Nous avons alors utilisé cette main humaine pour représenter l’intelligence humaine et la créativité. Mais surtout la main comme le croisement – l’élément symbolique – entre l’homme et la machine.

Nous avons choisi d’exploiter cette idée au maximum pour créer l’identité visuelle que l’on connaît à présent. La main humaine qui donne vie à une image numérisée par le mouvement est le motif central de l’identité graphique de l’événement.

Créer une bibliothèque d’éléments

Nous avons créé cette bibliothèque d’éléments graphiques afin de concevoir un ensemble de créations visuelles de base. Cet ensemble va constituer l’identité visuelle du Conversion Summit. Pour créer ces différents éléments, nous avons évidemment repensé la notion d’interface digitale ou de relation entre l’homme et la machine.

Qu’est-ce qui représente une interface digitale ?

  • Une fenêtre : Ce que les gens voient, manipulent et avec laquelle ils interagissent avec le monde numérique
  • Un curseur : L’élément que les gens utilisent pour interagir avec le digital
  • Un pixel : L’unité de base permettant de mesurer la définition d’une image numérique matricielle
  • Une souris : Une fois encore, la limite entre l’humain et le numérique, la machine qui traduit le mouvement physique en mouvement numérique.
  • Une main : L’instrument humain parmi les instruments, une autre limite charnue entre l’intention humaine et la réaction numérique.

Se mettre à la pratique

Nous n’allons pas vous ennuyer avec tous les détails de cette étape. Il suffit de dire que nous avons utilisé la bibliothèque d’éléments mentionnée ci-dessus pour concevoir nos livrables : le logo, le site web, les créations visuelles pour les réseaux sociaux et la conception de l’espace à la Cité de la Mode et du Design.

Le logo du Conversion Summit

Le logo est très important car c’est la représentation graphique permettant d’identifier immédiatement l’événement. De nombreux éléments sont à prendre en compte afin de transmettre le message souhaité, tant au niveau des formes que des couleurs.

Pour concevoir le logo du Conversion Summit, nous sommes revenues à l’idée d’interface digitale et l’interaction avec l’homme. La fenêtre (le navigateur) nous permet de naviguer sur notre ordinateur. On passe de fenêtre en fenêtre pour s’informer, créer, lire, découvrir, etc. Bien souvent, on se retrouve avec une multitude de fenêtres ouvertes.

C’est cette idée de superposition des fenêtres que nous avons souhaité exploiter pour concevoir le logo. Nous les avons simplifié pour les rendre minimalistes, puis nous avons inséré le nom de l’événement et la baseline !

Coraline Mas-Prévost, Designer chez AB Tasty

Capture d’écran 2018-05-17 à 17.06.45
Capture d’écran 2018-05-17 à 17.06.59
Capture d’écran 2018-05-17 à 17.06.50
Capture d’écran 2018-05-17 à 17.07.04
Capture d’écran 2018-05-17 à 17.18.30

Le site web

Nous avons conçu le site web de la manière la plus simple possible (en une seule page), et utilisé un arrière-plan vidéo avec des mains en mouvement – dont nous avons parlé plus tôt – pour le rendre plus dynamique et donner vie aux thèmes de l’événement.

Découvrir le site !

L’espace à La Cité de la Mode et du Design

Notre plus grand défi consistait à concevoir un plan d’aménagement pour l’espace de la Cité de la mode et du design. Nous devions trouver le bon équilibre entre la symbolique du lieu (réputé pour ses événements artistiques et modernes) et l’image d’AB Tasty.

Nous avons décidé de nous servir du motif de fenêtre afin de créer un espace dans l’espace. Les lignes vont nous permettre de délimiter l’espace pour dynamiser une surface vide et neutre. Ces endroits pourront faire l’objet d’un stand, d’une projection, d’un affichage ou encore d’un espace dédié, etc.

Tester nos créations

Chez AB Tasty, nous sommes adeptes du ‘test and learn’. Et l’avantage de travailler pour une solution d’optimisation c’est qu’ils ont quelques astuces qui peuvent aussi nous aider dans notre processus de création.

Notre CIO, Pawel Tomaszewski travaillait sur une nouvelle technologie d’eye-tracking pour permettre aux UX designer de mieux comprendre le comportement on-site des utilisateurs. Nous avons essayé cette solution sur le site du Conversion Summit afin de tester nos créations visuelles. Tout de suite, nous avons remarqué un défaut majeur : le logo de l’événement était complètement ignoré !

Nous avons rapidement modifié le logo pour qu’il soit plus visible et nous avons recommencé le test avec de meilleurs résultats :

 

Tout ce travail de réflexion et de conception nous a permis de créer un design pertinent et avec une réelle valeur par rapport au lieu emblématique. Ce n’est pas commun pour les startup tech d’investir la Cité de la Mode et du Design à Paris, AB Tasty se devait d’être à la fois cohérent et audacieux. Pari réussi !

Inscrivez-vous pour découvrir l’univers du Conversion Summit le jour J !


S’inscrire !

Abonnez-vous à
notre Newsletter

bloc Newsletter FR

AB Tasty traite et stocke vos données personnelles pour vous envoyer des communications tel que détaillé dans notre politique de confidentialité ici.