Jusqu’à présent, la marque offrait à ses internautes, le maniement d’un outil web classique à savoir : un contenu rédactionnel rangé dans un certain nombre de rubriques et sous-sous rubriques « cliquables » en haut de l’écran qui permettaient de prendre connaissance du contenu global. Les seules animations consistaient à voir s’ouvrir ou se refermer ces mêmes menus et voir s’avancer des rectangles de photo et c’était à peu près tout.

Avant de créer des architectures web, l’agence de communication ELEM NT réfléchit au parcours de l’utilisateur, se met systématiquement à sa place afin de trouver ce qui pourrait le mettre dans les meilleurs dispositions possibles pour accéder, interagir avec les informations qu’il est venu chercher et consulter.

Il faut imaginer qu’une plateforme web est bien plus complexe à penser, à consulter, qu’une plaquette d’entreprise. C’est un peu comme si cette même plaquette papier pouvait être lue à 360° !

L’agence ELEM NT a proposé à ce leader français d’e-liquide un site au design sensoriel !

Le design sensoriel ?, c’est un design de site qui mêle à la fois l’aspect informatif et l’aspect cinématique pour ne faire qu’un. Le but étant de permettre à l’internaute à ce que l’information arrive presque par elle-même en lui évitant le moins de clics possible, en lui évitant aussi de descendre trop profondément dans des liens en favorisant une lecture immédiate et agile, en permettant de guider à chaque instant l’utilisateur par des informations qui apparaissent et disparaissent sans être intrusives.

Le web sensoriel permet de faire d’un site presque une plateforme cinéma dans lequel on vient simplement lire ou entendre de l’information.

L’agence ELEM NT a souhaité que 100% de l’information ne quitte pas la home page, la première page sur laquelle vous arrivez.  Permettre à ce que toute l’information se consulte sur cette seule et même page, celà a consisté à éradiquer les menus qui permettaient avant d’y accéder. Pas de scrolling non plus !

Pour se faire, la première chose que l’agence ELEM NT a réalisé, c’est prendre connaissance de toute la densité du contenu rédactionnel et de le découper en 115 morceaux qui sont devenus autant de questions. L’idée, était de ne pas laisser un internaute traverser un texte aussi long soit-il pour prendre connaissance de l’information, mais de pouvoir isoler chaque thème, presque chaque vocabulaire, afin que par la suite on puisse porter notre attention simplement sur celui-ci.

A l’arrivée, 115 questions que se posent les internautes sur les E-liquides sont réparties en 3 thèmes : les Normes et législations en matière de vapologie,  les secrets de fabrications propre à la marque, et les indiscrétions qui sont toutes les questions les plus saugrenues et les plus légères entendues concernant le vapotage.

« -Comment faire de gros nuages ? ou encore, Pourquoi le bouchon est-il si gros ? Pourquoi les flacons font tous 10ml ?, Est-ce que je peux utiliser mon e-liquide comme arôme saveur dans ma patisserie ? »

C’est à l’aide d’un menu graphique, dit « Joystick », illustré par un triangle, un carré et un rond, que l’internaute peux accéder et passer d’un thème à un autre sur la seule et même home. Sans jamais cliquer, le passage d’une information à l’autre se fait simplement en glissant son index de haut en bas sur sa souris. A cet effet, un effet scroll est rendu actif seulement pour le jeu de questions/réponses, permettant de les faire défiler à notre guise.

L’agence ELEM NT a d’abord re-situé le contexte qui fait que l’on vapote.

Lorsque l’on entreprend le webdesign d’un site, la première des choses consiste à interpeler le produit dont le site va parler ! Quel est ce produit dont le site va faire la promotion  ? En envisageant précisément ce dont on parle on peut savoir comment le montrer. L’agence ELEM NT a d’abord re-situé le contexte qui fait que l’on vapote.

Lorsque l’on vapote, on fait une coupure, on fait un break, on part s’isoler, on se plonge alors dans un contexte de calme, d’oisiveté, de sérénité visuelle mais aussi mentale. C’est sur la base de cette réflexion que l’agence ELEM NT a élaboré le webdesign de ce site en privilégiant un aspect épuré « flat design », qu’il n’y ait aucune intrusion, aucun heurt visuel, aucun encombrement, aucune information textuelle ou visuelle qui ne servirait à rien.

Par exemple, dans le cas qui nous concerne, le MENU principal du site n’est pas un onglet qui se déroule dans un coin, superposé au contenu ouvert, non, le menu du site apparaît, seul, centré au milieu d’une page blanche. Rien ici pour venir le contrarier, rien d’autre que ce que l’on est venu chercher à savoir, être seulement dirigé vers les différentes arborescences du site, comme à l’image du méta-moteur de l’outil RECHERCHE, centré, seul au milieu de l’écran, attendant que vous lui demandiez de rechercher pour vous un vocable précis, exemple : nicotine, et le site affichera tout ce qui contient le mot nicotine dans la totalité du site.

Pour finir, l’agence ELEM NT à installé un concept de communication pour la marque. Le design web sensoriel permet de faire d’un site pas simplement un outil de consultation, mais bien un site qui pose l’air de rien l’image de la marque.

Dés le début de la connexion, nous tombons sur une page sans aucune information autre qu’une personne floue au bout d’un couloir et qui avance vers nous.

Plus cette personne se rapproche et plus elle se précise jusqu’à s’arrêter devant nous pour poser sur la table deux petites fioles de 10 ml, et repartir.

Le site démarre à cet instant précis ou nous prenons connaissance de ces fioles d’e-liquide, là, devant nous, au dessous de cette accroche qui vient d’apparaître :   » TOUTES LES QUESTIONS QUE VOUS VOUS POSEZ SUR NOS E-LIQUIDES SONT CONTENUES DANS CES 10 ML« .

A partir de là, tout commence à se mettre en place, les icônes, le menu, tout ce petit monde est prêt à vous permettre de disposer du site et à vous imerger dans l’univers du e-liquide.

Sauvons l’humanité des réalisations moyennes.

Stephan Pluchet / Directeur associé AGENCE DE COMMUNICATION ELEM NT

Si vous souhaitez être accompagnés dans vos démarches de communication, physiques et digitales, n’hésitez pas à nous contacter. contact@agenceelement.com ou au 0660279167.