Etude du site Nestlé

Trimbach1

Informations

• Publié par: Urzoe
• Nombre de lectures: 66
• Langue: Français

Extrait

Étude du site de NESTLE

Nestle.com

La page d’accueil :

En abordant la page d’accueil du site www.nestle.com, la première impression que

l’on a est une impression de clarté. En effet, il n’y a pas de surcharge graphique, pas

d’artifices clinquants tels que du flash, des bandeaux publicitaires clignotants ou des

couleurs flashantes ; uniquement des couleurs sobres

(avec une prédominance de

gris, qui semble être la couleur de base, et des effets de transparence qui allège le

contenu.

), le tout sur fond blanc. La seule touche de couleur est celle de la barre de

navigation en haut de la page qui nous amène naturellement à découvrir les

différentes rubriques. La typographie très classique, nous conforte dans ce sentiment

de sobriété. Quant au logo, c’est sans surprise qu’on le retrouve en haut à gauche

de la page.

La base line du site: « good food, good life » se veut rassurante et invite l’internaute à

découvrir les conseils pour bien se nourrir et donc bien vivre.

De plus, une barre de navigation inférieure, permet à l’internaute de faire une

recherche par mots-clés de consulter le plan du site, d’accéder à une FAQ, ou de

contacter le service clients. L’ensemble est donc très cohérent et surtout très

rassurant. Seul bémol à cette constatation, l’obligation de consulter ce .com en

anglais.

Attachons nous maintenant à la navigation. Si jusqu’à présent nous n’avons parlé

que de deux barres de navigation, il y en a en fait 3 ainsi que 3 onglets et quatre

icônes en gifs animés qui constituent la navigation centrale.

La première barre

est située en haut et possède un code couleur par rubrique, c’est

celle qui a immédiatement retenu notre attention, malheureusement ce n’est pas la

plus intéressante pour le consommateur. En effet, elle concerne la société

NESTLE,

la

marque, ses obligations, ses partenaires financiers, une rubrique emploi ainsi qu’une

autre consacrée à la nutrition.

La seconde barre

sur la gauche nous permet de rechercher des liens Internet ou

d’accéder aux différents sites pays.

On ne reviendra pas sur celle du bas, traitée précédemment.

Enfin la navigation qui nous intéresse est constituée de boutons gifs animés

et est située au centre de la page. Sur un clic de souris, nous sommes dirigés vers les

rubriques suivantes : cuisine, soin des animaux, soin des enfants et bien-être.

L’animation se déclenche lorsque le curseur passe au dessus de l’icône ou du texte.

C’est certes convivial mais trop discret pour attirer en premier lieu notre attention.

Quant à la structure informationnelle, elle est nécessairement lisible et bien aérée

puisque très réduite sur la page d’accueil. Elle consiste en quelques résumés de

news classés par date de publication c’est le 1

er

onglet ; les deux suivants nous

ouvrent une nouvelle fenêtre ou un document PDF. La stratégie du site est donc

clairement de nous inciter à aller chercher l’information dans les pages suivantes.

En ce qui concerne le rich médias il est pratiquement inexistant sur la page

d’accueil, mais était-il vraiment nécessaire ? En fait non, puisque tous les éléments

que nous avons étudiés précédemment semblent nous montrer que nous sommes

sur un site institutionnel conçu pour informer et rassurer le consommateur sur les

activités de NESTLE.

Les autres pages :

En premier lieu, l’accès aux pages du site se fait de manière très intuitive, soit par les

icônes animés au centre de la page d’accueil, soit par la barre de navigation

colorée en haut de l’écran. En suivant ces liens on se rend compte rapidement que

le site garde une bonne cohérence tant au niveau ergonomique que graphique. En

effet, si l’on clique sur « nos marques » par exemple (bouton jaune), on se retrouve

sur une page qui reprend largement le code couleur de la barre de navigation. Il en

va de même pour les boutons.

Même s’il n’apparaît pas sur la page d’accueil, le principe est identique pour

chaque page chargée à partir de la navigation centrale. On peut ainsi associer

chaque rubrique à une couleur et naviguer en conservant constamment des

repères visuels. Ce phénomène est accentué par le fait que le logo se situe

invariablement en haut à gauche de la page affichée. Un bouton « home » permet

à l’internaute de revenir à n’importe quel moment sur la page d’accueil. Donc peu

de risque de se perdre dans les méandres de la navigation.

L’animation qui était iconisée sur la page d’accueil se trouve développée sur la

page thématique ; elle accompagne en quelque sorte l’internaute dans sa

navigation.

En cliquant sur les liens de la barre de navigation supérieure, nous arrivons dans des

rubriques différentes, mais la structure globale est conservée. Les rubriques connexes

(comparable à des onglets) restent cliquables mais sont grisées. Quant au menu

latéral de la page d’accueil qui ne trouvait plus de justification (choix du site pays), il

a été supprimé au profit des autres rubriques centrales de la page d’accueil. Cela

facilite la navigation de l’internaute qui n‘est pas obligé de repasser par la page

d’accueil pour changer de rubrique.

Le texte quant à lui, se trouve au centre de l’écran peut défiler grâce à une scroll

bar à droite de celui-ci. Ce procédé permet de conserver l’ensemble de

l’architecture du site (logo, boutons, animations, navigation, etc.) et donc de s’y

retrouver plus facilement, de pouvoir changer de page instantanément. Des sous

rubriques sont également disponibles en haut de la page ; elles permettent de

changer le contenu du texte en fonction du thème choisi. Ainsi les différents thèmes

abordés ne sont pas listés à la suite, ce qui rendrait les scroll interminables, mais sont

appelés par l’internaute.

De plus, la page est très imagée et haute en couleur sans être trop chargée ; ce qui

pour l’oeil est très agréable.

Pour terminer, il reste à signaler que le temps de téléchargement reste très correct,

que les plug-ins ne sont pas nécessaires pour visiter le site et le nom de domaine est

évident (www.nestle.com); pas de recherche intempestive sur les moteurs de

recherche pour trouver ce site.

Ce site se veut donc comme un site institutionnel, sobre et rassurant. Il est en fait la

vitrine de Nestlé dans le monde. Les informations qu’il dispense restent très générales,

car ce n’est pas réellement un site consommateurs mais plutôt un site communicatif

sur la politique globale de la société et de son implication dans le développement

durable.

Nestle.fr

Après s’être attardé sur le site www.nestle.com, on comprend dès l’arrivée sur le site

www.nestle.fr, que la cible est totalement différente.

Le site est beaucoup plus axé « produits » et l’on retrouve d’ailleurs les couleurs de la

marque (bleu et blanc) comme couleur de base sur le site.

Au premier abord, la page d’accueil semble un peu trop chargée et les vignettes

cliquables menant aux différentes rubriques s’intègrent mal dans l’arrière plan. Par

ailleurs aucune vignette n’est construite selon le même schéma : les images et les

photos sont mêlées.

Le logo de la marque ainsi que la base line « la vie du côté bon » se retrouvent en

haut de la page, à l’intérieur de la barre de navigation supérieure. Les différentes

rubriques centrales y sont représentées sous forme de boutons, un

plan du site, un moteur de recherche et une rubrique d’aide sont également

disponibles afin de faciliter la navigation.

On remarquera dès la page d’accueil, la présence d’un ascenseur qui diminue la

lisibilité de la page.

De part et d’autre de la navigation centrale on peut noter la présence de rubriques

annexes reprenant des catégories de produits ou des évènements particuliers ; ce

qui renforce l’impression d’être sur un site marchand.

En bas de la page on retrouve à nouveau les rubriques du site ainsi que les sous

rubriques auxquelles on peut accéder directement. Si cela permet de gagner du

temps en termes de clics, il n’en reste pas moins que cela alourdit la page en faisant

apparaître trois fois de suite le même menu.

Les autres pages :

Chaque rubrique ne garde que peu d’éléments graphiques de la page d’accueil :

seule la barre de navigation supérieure est conservée avec le logo et son code

couleur qui lui est propre. En fait chaque rubrique possède sa propre charte

graphique en adéquation avec la cible visée. Ainsi pour la rubrique enfants on

retrouve des personnages de bande dessinés et des couleurs vives alors que pour

l’univers étudiant, la page est plus design et moins chargée ; la structure même de la

page est complètement chamboulée.

En ce qui concerne le contenu des rubriques, il est pour la plupart en adéquation

avec la cible : un univers ouaté avec une typologie toute en rondeur, des couleurs

pastels, mais variées et l’ours en peluche Blédina pour la partie réservée à « bébé » ;

des couleurs beaucoup plus vives et des dessins pétillants pour la rubrique

« enfants ».

En ce qui concerne le rich média, il se trouve regroupé dans la rubrique « cuisine »,

qui par le biais d’animations nous permet de choisir parmi les différentes sous

rubriques. Aspect ludique.

A noter également qu’à n’importe quel moment, on peut accéder aux autres

rubriques ou à la page d’accueil grâce à la barre de navigation supérieure.

Les univers sont ainsi bien identifiés en fonction de chaque cible, mais on perd toute

la cohérence globale du site ; chaque rubrique semble être un site différent et le

positionnement de la marque a du mal à se faire sentir.

Il est indéniable en consultant ce site, qu’on se trouve sur « un site produit » très axé

consommateurs qui semble vouloir multiplier les cibles avec des univers très différents

les uns des autres. De ce fait, on a du mal à se faire une idée générale du site.

Les autres sites pays

Nestle.ge (Allemagne)

Contrairement au site français, le site allemand est beaucoup plus proche du site

international.

Le logo se situe invariablement en haut à gauche de la page et c’est la base line

anglaise qui est reprise « good food, good life ».

L’aspect visuel du site est beaucoup plus agréable que celui du site français ; il est

moins chargé en couleurs et donc moins agressif pour l’oeil, plus esthétique.

Les différents produits de la marque sont également présents sur la page d’accueil.

Les rubriques et les sous rubriques restent sensiblement les mêmes mais sont

présentées de manière différente.

En navigant à l’intérieure du site on peut se rendre compte qu’il garde une certaine

cohérence dans l’ergonomie ainsi que dans la charte graphique

Nestle.com.ar (Argentine)

Le site argentin de Nestlé est un produit hybride entre le site français et le site

allemand du groupe.

On retrouve la même charte graphique que le site français (prédominance de bleu

sur la page d’accueil) les mêmes codes couleurs pour chaque rubrique, le même

contenu dans les rubriques (notamment pour l’animation « cuisine ») mais l’ensemble

est plus cohérent et s’intègre mieux dans la page.