ANALYSE DU SITE ET SA TYPOLOGIEWWW.HARLEYDISTRICT78.COM

PAR SANDRA OLLIER - WEB1

SOMMAIRE

1 - RÔLE DU SITE.....................................................................4.5

2 - APPROCHE FONCTIONNELLE.....................................6.7

3 - RUBRIQUES..........................................................8.9

4 - APPROCHE GRAPHIQUE......................................10.11

5 - LES ÉLÉMENTS DU CONTENU..............................12.13

6 - SYNTHÈSE.............................................14.17

1. RÔLE DU SITE

P. 4

Nous pouvons constater qu’il s’agit là d’un site de concessionnaire exclusif des marques HARLEY-DAVIDSON & BUELL. Harley

district 78 est un concessionaire commerçant indépendant qui va acheter les biens du fabriquant pour les revendre.

Harley District 78 assure la vente, l’entretien, les préparations, l’assurance, le financement, la reprise de la marque Harley-Davidson.

Le fourisseur distribue ces produits en exclusivité au concessionnaire. L’exclusivité de fourniture est territoriale, c’est à dire que le

concédant doit approvisionner exclusivement le concessionnaire avec ces produits dans le secteur géographique qui a été attribué au

revendeur.

Le site www.harleydistrict78.com est un site vitrine catalogue non e-commerce, mais on retrouve une spécificité de ventes d’occasions

par contact (courrier, téléphone, e-mail, formulaire).

P. 5

2. APPROCHE FONCTIONNEL

P. 6

Dans un premier temps, le site est constitué d’une page tunnel avec des informations essentielles pour la bonne compréhension

du site, on retrouve le logo Harley-District 78, une accroche afin d’attirer l’oeil du client, des informations sur l’activité du site

(concessionnaire exclusif), les droits d’auteurs sont spécifiés avec un copyright pour la marque Harley et aussi pour le créateur du site,

les logos des deux marques vendus sont présents, l’adresse, le numéro de téléphone ainsi que le fax. Cette page est constituée de

plusieurs liens entrants sur le site, ainsi que d’un lien externe dirigeant vers l’agence conceptrice du site. Instinctivement, on aimerai en

cliquant sur les deux logos des marques être dirigé sur leur site officiel mais on entre dans la Home page, on constate ici un problème

d’ergonomie parce que intuitivement, l’internaute va vouloir cliquer sur le lien pour etre dirigé sur les pages des marques.

Dans un second temps, nous pouvons constater que tous les liens de la page tunnel nous dirige vers une Home page (ou index). Les

liens de la Home page Tunnel nous dirige vers la page «Actualités». On constate qu’il y a deux menus de navigation dans la page

d’accueil, un menu vertical constitué de 5 rubriques ainsi qu’une 6ème placée près du footer ainsi qu’un menu horizontale proche du

header. Le logo Harley district 78 est situé en haut à gauche de la Home page, avec un lien sur la surface du logo nous ramenant à la

page tunnel. Les logos des deux marques présentées avec la notation du statut du site sont aussi présents, mais les deux logos n’ont

pas de liens sortants alors qu’il aurait été plus judicieux de mettre des liens vers les sites officiels. Les rubriques du menu vertical sont

présentées avec des pyctos pour une deuxième entrée visuelle. La rubrique numéro 06 est un bandeau corporate où l’on retrouve des

informations utiles pour le client comme l’adresse du concessionnaire ainsi que des informations administratives.

Proche du footer, on aperçoit un lien vers l’agence créatrice du site ainsi qu’un autre lien vers le site USA de la marque Harley Davidson.

Dans un troisième temps, nous constatons qu’en entrant dans les différentes rubriques on retrouve des informations concernant l’activité

du site, la présentation de l’équipe, la présentation des motos d’occasions avec une fiche produit incluant trois vues du modèle ainsi que

des informations sur celui-ci. Afin de contacter les concessionnaires pour un achat éventuel il faut passé par un lien contact, la prise de

contact est effectuée par courrier, téléphone, e-mail ou formulaire.

Les informations sur la page ainsi que l’image de fond du site ne sont pas fixe, lors du scroll de la page des informations ne sont pas

affichés comme par exemple le logo. On remarque qu’il n’y a pas de lien mentionnant ni la pas tunnel, ni la page d’accueil lorsque l’on

navigue dans les rubriques, cela est problème ergonomique important. On remarque qu’un scroll est situé a l’intérieur de la page ce qui

ne rend pas la navigation facile.

P. 7

3. RUBRIQUES

(PARTIE 1)

P. 8

Le site est constitué de deux menus de navigation, le premier menu vertical est constitué de 6 rubriques numérotés de 01 à 06.

La rubrique n° 01 s’intitule «La Concession Harley-Davidson & Buell», elle est composée d’un texte explicatif de cette concession avec

des photos du local sur lequels on peut zoomer, dans les textes un lien hypertexte «occasions HD» redirige la page vers la rubrique

04 (nos occasions) et un autre lien hypertexte «accessoire HD» redirige vers la rubrique 05 (style HD). En bas de la page un bandeau

google map est a notre disposition (avec un lien cliquable).

La rubrique n°02 se nomme «Les services» avec une présentation de l’équipe avec leurs services. On retrouve aussi vers le bas de la

page une explication du financement et de l’assurance Harley-Davidson & Buell avec un lien aux deux textes qui redirige vers la page

Contact. La rubrique n°3 s’intitule «La Gamme», dedans on dispose de la présentation des deux gammes, la gamme Harley-Davidson

ainsi que la gamme Buell. Les deux gammes sont ponctuées de photographies ainsi que de leur logo, un lien vers le site officiel des

deux marques est présent mais on a envie de cliquer sur les logos ainsi que sur les photos afin d’être dirigé sur les sites officiels. La

rubrique n°4 s’appelle «Nos occasions», on retrouve les occasions Harley-Davidson sous forme de tableaux avec des informations sur

l’année du modèle, le kilométrage ainsi que le prix. Lorsque l’on clique sur les différents modèles on est redirigé vers une page avec

les caractéristiques, trois vues de ceux-ci sont à notre porté ainsi qu’un lien «Nous contacter» qui redirige vers la page contact afin de

pouvoir prendre contact pour un achat éventuel. La rubrique n°5 s’intitule «Style HD», elle présente la boutique Harley-District 78 avec

divers produits (prêt à porter, accessoires, maroquinerie, etc... On retrouve des informations sur le produit (présentation, prix) avec une

photo où l’on peut zoomer. La rubrique n°6 est un bandeau corporate avec des informations administratives mais aussi des informations

utiles tel que les liens utiles, le plan du site, la page contact, etc...

P. 9

3. RUBRIQUES

(PARTIE 2)

P. 1 0

Le second menu horizontale dispose d’une première page «Actualités» avec des articles sur des sorties, des bon plans, des promos,

etc...le derniers article date du 09.03.2011, celui-ci aurait pu être plus récent. La deuxième page nommée «H-D Show!» concerne la mise

en valeur de leur service de préparation et customisation de Harley. On peut y voir des articles ainsi que des photos des réalisations.

La page suivante, «H.O.G Chapter» présente le groupement des possesseurs de Harley Davidson (Harley Owner Group) à l’aide d’un

texte explicatif ainsi qu’un lien qui dirige vers un site amateur du groupe de Paris. Le logo H.O.G est présent sur cette page ainsi que des

photos des motards. On retrouve également l’adresse mail du groupe de Paris avec une ouverture de notre boite mail pour leur écrire.

Un autre lien plus bas dans la page permet aussi de ce rendre sur le site du groupe H.O.G de Paris. Un lien hypertexte est aussi présent

pour rediriger vers la page contact. La dernière page de ce menu est la page «Contact», on y retrouve une photo du local avec des

informations pour contacter l’entreprise c’est à dire l’adresse avec un lien google map, le téléphone, le fax, une adresse e-mail avec un

lien ouvrant la boite mail pour leur écrire, un lien dirigeant vers un formulaire pour diverses questions, les horaires. On dispose également

d’un lien vers le site du groupe PARIS WEST CHAPTER.

4. APPROCHEGRAPHIQUE

P. 12

Nous allons dans un premier temps faire une approche du site dans sa globalité, celui-ci a été créé par l’agence Axe-Net, visuellement,

le site est très «Old school» et montre bien que la marque Harley-Davidson date de plus d’un siècle. Graphiquement, on y aperçoit

beaucoup d’éléments les uns sur les autres tel que des photos, des encadrées, des anciennes photos détourées, etc... cela donne du

mouvement au site et le rend plus dynamique. L’approche graphique rend la fonctionnalité du site agréable pour le client qui peut aussi

regarder les photos de motards ainsi que la patte graphique particulière. Le site est composé graphiquement de plusieurs éléments, on

y retrouve des photographies travaillées à l’ancienne style noir et blanc afin de plongé le spectateur dans un univers qui a du vécu. Il y

a aussi des papiers vieillis avec des dessins réalistes de motos. Concernant l’aspect colorimétrique du site, nous pouvons constater une

dominante des couleurs orange, blanc et noir qui fait un rappel des couleurs du logo Harley-Davidson.

Nous pouvons voir sur la page tunnel une photographie qui fait penser au passé, à l’histoire. Celle-ci à un aspet vieillie. Le logo Harley-

District 78 lui aussi est composé des couleurs du logo Harley Davidson, mais on peut constater que le logo est en décalage par rapport aux

éléments qui l’entourent. Celui-ci est en réalisé avec des couleurs de gris froid alors que les éléments autours sont en gris chaud, le logo

plus moderne que l’entourage montre un respect du vécu de la marque avec une actualisation, une évolution de celle-ci à travers le temps.

Concernant l’approche typographique du site, nous pouvons retrouver une police du logo Harley-District 78 en capital se rapprochant de

la police du logo Harley-Davidson. Ensuite, on retrouve des polices style calligraphique (page d’accueil) ou à l’intérieur du site la police

Cooper STD, une police en serif style ancien. Pour une bonne lisibilité, les articles sont écrits dans une police Arial.

Une fois dans la Home page, on remarque une animation intégré dans le header avec une moto se déplaçant en notre direction. L’animation

reprend lors du rafraîchissement de la page web. Un background du site est situé a gauche ainsi qu’à droite du site avec sur la gauche une

photo de moteur et sur la droite une ancienne course de motos dans une photo avec sur la gauche l’intégration d’une moto plus récente qui

dépasse sur l’intérieur du site, ce qui nous donne une impression d’immersion dans l’univers du site. La photo du motard change à chaque

réactualisations de la page. Quand on passe la souris sur les liens des rubriques le texte change d’aspect, on dispose ici d’un roll-over avec

une surbrillance. On constate que les photographies des zooms n’ont pas les mêmes formats graphique ce qui n’offre pas de cohérence.

P. 13

5. LES ÉLÉMENTS DE CONTENU

P. 14

Concernant le contenu, nous allons d’abord aborder la première page du site, celle-ci est composée du nom de

l’entreprise ainsi que de son activité, on retrouve le logo de l’entreprise, ses coordonnées, son adresse ainsi les droits

d’auteurs de la marque Harley-Davidson ainsi que les droits d’auteurs du créateur du site.

En cliquant sur tout les liens de cette page tunnel on entre dans la Home page avec un menu vertical ainsi qu’un menu

horizontale.

Dans la page des éléments restes à l’ecran même si l’on clique sur un lien de la page, on y retrouve le nom de

l’entrerise avec son activité ainsi que le logo de l’entreprise et les logos des deux marques en concessions.

On retrouve dans le site la présentation de l’équipe, la présentation des produits avec un descriptif, un formulaire de

documentation, un lien actualités, un lien gamme qui présente les deux gammes marques en concessions avec un

lien vers leur site officiel, des exemples de prestations dans le lien «HD Show» avec des photos sont inclues, un lien

«Nous contacter» avec les coordonnées de l’entreprise, un lien «Style HD» avec la présentation d’accessoires, de prêt

à porter concernant des dérivés de la marque Harley-Davidson.

P. 15

6. SYNTHÈSE(PARTIE 1)

P. 16

Afin de structuré notre syntèse nous allons aborder dans un premier temps les points positifs du site puis dans un

second temps les points négatifs.

Concernant les points positifs, nous pouvons constaté que graphiquement le site offre une approche plutôt poussée

avec une patte graphique qui rend le site agréable d’utilisation. Certaines informations permettent de donner des

avantages au site comme la réalisation de customisation de Harley ou la boutique en ligne. La présentation de

l’équipe ainsi que l’ensemble du site donne une ambiance chaleureuse et familiale qui donne envie de contacter les

concessionnaires.

Malgré un site avec des qualités, celui-ci mériterai d’être re-visiter afin de s’améliorer.

Concernant les deux menus, les rubriques qui les composent pourrait être mieux agencés afin de mieux se repéré

dans les deux menus. Il aurait été judicieux de mettre les prestations de l’entreprise, les produits,etc..dans un menu

vertical et un menu horizontale avec tout ce qui est contact humain. Nous avons également remarquer des soucis

d’ergonomie dans le site, que ce soit les logos des marques qui ne donne pas de direction souhaitée (site officiel des

marques), le manque de liens pour être dirigé vers la page d’accueil ainsi que la page tunnel, la présence d’un Scroll

vertical dans le site qui rend la navigation plus difficile, etc...

Le fait de mettre un numéro (06) au bandeau corporate n’est pas forcément pertinent car ce bandeau n’a pas besoin

de disposé d’un numéro vu qu’il est différent des autres rubriques et il n’est pas situé au même endroit.

P. 17

6. SYNTHÈSE(PARTIE 2)

P. 18

L’entreprise aurait pu disposer d’un historique afin d’immerger le client dans l’univers de cette concession.

Les informations tel que le logo de l’entreprise ainsi que des informations importantes ne se voit pas lors du scroll pour aller en bas de

la page, un fond fixe avec des informations fixes aurait été plus judicieux.

Si l’on veut acheter des accessoires ou prêt à porter dans la rubrique «HD Style», un lien vers la page contact aurait pu être mis afin de

pouvoir les contacter pour un produit.

La page «actualité» pourrait être mieux mis à jour ainsi que l’ensemble du site, car on a la sensation que celui-ci est laissé de côté. La

présence de vidéos ainsi que de musiques (bruit de moteurs, etc..) aurait pû rendre le site encore plus immersif et intéressant.

Nous pouvons donc constater que malgré le fait que le site offre une belle approche, il reste néanmoins beaucoup de choses qui

pourraient être vu autrement ou modifier. On retrouve certaines erreurs comme un lien erroné. Nous pouvons donc conclure que le site

à un aspect général incomplet.

P. 19