Bienvenue dans l’univers de Ben&Jerry’s
La Petite Histoire:
Il a fallu d’un point commun, celui de la passion pour la gourmandise, pour rassembler les deux fondateurs et donner le jour à la marque de glaces Ben&Jerry’s.
Ben et Jerry se sont rencontrés sur les bancs de l’école et c’est en 1977 qu’ils se sont retrouvés et qu’ils se sont lancés dans la fabrication et vente de glaces.
L’objectif est clair : « Faire la meilleure glace possible de la meilleure façon possible ».
Ben Cohen et Jerry Greenfield ouvrent leur première boutique en 1978 dans le Vermont (USA). La marque est née et deux ans plus tard, le Time Magazine sacre Ben&Jerry’s meilleure glace au monde.
La marque est racheté en 2000 par Unilever et est lancée en 2005 sur le marché français.
Malgré les années, Ben&Jerry’s a su conserver ses valeurs jusqu’à en faire un redoutable avantage concurrentiel. Décryptage à travers le site Internet de la marque, version française, réalisé par le webmaster Xuoan Duquesne, adepte de la marque.
Ben & Jerry’s, en quelques chiffres :
- Pots recyclables à 90%
- 1/3 des parts de marché
- Objectif 100% des glaces issues du commerce équitable
- Plus de 2,5 millions d’euros de chiffre d’affaire en France par an.
- 6 litres de consommation de glaces par personne et par an en France (contre 23 litres aux Etats Unis).
- 25 boutiques en France et plus de 30 partenaires de distribution
- 1 site attractif
La construction du site
Au niveau de la construction du site, toutes les pages sont construites sur le même schéma.
Les interfaces du site sont très faciles d’utilisation. Sur chacune des pages sont visibles le menu et le sous menu ce qui permet de passer facilement et rapidement d’une page à l’autre.
Le menu est simplement constitué du logo de la marque et de 5 boutons.
Les caractéristiques graphiques
Lorsque l’on arrive sur le site de Ben&Jerry’s, on découvre l’univers gourmand et coloré de la marque. Le site communique de la bonne humeur à travers son interactivité et son graphisme de dessins animés.
- Les couleurs
Le site web de la marque rassemble à une large palette de couleur avec une majorité de bleus et de verts. Le bleu est liée principalement à la fraicheur, la loyauté et le rêve. Le bleu est également significatif de transparence. Les dégradés de bleus permettent de ne pas la rendre trop étouffant. Cette couleur est bien entendu directement connectée à la représentation de la nature : océan, ciel et fleurs.
On aperçoit également des nuances de vert, principalement en bas de page. Ce bandeau renvoie une fois de plus aux éléments naturels et aux valeurs environnementales de la marque puisque le vert est la couleur la plus associée à la nature.
De manière générale, le site n’hésite pas à utiliser des couleurs vives ce qui permet de donner de la vie aux différentes pages.
- Les éléments graphiques
A travers l’ensemble du site, le traitement graphique et les visuels sont en quasi totalité des illustrations et celles-ci sont hautement colorées. Les traits de ces illustrations sont relativement enfantins et ludiques ce qui nous rappelle une bande dessinée.
Tous les boutons du menu principal sont créés sous la même forme : Nom du bouton et illustration. A ceci s’ajoute une animation: des ailles animées apparaissent comme pour nous emmener davantage dans le monde de la marque.
Grâce au graphisme et au choix des mots, chaque page nous plonge dans l’univers de Ben&Jerry’s. L’ensemble du site est en cohérence totale avec son positionnement.
- La typographie :
On distingue deux types de typographies différentes utilisées :
- Menu principal et sous menu : En effet, la même typographie est utilisée pour ces deux catégories de titres. Elle est utilisée graphiquement différemment dans le menu principal avec les lettres disposées de manière décalée qui justifie leur positionnement de ne pas se prendre au sérieux. Dans les sous menus, elle est utilisée de manière classique. Elle apporte un esprit décontracté au site.
- Corps de texte : La typographie est de type classique avec une police en bâton ce qui permet de faciliter la lecture. Elle apporte de la crédibilité au contenu rédactionnel.
Les caractéristiques techniques :
Cessons le ludique un instant et intéressons nous désormais à la technique qui réside derrière ce site.
Pour obtenir simplement les informations techniques, il suffit de réaliser un clic droit sur la page du site et de sélectionner “Afficher le code source de la page”. Ne vous effrayer pas à la vue de cette page qui peut sembler complexe.
Grâce à cette page technique, on constate que le site de Ben&Jerry’s a été conçu en HTML c’est-à-dire en langage permettant de créer des pages Web utilisant une structure formée avec des balises afin de réaliser la mise en forme du texte. Ce langage HTML nécessite un navigateur Web pour sa visualisation.
On apprend également que le logo et les boutons du menu principal ont été réalisés grâce à JavaScript qui est une extension du langage HTML. Cette extension permet ainsi l’animation des boutons au passage de la souris sur ceux-ci.
La communication
Que ce soit à travers le graphisme ou dans les textes rédactionnels dont le site est composé, on retrouve durant la navigation les valeurs et les objectifs de communication de la marque. La promesse est claire : Une communication responsable de proximité.
Dans son site, Ben&Jerry’s communique sur son image, ce qu’elle est, et sur l’environnement dont elle s’inspire et qu’elle respecte, en développant sous nos yeux une triple mission, économique, sociale et environnementale.
On découvre l’investissement de la marque dans le domaine économique et social à travers, ses partenariats, les « Goodies » et une rubrique « Générateur de parfum ». Cette image que souhaite nous communiquer la marque est directement rattachée à un critère qualifiant une marque: La qualité associative c’est-à-dire la fonction sociale de la marque afin de nous montrer ses interrogations sur la société, son évolution et la place qu’elle occupe au sein de la société. On note une réelle envie d’échanger avec les consommateurs.
La dimension environnement est la plus représentée sur le site. Ben&Jerry’s lui consacre de nombreuses rubriques. La marque prouve son engagement à travers la transparence de ces objectifs et ses projets d’avenir clairement affichés.
Sur le site, on retrouve des liens favorisant l’accès aux réseaux sociaux sur lesquels la marque est présente. Il est donc possible de rejoindre Ben&Jerry’s sur Facebook et Twitter mais également de s’inscrire à la newsletter et avoir accès au fil d’actualité grâce au Flux RSS.
Les liens des réseaux sociaux ne sont pas assez présents visuellement. Pourtant la marque utilise Facebook très régulièrement, des actualités sont postées en permanence. Chaque jeu organisé par la marque est relayé par ce réseau.
Il en est de même pour Twitter, comme l’opération « Fair Tweets » lancé par la marque. Si vous souhaitez en savoir plus, je vous laisse découvrir la suite grâce à cette vidéo.
Les produits Ben&Jerry’s étant majoritairement distribués en GMS, la marque souhaite établir un contact grâce à son site Internet attractif. Les consommateurs sont sollicités régulièrement par de nouveaux concours, jeux et sondages. La proximité est une valeur importante de la marque que les consommateurs perçoivent, comme on peut le voir sur le blog ou Facebook où ils n’hésitent pas à se mettre en scène avec des produits de la marque.
L’importance donnée au web dans la communication de Ben&Jerry’s indique une cible jeune avec un cœur de cible entre 18 et 35 ans.
Conclusion :
Ben&Jerry’s est un acteur tant dans la créativité que dans le domaine environnemental et allie agilement ces deux activités. Ben&Jerry’s est un univers à découvrir avec ses yeux ICI et ses papilles gustatives (parole d’une convaincue).
L’icône habillage autour du rectangle de sélection, permet de créer un habillage rectangulaire autour de votre objet. Les contours sont délimités par le cadre de la sélection d’objet.
L’icône, habillage de la forme de l’objet (logo), correspond à l’habillage du contour de la forme. Dans Options de contour à type, choisir Détection des contours. L’ordinateur détecte automatiquement la forme de l’objet. Vous pouvez également aller dans la barre Objet + masque + option et choisir Détection des contours dans « Type ». Puis Ok.
empêche l’apparition du texte dans l’espace disponible à droite et à gauche du bloc.
empêche l’apparition du texte dans l’espace disponible en dessous du bloc. Celui-ci est automatiquement renvoyé dans la colonne suivante ou dans le bloc de texte suivant.
assurez-vous que le papier froissé se trouve bien au-dessus du papier millimétré
prêt de l’icones pour obtenir le menu
