Scénarisation et Création Multimédia

Bonjour à tous,

Aujourd’hui, j’ai décidé d’analyser un site web rempli de froufrous, de capitons, de transparence, de noeuds, de soie et de dentelle… Un site web très féminin qui peut cependant faire rêver certains hommes… Le site web de Chantal Thomass ! En espérant que cela vous fasse plaisir… aussi bien à vous mesdames qu’à vous messieurs !

Petite présentation

Avant de commencer, je vais simplement expliquer ce qu’est la marque et qui en est la créatrice pour ceux qui ne connaissent pas.

C’est dans les années 70 que Chantal Thomass créa sa marque de lingerie fine de luxe à son nom. Connue et reconnue aujourd’hui par tous, professionnels de la mode comme du grand public (surtout féminin), la marque se veut chic et sensuelle, toujours dans la subtilité et le glamour. Elle doit incarner la séduction. Ses produits emblématiques, la guepière, le corset et les portes jarretelles ont fait sa renommée. Elle créera aussi les années suivantes des bas et collants en dentelles, qui sauront garder l’esprit coquin et sexy de la marque. La volonté de Chantal Thomass est de faire de chacune des femmes une femmes sensuelle, séduisante et séductrice, voir impertinente ! … mais toujours chic !

Un site web qui retranscrit parfaitement l’univers de la marque.

En effet, une fois sur le site, tout l’univers de la marque se retrouve parfaitement : l’internaute se retrouve dans un univers féminin et coquin, où se mélangent le rose (R204 / V102 / B102 – #cc6666), le rouge (R153 / V0 / B0 – #990000) et le noir (R0 / V0 / B0 – #000000) ; le rose, couleur typiquement féminine, qui fait aussi référence au coté capitonné des boudoirs, le rouge en référence au rouge à lèvres de femmes pour l’esprit glamour, et le noir, symbole d’élégance et de classe, couleur principalement utilisée dans ses créations.

L’internaute se retrouve donc dans un boudoir, un petit salon réputé pour son élégance et ses couleurs rose/rouge qui est uniquement utilisé par les femmes, lorsque ces dernières souhaitent se retirer dans un endroit qui est le leur, intime et féminin.

La typographie est elle aussi en cohérence avec la marque. Avec ses empattements, l’écriture rend la marque plus prestigieuse, plus qualitative, plus élégante et crédibilise ainsi son positionnement de luxe. Par ailleurs, le sérif est souvent utilisé pour connoter la stabilité, la force d’une marque, et donc de manière inconsciente, sa puissance.

Un site web bien construit

Nous pouvons commencer par dire que c’est site web dynamique créé en flash, qui permet de nombreuses animations. En effet, lors de notre arrivé sur le site apparaît des cartes de jeu retournés, qui se retournent par la suite pour nous montrer les différentes rubriques / articles / photos / collections… Le site web aurait pu les afficher directement de face, mais l’animation permet de rendre le site web plus qualitatif et attractif.

Par ailleurs, de nombreuses cartes sont dotés d’animations flash, (certains fonctionnant en continu, d’autres devant attendre que la souris passe pour se déclencher), toujours dans l’intention pour dynamiser le site web. Enfin, pour animer les transitions et passer une page à un autre, le chargement prend la forme d’une pin-up glamour rose qui se colorise de noir selon le temps d’attente. Un petit effet qui rappelle donc l’univers de la marque à l’internaute.

Nous pouvons dire que le site  bien architecturé. En effet, constitué en 3 partie, le header, le corps et le footer, chaque partie est facilement repérable et intuitive d’utilisation, ce qui permet une bonne expérience internaute.

Ce retrouve ci-dessous le header, simple, assez discret, qui est parfaitement en accord avec l’univers de la marque.

Dès le départ, en haut à gauche, on retrouve le choix de la langue, la langue sélectionnée étant en noir. On précisesera qu’il y a un effet de souris lorsque l’on passe sur la langue; celle-ci, sous forme de flèche initialement, se transforme en main. Ces deux onglets sont très important car la marque est reconnue internationalement, et permet donc ainsi de toucher plus d’internautes, quelque soit leur langue.

Au centre, se retrouvent le logo Chantal Thomass ainsi que deux types de menus. Un premier, assez discret, composé de 3 rubriques (newsletter, contacts et points de vente) et un second, plus visible sur fond de rose clair, qui met en avant plus de rubriques. Les couleurs sont respectées et allient le rose et le rouge, les deux couleurs principales de la marque.

L’internaute peut choisir -via les deux petits onglets en haut à droite- s’il souhaite ou non de la musique. Là encore, la musique correspond au décor : chantée par une femme, avec une voie sensuelle mais dynamique, elle s’inscrit parfaitement et permet de créé un ambiance légère, féminine, frivole.

Enfin, concernant le header, on peut mettre en avant la présence d’une partie du logo “graphique” de la marque, un logo à l’image de la créatrice : féminine avec la même coupe au carré ! (ci dessous, la version entière du logotype).

Le body (corps du site web) est présenté sous forme de jeu de carte, au nombre de 36. Personnellement, j’apprécie beaucoup le concept des cartes pour présenter les différentes rubriques du site. Le concept est simple, mais original et toujours dans l’univers féminin avec le dos des cartes en capitons roses. Seul chose surprenante, les numéros des cartes, qui ne sont pas dans l’ordre, et qui ont l’air de ne correspondre à rien ! Le numéro 105 (les maillots de bain) est par exemple avant le numéro 19 (bijoux de Miss Bibi). C’est assez étonnant et cela peut dérouter l’internaute, notamment s’il souhaite rentrer le numéro d’une carte dans l’onglet du menu correspondant…

On retrouve ensuite le footer, composé en 2 parties : un menu de 3 rubriques (espaces presse / mentions du sites / espace légale) et le plan du site.

On peut simplement préciser que là encore l’univers féminin et glamour de Chantal Thomass est respecté du point de vue graphique, avec notamment la présence de broderie noire au dessus des rubriques, telle la broderie utilisée pour les jarretelles.

Le site web a souhaité mettre en avant aussi le plan du site. En effet, au lieu de simplement l’afficher en cliquant sur une rubrique, il est totalement détaillé en bas de la page. Juste au dessus est reprécisé le choix de la langue, et est aussi proposé une présentation rapide de la marque.

Concernant ce bas de page, je me permettrai simplement de dire, bien que cette partie soit intéressante et surtout pratique, du point de vue graphique, elle est moins qualitative que le reste du site. Peut-être le fait que cela soit un simple tableau, où toutes les parties ne sont pas équilibrées, ce qui créé donc des vides dans certaines cases.

Un site web qui sait promouvoir la marque et ses produits

Plus qu’une simple marque de lingerie, Chantal Thomass est aussi un parfum, des lunettes, du maquillage, diverses des poupées à destination d’oeuvres caritatives, mais encore de la papeterie, du Canderel, des bougies, sac-à-main, maillots de bains, ombrelles/parapluies… Tous les produits vendus par la marque sont donc présents sur le site ; de la lingeries aux habillements, en passant par les accessoires et la décoration !

Par ailleurs, on peut dire que le site web sait mettre en avant sa communication. En effet, il propose par exemple à l’internaute de voir les vitrines des magasins, ou encore de lire les différentes parutions presse (Vogue, Marie-Claire, Gala…), qui permettent crédibiliser et renforcer la puissance et  la marque.

Le site web mise aussi sur le coté humanitaire de la marque. Cette dernière se montre comme un marque citoyenne, responsable, qui agit en faveur des humains, comme avec exemple avec la carte qui montre les assiettes créées par Chantal Thomass pour l’association Action contre la faim. Là encore, le site web sait promouvoir la marque et mettre en avant ses différentes actions afin de gagner les faveurs de ses cibles. La marque joue là sur un discours corporate pour promouvoir son côté humain, social, humanitaire.

Par ailleurs, en plus de mettre en avant sa communication, il offre la possibilité à l’internaute de communiquer pour lui. L’internaute peut devenir actif. Le site web devient participatif. En effet, le site web met en avant la possibilité de partager des informations du site, des photos, en les envoyant à un ami ou encore en les publiant mettre sur un site web ou un blog. Ces options se retrouvent sous formes d’icônes roses au bas de chaque carte. Précisons simplement que lorsque la souris passe sur un de ces icônes, un rollover se met en place et explique ce que peux faire l’internaute grâce à une bulle. Ainsi, de manière simple, le site web peut promouvoir la marque grâce aux internautes. De plus, les internautes, en faisant cela, montre notamment leur adhésion à la marque.

Un site web qui sait offrir pour fidéliser

Par ailleurs, en plus de promouvoir sa marque et ses produits, le site à l’intelligence de proposer des “plus produits“. En effet, la marque offre gratuitement par exemple des fonds d’écrans (pour ordinateur et iphone), mais se dote aussi de son côté expert, conseillé en aidant l’internaute à choisir les bonnes tailles de lingerie par exemple. Cela permet de créé un lien privilégié, un lien affectif avec l’internaute. La marque n’est plus vu comme une marque qui vend des produits, mais qui propose des services, qui aide ses clients. Ces derniers peuvent se sentir privilégiés, ce qui augmentera leur adhésion à la marque.

Un site web qui parle de ses amis !

La marque Chantal Thomass communique aussi sur d’autres marques, des créateurs de chaussures, de vêtements, ou encore de bijoux. Ces derniers communiquent eux aussi en retour sur la marque Chantal Thomass sur leur site. Cet “échange” permet d’avoir plus de visibilité et donc de notoriété auprès de la cible. Bien entendu, il est indispensable que les marques possèdent la même cible, ce qui est le cas (cible féminine, CSP ++).

Petit bémol…

Je trouve que c’est un excellent site web, qui sait très bien mettre en avant sa marque, et qui sait transporter l’internaute dans son univers.

Seul petit bémol, l’encart en haut à droite où l’on peut mettre le numéro de la carte que l’on souhaite voir, qui à mon avis n’apporte pas grand chose. En effet, il sert à voir une carte précise, et pour cela, il faut tapper son numéro. Or, il est plus simple pour l’internaute de cliquer directement sur celle-ci au lieu de chercher, puis d’inscrire le numéro, surtout que les cartes possèdent des numéros illogiques.

Il m’aurait sembler plus pertinent à cet endroit de mettre par exemple une barre de recherche où l’internaute rentrerait des mots clefs plus qu’un chiffre, comme par exemple : “Corset”.

Un site web réussi

Cependant, d’une manière générale, ce site web est un excellent outil pour promouvoir la marque Chantal Thomass, tant du point de vue graphique, qui respecte totalement l’univers féminin et glamour, que du point de vue informatif (présente les produits, met en avant les valeurs citoyenne de la marque, ses valeurs amicales…). Un peu participatif avec la possibilité d’afficher sur un site web ou d’envoyer à un(e) ami(e) une partie du site, il pourrait cependant mettre aussi plus en avant des liens vers facebook, twitter, des flux RSS ou encore une partie forum ou livre d’or. Ce dernier permettrait de mettre en avant les (bonnes) opinions des clientes, de montrer à tous les internautes leur satisfaction, leur appartenance à la marque, commentaires qui joueront de manière positive sur l’inconscient de l’internaute.

Il me semble que le site est en parfait accord avec la stratégie de la marque. Le positionnement -lingerie de luxe sensuelle et chic- est respecté et les objectifs -qui sont surtout d’informer des produits et actions de la marque, de fédérer les internautes et les faire adhérer aux valeurs de Chantal Thomass- sont réussis. Le ton et l’ambiance (graphisme, musique…), glamours, féminins, sensuels… sont bien présents et cohérents et font de la promesse -qui est de rendre les femmes sexy et chic- une promesse réaliste en laquelle l’internaute peut croire.

Enfin, personellement, l’expérience internaute à été très plaisante. Très intuitif, on comprend directement où cliquer, où se retrouvent les rubriques que l’on souhaite. L’internaute peut très facilement et librement accéder d’un article à l’autre.

Ce site web est donc une réussite à mon avis. Il a réussi à me faire adhérer à la marque et à me faire passer un bon moment sur le web.

Site web institutionnel : www.oranginaschweppes.fr

Le site institutionnel Orangina Schweppes, jouie d’une grande variété de tons colorés, provenant des couleurs de logo et déclinés en camaïeux. Nous retrouvons ainsi une prédominance de jaune et orange (qui peut faire référence  à notre ami l’orange d’Oasis). Le site est réalisé en partie en flash avec des « content » fixe pour la mise en page de texte et des « content » en flash pour les animations. Lorsque l’on ouvre le site, la première animation flash fait défiler rapidement toutes les marques attachées au groupe Orangina Schweppes. A la suite de cela, si l’on est patient, le site nous offre au fur et à mesure tous les spots TV de chaque marque, avec un visuel différent pour chacun d’eux. Une manière d’ancrer dans les esprits que le groupe possède de nombreuses marques à son actif. Un site généreux et haut en couleur pour Orangina Schweppes.

Le site encourage l’internaute à naviguer sur celui ci, l’affichage est dynamique, le visiteur ne s’ennuie pas. Très ergonomique, le sens de lecture est rapide et l’utilisateur trouve à la première lecture ce qu’il souhaite.

On pourrait même dire qu’il donne la pêche ou l’abricot !!

Le tout agrémenté de la musique des spots TV, ambiance joviale garantie.

Voici la page d’accueil du site, avec comme Orangina qui donne le ton avec le premier spot TV diffusé.

Le format de page est relativement petit, l’arrière plan est blanc, ce qui apporte une notion supplémentaire de fraicheur.

La structure du site est très simple :

Le logo en haut de la page centrée : visibilité maximale

Un header avec le menu des pages/ Un système de bouton roll-over nous permet ainsi au moment du survol par la souris d’une image du patchwork d’accéder aux sous rubriques. Notion supplémentaire de dynamisme

L’encart principal contient les animations flashs

Et un footer en bas de page.

La gamme de couleurs du site

Les couleurs dominantes sont le jaune, le bleu, le vert et le orangé

Jaune :

R 255

V : 193

B : 24 ou #FEBF18

Camaïeu de jaune : R : 255  V : 213  B : 2 ou #FFD502

Le bleu bien connu d’Orangina :
R : 0
V : 56
B : 131 ou #003883

Vert :
R :64
V : 164
B : 45 ou #40A42D

Orangé rouge :
R : 220
V : 62

B : 13 ou #DC3E0D

L’ergonomie du site internet est très appréciable, les graphismes sont épurés, l’ambiance générale du site est fraiche et incite à la lecture de contenu. La règle des 3 clics est respectée et la charte graphique est claire et constante sur toutes les pages du site.

Utilisation de Javascript (extrait du code)

L’intérêt principal pour ce site d’utiliser ces nouvelles technologies est de rendre le site vivant et dynamique. D’une part avec les animations flash qui divertissent, d’autre part avec la gamme de couleurs chaudes.

L’utilisation de flash est aussi un moyen de capter l’attention de l’internaute dès son arrivée sur le site web et ainsi de voir directement toutes les marques rattachées au groupe. Cet encart dynamique contient un module vidéo diffusant les pubs du moment de la marque.

Un rollover “site” est disposé en haut du header, c’est un menu déroulant permettant de rendre directement sur le site d’une marque souhaitée : exemple “Oasis”

La stratégie principale de Orangina-Schweppes est de mettre en avant une charte graphique simple et reconnaissable très rapidement par l’internaute. Une charte graphique reconnaissable également sur les marques attachées au groupe grâce au code couleur du groupe. Le site web permet aussi à tout moment d’être redirigé sur les autres marques.

Positionnement : Être le n°1 des boissons aux fruits est une grande fierté et un formidable moteur de développement.

Orangina-Schweppes se positionne de manière à toucher le grand public et surtout les jeunes enfants et adolescents avec les sites web du groupe qui permettent parfois de faire des jeux. Qui proposent une interface dynamique et participative.

Objectifs :
- faire connaitre toutes les marques du groupe
- faire en sorte que l’internaute se rende souvent sur le site afin de visiter les sites partenaires
- faire de ce site une interface graphique épurée et belle pour attirer le plus grand nombre et rendre l’image de la marque proche de ses consommateurs.

Ce site web, joue sur plusieurs effets graphiques afin de satisfaire chaque internaute de sa visite et essayer de le garder le plus longtemps possible avec des animations flash, des vidéos des spots TV des marques rattachées au groupe. Un graphisme coloré, des tons chauds qui permettent d’attirer l’attention du lecteur. De nombreux liens pour rediriger l’internaute sur les sites partenaires (type Oasis).

Un site ergonomique, simple, clair et facile d’utilisation pour une lecture, une visibilité optimale.

Sur ce , bon week-end et bon courage à tous pour le boulot !!