L’une des choses qui est devenue importante en matière de réalisation de site web, c’est de savoir raconter une histoire…

agence web element digital 2

Peu importe que votre site, connecté à une technologie qui nous dépasse tous, soit magique, car il lui est possible de s’animer, de bouger, de diffuser des milliers d’informations, de remplir votre espace écran en totalité par de magnifiques photographies, que les mots soient connectés, reliés entre-eux, que la consultation soit interactive, un site n’est ni plus ni moins qu’un livre qui à sa façon se feuillette, il doit lui aussi savoir nous raconter une histoire.

Acloud espace de travail

« Chaque entreprise ne crée pas de site web par ce qu’une rétribution de l’état est versée à chaque création de site « 

Chaque entreprise ne crée pas de site pour le simple plaisir de créer un site, ni par effet de mode, ni par ce qu’une rétribution de l’état est versée à chaque création de site. Normalement, chaque entreprise à un besoin bien précis, fait face à une problématique à laquelle elle souhaite répondre en demandant à une agence de lui créer un outil web.

Lorsqu’un auteur a en tête la fin de son histoire, il fait tout pour nous y emmener, de page en page, de chapitre en chapitre et, en quelque sorte, nous ne pouvons y déroger car nous sommes obligés de suivre l’ordre de la pagination.

« L’un nous accompagne jusqu’au bout, l’autre, nous laisse seul dès le départ, dès notre 1ère expérience »

C’est presque à cet instant précis que diverge un site par rapport à un livre. L’un nous accompagne jusqu’au bout, quand l’autre, nous laisse seul dès le départ, dès notre 1ère expérience (le site), en espérant qu’en fouillant, en se perdant, en passant par là ou encore par là, en tout cas en essayant, nous finirons bien par atteindre ce que la marque souhaite nous dire…

Oui, mais voilà…, c’est très rarement le cas.

agence web element digital 6

La marque ACLOUD est justement venue à notre rencontre avec une problématique bien précise pour la réalisation de son site web.  Elle est venue afin que l’agence ELEM NT trouve l’histoire autour de son produit, qui réponde parfaitement à sa problématique.

La jeune marque ACLOUD, fait face à la problématique suivante : les gens apprécient énormément son produit de nuage acoustique suspendu qui absorbe nos bruits, trouvent le produit connecté très beau, mais restent sceptiques quant au fait qu’il réponde vraiment à ce pour quoi il est fait :  rendre notre environnement beaucoup plus calme qu’il ne l’est.

agence web element digital 3

« retraduire visuellement l’agression que les gens ressentent toute la journée au milieu du bruit »

agence web element digital 4

Pour se faire, l’agence de communication ELEM NT à tout d’abord créé et installé un univers de marque percutant, en ne montrant tout d’abord pas le produit, ce « nuage acoustique », mais en s’attachant à retraduire visuellement l’agression que les gens ressentent toute la journée au milieu du bruit et l’effet que ces bruits ont sur nous, en proposant une série de gens au visage gribouillé.

agence web element digital 1

Ensuite le déroulé du site invite à un long scroll et une série de questions que se posent les personnes qui ne demandent qu’à être convaincues.

Chaque question en amène une autre dans un ordre précis, et chaque question/réponse nous invite à chaque fois un peu plus, à prendre connaissance des bienfaits de ce nuage acoustique suspendu et connecté.

agence web element digital 5En quelque sorte ce STORYTELLING est à sa façon un guide, un audio-guide, voir-même, un « visual-guide » comme on en trouve dans chaque musée pour nous accompagner dans notre visite.

agence web element digiatl 6

Dans le cas du site ACLOUD, notre cheminement d’expérience utilisateur a consisté à ce que chaque question soit là pour démonter chacune des fausses certitudes que les clients potentiels se poseraient.

agence web element digital 7Ainsi on démarre cette expérience de storytelling en déroulant doucement le processus webdesign et en prenant connaissance des réponses aux questions que fatalement on se pose, et l’on termine notre pérégrination sur la possibilité de rentrer directement en contact avec la marque pour analyser nos besoins.

Finalement c’est un peu comme ici 😉 nous arrivons à la fin de notre article en espérant avoir répondu à vos interrogations sur ce curieux titre « STORYTELLING, Quand raconter une histoire devient une arme digitale« , en vous invitant à nous contacter pour à votre tour nous demander de solutionner votre problématique de communication.

solution acoustique Acloud utilisateur

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.

 

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.