Refonte de site internet catalogue pour une PME de produits cosmétiques bio

Par Leticia CHARLES|10 avril 2018|Communication Digitale|0 comments

L’agence Serious Team 360° est votre allié, pour vous TPE et PME, pour promouvoir votre activité, pour votre communication globale : print et digitale.

Pour notre client, une PME de 20 personnes dans le sud des Yvelines, à Bonnelles, nous avons réalisé la refonte graphique et ergonomique de leur site web utilisant le CMS Drupal.

Pour cela, nous allons vous expliquer notre démarche lors de la refonte du site internet de ce client, dans le domaine de la cosmétique biologique. L’étape nécessaire à cette réalisation est dans un premier temps, l’audit du site web, voir avec vous ce que vous voulez garder, ce qui marche et ce qui vous déplaît dans votre site actuel.

Voici le site avant notre intervention :

refonte-graphique-site-web-communication-360-serious-team-360-agence-communication-yvelines-78

Le logo à été conservé pour un meilleur suivi pour les clients. En conservant son logo, nous avons pu décliner sa charte graphique en conservant ses couleurs et ses valeurs. La refonte du site web permet d’éclaircir et d’améliorer la manipulation du site pour les clients et prospects.

Votre société évolue, votre site web doit refléter votre société et donc évoluer en même temps qu’elle.

refonte-graphique-site-web-communication-360-serious-team-360-agence-communication-yvelines-78-5

La refonte visuelle s’est accompagnée d’une refonte structurelle. Nous avons changé la structure de l’arborescence du site pour une meilleure ergonomie de celui-ci. Toutes les pages ont bénéficié du même traitement graphique pour un rendu conforme aux exigences de notre client.

refonte-graphique-site-web-communication-360-serious-team-360-agence-communication-yvelines-78-6

Nous avons réintégré leur catalogue de présentation de tous leurs produits ainsi que le moyen de faire une demande de devis / contact en ligne des produits cosmétiques bio. Le fait de moderniser leur site a permis la mise en place de nouveaux onglets pour permettre aux utilisateurs de mieux prendre contact avec la société. Faire évoluer son site web permet un accroissement de son référencement, d’être mieux vu par les prospects et ainsi pouvoir augmenter son chiffre d’affaires. La société a voulu que leurs clients puissent facilement prendre contact avec eux pour créer plus de liens et ainsi connaître leurs attentes.

refonte-graphique-site-web-communication-360-serious-team-360-agence-communication-yvelines-78-4

Le site web a été décliné en multilingue, en anglais, avec la même charte graphique pour que les clients étrangers retrouvent les valeurs de l’entreprise.

La charte graphique est un support qui regroupe toutes les caractéristiques des différents éléments graphiques qui vont être utilisés sur les différents supports de communication de votre société : logo, typographies, palette des couleurs, …

refonte-graphique-site-web-communication-360-serious-team-360-agence-communication-yvelines-78-version-anglais-3

Ce site a été créé grâce au système de gestion de contenu Drupal qui a la particularité d’être le CMS le plus puissant du marché avec une grande flexibilité dans le choix des modules. C’est ce qui nous a intéressé pour ce site catalogue qui demande une grande flexibilité au niveau de son moteur de recherche.

L’équipe Serious Team 360° a travaillé pour que ce site reflète les valeurs et les cibles voulues par le directeur de la société de produits cosmétiques bio. La refonte d’un site web doit permettre de conserver les valeurs de la société tout en la faisant évoluer pour la rendre actuelle, moderne et attrayante.

Si vous souhaitez, vous aussi TPE ou PME, refondre votre site web graphiquement et ergonomiquement, prenez contact avec Serious Team 360°.

17 personnes ont lu cet article… et l’ont partagé ! Vous aussi, partager cet article :

Laisser un Commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces HTML Tags et attributs : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
*
*