site web sensoriel VDLV réalisé par l'agence de communication ELEM NT

En septembre dernier, dans le cadre de son appel d’offre, le leader français d’E-liquide qui occupe ce marché avec 3 marques distincts, a demandé à l’agence de communication à Bordeaux ELEM NT de lui faire une proposition innovante et moderne de refonte de son site web institutionnel actuel.

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.

site web VDLV réalisé par l'agence de communication ELEM NT

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.

L-histoire-hallucinante-et-qui-ne-doit-jamais-devenir-banale-d-une-internaute-cyberharcelee

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 !

site web sensoriel VDLV réalisé par l'agence de communication ELEM NT

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.

site web sensoriel VDLV réalisé par l'agence de communication ELEM NT

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.

site web sensoriel VDLV réalisé par l'agence de communication ELEM NT

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.

site web sensoriel VDLV réalisé par l'agence de communication ELEM NTPlus 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.

site web sensoriel VDLV réalisé par l'agence de communication ELEM NTsite web sensoriel VDLV réalisé par l'agence de communication ELEM NT

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« .

site web sensoriel VDLV réalisé par l'agence de communication ELEM NTsite web sensoriel VDLV réalisé par l'agence de communication ELEM NT

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.

 

Nous observons quotidiennement l’état du Web actuel étant contactés par des entreprises, des marques, pour leur donner notre avis sur la qualité de leurs médias.

food-art-has-just-reached-a-stunning-new-level_pxwwnvw

Globalement, les sites web que nous visitons sont en état de marche, sont adaptés à nos différents navigateurs, ne sont pas si moches et vous nous direz que c’est presque une encourageante conclusion, sauf que…

… ce n’est pas notre conclusion.

Aujourd’hui, tout est possible « technologiquement ». Il est d’ailleurs assez rare d’entendre un développeur dire :  » C’est pas possible ». N’importe laquelle des fonctionnalités existantes ou de dernière génération vous sera proposée, sera greffée à votre futur site.

Les menus, les sous-menus, les fenêtres glisseront, apparaîtront, disparaîtront, s’adapteront, les icônes de partage sur les médias sociaux seront posées partout sur votre site comme des ampoules dans chaque lampe d’une habitation ; vous aurez, comme 98 % de la planète, un site semblable aux autres, qui ne prendra certainement pas en compte votre problématique de départ (mais là est un autre discours, un autre article) , mais vous aurez, vous aussi, votre one-page scrolling comme des centaines de milliers ont leurs Adidas Stan Smith vertes.

stan

En quelque sorte, vous aurez un site flambant neuf, un site qui pourrait passer sans problème le contrôle technique si celui-ci existait. Vous aurez des contenus normalement adaptés à l’ergonomie de votre téléphone, mais il y a de grandes chances pour que vous n’ayez que cela.

Alors, que peut-il bien manquer à votre site qui semble aussi efficace qu’une Ferrari ?

Sans doute ce que l’on appelle :   » La création de contenu « .

Pour poursuivre la métaphore sur l’univers automobile, on dira qu’il vous manque peut-être l’essentiel : l’essence.

Votre site, comme tant d’autres, peut rester figé, peut être peu visité, peu commenté, pas relayé.

communaute

Beaucoup de monde pense que, parce que leur site sera rendu visible instantanément auprès de millions de gens connectés, cela suffit pour s’en contenter. Que par opposition aux outils traditionnels qui demandent à être imprimés à multi-exemplaires, routés, distribués, reçus individuellement (10 000 plaquettes seront attribuées à 10 000 personnes), un seul site touche plusieurs milliers d’entres-eux, on ne fabrique pas 10 000 sites destinés à 10 000 personnes

Votre site, cet unique support de communication, est utilisé à chaque instant, chaque seconde, par une multitude d’internautes différents, un peu comme si un seul magazine était feuilleté en temps réel par 500 personnes à la fois ; votre site demande une extrême vigilance. Si votre site est mal pensé, c’est autant de personnes dans le même instant qui le quitteront sans jamais revenir.

Alors, nous pourrions tout aussi bien dire que 10 000 plaquettes imprimées d’une même pauvreté de contenu feraient fuir ses 10 000 lecteurs… Sauf que l’attention portée à ce jour par les entreprises, les professionnels, les agences de communication, les studios de création, à la réalisation de ces outils dit « traditionnels » est avérée. Leur rédaction est soignée, leur pertinence visuelle travaillée, leur structuration pensée, c’est aussi le fruit de plus de cent années d’édition qui permettent une certaine agilité et justesse à produire encore à ce jour, des outils de communication traditionnels convaincants là où les médias digitaux semble encore balbutiants.

Pour y  remédier, la création de contenus doit être solidement et intelligemment abordée.

Intelligemment, cela veut dire que l’écriture et la structuration du rédactionnel d’un site doit permettre une bonne indexation par les moteurs de recherches.

C’est aussi la création de contenus visuels pertinents, de contenus visuels qui se pensent, qui se répondent, qui puissent même se substituer à du rédactionnel rébarbatif.

Un média digital est exigeant !

experience-utilisateur

LE RÉDACTIONNEL WEB

Le Rédactionnel Web, qui fait partie de la création de contenus, est certainement ce qu’il y a de plus important mais est bizarrement négligé par bon nombre des sites.

Le Rédactionnel Web, c’est la mise en forme du discours qui explicite un produit, un projet, des solutions aussi distinctes soient-elles, c’est aussi la colonne vertébrale d’un site Web.

Toute la structure des pages, la façon dont vous allez passer de l’une à l’autre sans vous perdre, la façon dont vous allez comprendre instinctivement les chemins de lecture, la façon dont vous allez trouver ce que vous êtes venu chercher, votre référencement pertinent auprès de Google sont rendus seulement possibles par le Rédactionnel Web.

Il y a un arbitrage qu’il est nécessaire de faire afin de décider ce qu’il est intéressant de dire, ce qui est important de ce qui ne l’est pas ; ce rédactionnel doit donner un sens à la seule légitimité que votre site existe, qu’il soit captivant pour celui qui s’y connecte. Beaucoup de sites possèdent une multitude de menus, de sous-menus et où cliquer ne mène à presque rien, un peu comme si vous aviez une très jolie commode avec des tiroirs vides.

reputation

L’ASPECT VISUEL

Le choix visuel donnera de l’intérêt à votre site. Vous pourrez avoir un rédactionnel enrichi, juste, extrêmement pensé comme nous l’avons vu précédemment, si l’aspect visuel est négligé, alors vous perdrez une part non négligeable d’internautes qui auraient eu besoin d’être séduits avant même que de vous lire.

Généralement, on le voit immédiatement. Lorsqu’un site Web additionne les effets, les solutions techniques, additionne les menus en les complexifiant, additionne les portes d’entrée, alors on peut être sûr que son contenu visuel sera pauvre.

Souvent, ces effets cachent la misère. Ce sont des sites peu attractifs, assez rarement mis à jour, renseignés ou complétés au minimum, gérés par quelqu’un qui semble ne pas avoir le profil ni les moyens pour le faire.

Plus votre site aura un contenu visuel de qualité, moins vous devriez avoir besoin de le surcharger en effets, en technologie, en densité et moins vous perdrez vos visiteurs sur vos chemins digitaux complexes.

introuvable

Si depuis quelque temps nous entendons parler de « FlatDesign », de « design plat », c’est le fruit d’une réflexion qui doit mener les sites à se dépoussiérer  en les désencombrant de données inutiles, en repensant l’expérience utilisateur, en repensant la profondeur de leurs liens, en repensant la totalité du rédactionnel, en recréant du contenu visuel, photographique et vidéo. Ce qui relance  la question de la pertinence de colmater alors qu’il serait plus judicieux de tout refaire intelligemment.

Des métiers émergents dans le digital sont parfaitement qualifiés pour rendre attractifs vos contenus et vous permettre de vous inscrire dans une époque digitale avant que vous ne soyez totalement dépassé par elle.

L’agence ELEM NT est évidemment là pour vous conseiller, vous aider, vous accompagner dans cette transition digitale que nous venons d’évoquer. Sans doute avez-vous reconnu quelques-unes des faiblesses ou lacunes de votre site dans la façon dont nous avons tenté de vous éclairer sur cette réalité-là. N’hésitez pas à nous consulter.

Stephan Pluchet

ELEM NT / Sauvons l’humanité des réalisations moyennes.


contact@agenceelement.com / Tél.: 0660279167 – membre du Darwin écosystème – 87, quai des Queyries – 33100 Bordeaux

* visuel food d’ouverture – http://sobadsogood.com