Cahier des

char-ges

Lanzani Raphaël2009

Sommaire

1- Définition du Projet

2- Etude de la concurence

A- Le contexteB- Les objectifsC- Les cibles

A- IntroductionB- Liste des sitesC- Analyse des sitesD- Conclusion

1- Synthèse de l’étude 2- Solutions retenues

1- Définition du projet

A- Le contexte

B- Les Objectifs

C- Les Cibles

1- Disk-o-Tek est un magasin de disques vinyls établi à Saint-Brieuc, dans les Côtes d’Armor. Son propriétaire Mathias Douet est un passionné de musique électronique et de fêtes techno. Il est lui est lui-même DJ.En 2006, il ouvre Disk-o-Tek qui propose une sélection de disques vinyls spécialisé, de vêtements style techno, d’articles de jonglerie et de matériel de peinture destiné aux graffeurs.

2- L’interlocuteur et commanditaire du projet est :

Mathias Douet4 Rue Jean Métairie22000 St-Brieuc02 96 61 25 78disk-o-tek@yahoo.fr

3- Monsieur Douet souhaite la création d’un site internet : disk-o-tek.com.Le site est l’extention virtuelle de son magasin. Il propose les mêmes services que dans sa boutique : conseil et vente.

1- Faire connaître le magasin réel à un plus large public.2- Présenter les produits vendus chez Disk-o-Tek.3- Véhiculer et contrôler l’image de l’entreprise.4- Vendre les produits en ligne.

Disk-o-Tek, par l’intermédiaire de son site, cherche à attirer et à fidéliser un large public dans sa région.

1- Public occasionnelGrâce à une image propre et un site clair, le public occasionnel peut découvrir Disk-o-Tek et se faire rapidement une idée précise de l’offre du magasin. Le public trouve facilement les renseignements permettant de se rendre sur place. Il peut éventuel-lement faire des achats occasionnels. 2- Public habituéGrâce à des mises à jour régulières, un catalogue complet, des offres promotion-nelles attractives et un service efficace, le public connaisseur ou fréquantant déjà le magasin trouvera des raisons de revenir sur le site de façon régulière.

2- Etude de la concurrence

A- Introduction

B- Liste des sites

C- Analyse des sites

De nombreux magasins de vinyls existent dans la région, que se soit physiquement ou bien sur internet. Evidement, tous ne sont pas spécialisés dans la musique électronique et ne proposent pas exactement les mêmes services.Dans cette étude, il s’agit d’observer les sites qui se rapprochent le plus de disk-o-tek.com, mais qui ne sont pas pour autant des concurrents directs.

A suivre l’analyse de sept sites, accompagnée de captures écrans, du zoninget de l’arborescence principale de chaque site.

- www.akouf.n.com

- www.pinkcat-records.com

- www.teknoshop.biz

- www.toonzshop.com

- www.switchrec.com

- www.sbmonline.com

- www.tekshop-record.com

- www.akoustick.com

- www.rafkonexion.com

- www.undergroundtekno.com

- www.fnac.com

ww

w.a

kouf

-n.c

om

Accueil :

Design :

Navigation :

Ce site est celui qui ressemble le plus à disk-o-tek.com, en effet, www.akouf-n.com est une ex-tension d’un magasin existant réellement dans l’Hérault. A première vue, le site est clair et identi-fiable. Ce site vend des disques de techno, des vêtements et des accessoires pour les DJ’s.

Le design est sobre, voire même un peu monotone et triste, mais on peut estimer que c’est un choix esthétique qui correspond à certains codes dans le milieu techno. L’ensemble est réalisé à partir de quatres couleurs dominantes : noir, gris, jaune et blanc. En haut de la page, il y a le logo de l’entreprise qui est assez peu lisible et une petite animation. La mise en page est chargée.

La navigation n’est pas évidente à prendre en main. Toutes les zones se ressemblent, il faut impérativement lire tous les titres pour s’y retrouver. Les boutons ne sont pas ergonomiques ( il faut cliquer sur le texte ). Le menu est doublé en haut et sur la gauche, mas cela n’apporte rien d’utile.

Contenu :

Conclusion :

Technique :

Il existe deux parties importantes : la vente de disques vinyls et cd’s classés par genres musi-caux et celle de vente de vêtements et d’accessoires pour les dj’s. Le reste des rubriques est un peu inutile, car pas assez étoffé : dans goodies il y a deux fonds d’écran, dans photos il y a des photos qui n’ont pas été mises à jour depuis des mois. Il existe aussi, dans le désordre : un panier, une newsletter, le choix des langues, une section recherche, les news de la semai-ne…

Ce site n’est pas assez attrayant, peu ergonomique, il est trop chargé. Le site ne nous emmène pas à l’essentiel rapidement. Il y a trop de rubriques inutiles. Les fonctions principales sont tout de même remplies : on peut écouter les disques et les acheter. Mais l’ensemble reste assez peu rassurant pour faire ses achats en toute tranquillité.

Le site est fait en CMS avec l’éditeur Joomla.

Nom du site

Logo

Navigation

Login

Login

Dj shop

contenu

contenu

Nouveautés

Nouveautés

Vetements

Langue

connectés Recherche

Recherche

Panier

Panier

Sondage

NewsLetter

NewsLetter

Paiment sécurisé

Paiment sécurisé

Menu

News

News

News

Selection

Selection

Autres

Header

Navigation / menu

Accueil Dj shop

Vinyls

DVD

CD

Accessoires Dj's

Nos Labels Wear Shop

Cellules

Feutrines

Casques

Sac Dj's

Liste fond d'ecran musique

Goodies Son à l'écoute Contact

Zoning :

arborescence :

Design :

Navigation :

Le site est facilement identifiable grâce à son logo de chat rose et sa charte graphique rose bon-bon. Le tout est bien aéré et très lisible. Il n’y a pas d’animation flash. Le site semble calme et apaisant, ce qui instaure un climat de confiance.

La navigation est ergonomique et facile. La page est divisée en trois colonnes : un menu, avec ses sous-menus sur la gauche, le contenu dans la partie centrale et un espace client sur la droite. Les informations sont regroupées de façon logique et un chemin de fer, affiché en haut de la zone centrale, indique la position de l’internaute à tout moment.

Accueil :Ce site nous accueille dans une ambiance douce et rose comme son nom l’indique ; il est très lisible sur un fond clair. Ce site vend des disques vinyls de musique électronique, du matériel et des accessoires pour les dj’s, en ligne uniquement.

pink

cat-r

ecor

ds.c

om

Contenu :

Conclusion :

Technique :

Le contenu du site est simple puisqu’il ne vend que des disques. Ils sont classés par styles mu-sicaux. Les listes sont composées d’une photo de la pochette, du nom de l’album et de l’artiste, du label, du style et du prix. En cliquant sur l’image, on accède à une page permettant d’écouter des extraits du disque et éventuellement d’ajouter au panier.En plus, il existe une partie matériel et accessoires dj’s, il ya une rubrique nouveautés et soi-rées et une possiblité de s’inscrire à une newsletter.

Ce site est pratique, clair, rapide. L’internaute se trouve dans un milieu rassurant pour faire des achats. On se rappelle facilement du site par le choix original des couleurs, mais cela risque de ne pas plaire à tout le monde.Il faut noter que ce site est bien référencé, puisqu’il arrive en premier lorsque l’on tape : vente / diques / vinyls.

Le site est fait en HTML.

Nom du siteLogo

Navigation

Login

RecherchePanier

contenu

Nouveautés

NewsLetter

News

Selection

Zoning :

Arborescence :

Login

contenu

Nouveautés

Recherche

Panier

NewsLetter

Paiment sécurisé

News

Selection

Autres

Header / footer

Navigation / menu

tekno

electro

Drum&Bass

hardcore

Ragga-Jungle

Hip Hop

etc...

CatalogueAccueil

News

Nouveautés

Retour des stock

Top 10

Electronique Général

Lounge

Funk / Disco

Reggae

Pop / Rock

Accessoires

Rap / Hip Hop

etc...

Equipement Dj

Home Studio

T-shirts

Matériel Infos

soirées

Divers

Divers

Design :

Navigation :

Le style graphique est harmonieux, grâce à une composition de couleurs utilisant des tons gris et bleu pour le fond contrastant avec un orange vif pour les titres. Le site donne une impression de dynamisme et en même temps il reste sobre et apaisant.

La navigation est facile et intuitive. Les différents éléments sont facilement identifiables et re-groupés de façon logique. L’internaute dispose d’un chemin de fer lui permettant de savoir à tout moent où il se trouve.

Accueil :C’est le site d’un disquaire indépendant basé à Rennes, spécialisé dans la musique électronique. L’internaute est accueilli dans un espace clair dédié uniquement à la vente de vinyls et d’acces-soires techno.

ww

w.s

witc

hrec

.com

Nom du siteLogoLogin

contenu

Recherche

Panier

NewsLetter

News

Navigation / menu

Chemin de fer

Contenu :

Conclusion :

Technique :

Il y a une partie menu fixe en haut de page permettant de faire son choix entre les rubriques : musique, vêtements et accessoires. Elle est complétée par un menu permettant de choisir les différents styles de musiques. Il y a une partie création de compte et gestion du panier, un bou-ton permettant de passer en anglais, une partie recherche et une partie news.

Le site est agréable à utiliser, il est facile de rechercher une référence dans le catalogue, d’écouter, puis de passer commande. A noter par contre qu’il manque des commentaires concernant les produits et que malheureusement, lorsqu’on souhaite écouter un titre,une nouvelle fenêtre s’ouvre, ce qui est un peu gênant.

Le site est fait en HTML, PHP, JAVA script.

Zoning :

Login

contenu

Nouveautés

Recherche

Panier

NewsLetter

Paiment sécurisé

News

Selection

Autres

Header / footer

Navigation / menu

Musique Clothing Dj Equipement DVD & Book

tekno Sweat Casque DVD

electro T-Shirt Cellules Book

Drum&Bass Porte-monnaie Feutrine

hardcore Bestsellers Dj Bag

Ragga-Jungle Divers

Acid

etc...

Arborescence :

Design :

Navigation :

Les couleurs sont vives : jaune, orange, vert…Il y a des dessins amusants (style enfantin). L’en-semble est assez harmonieux, mais tout de même un peu chargé et fatiguant pour les yeux. Le site est parfaitement identifiable grâce aux couleurs et à l’ambiance.

La navigation est assez simple et intuitive, mais il y a de petites erreurs de classement et parfois l’identification des produits est difficile. Comme il y a beaucoup d’éléments, le tout semble fouilli.

Accueil :Le site toon’z est accueillant grâce à des couleurs chaudes et des dessins amusants, mais on ne comprend pas tout de suite de quoi il s’agit. Ce site vend beaucoup de choses : des disques vinyls, des CD et DVD, des vêtements, des piercings…

ww

w.to

onzs

hop.

com

Contenu :

Conclusion :

Technique :

Le site propose d’acheter des disques, des cd’s, des DVD, des livres, des vêtements, des bi-joux, du matériel pour les dj’s… On trouve une section de recherche avancée ( classement par artistes,labels, style ), des selections de type : incontournable et à découvrir ... On peut aussi obtenir des news à propos des prochaines soirées techno.

Le site paraît agréable au premier abord, mais il s’avère un peu compliqué de trouver quelque chose dans ce qui semble être un grand bazar. Cependant toutes les fonctionnalités essentiel-les du site sont opérationnelles.

Le site est un fait en HTML.

Nom du site

Logo

Login

contenu

Nouveautés

Recherche

Panier

Paiment sécurisé

News

Selection

Navigation / menu

Zoning :

Login

contenu

Nouveautés

Recherche

Panier

NewsLetter

Paiment sécurisé

News

Selection

Autres

Header / footer

Navigation / menu

Vinyls

hardcore

electro

Drum&Bass

tekno

Ragga-Jungle

Acid

Matos Dj

Bac à disques

Casques

Cellules

Feutrine

Platine CD

Platine vinyls

Homme

Sweat

T-Shirt

Pantalon

Blouson

Accessoires

Shorts

Sweat

T-Shirt

Pantalon

Accessoires

Femme CD-DVD

tekno

electro

Drum&Bass

hardcore

Ragga-Jungle

Hip Hop

Video

Bazard

Patch

Badge

Drapeaux

Livres

porte-clés

stickers

posters

Bijoux

Piecing

bagues

coliers

pik cheveux

bracelet

boucles

Table de mixage

Accessoires

Robe-jupes

Vestes

Pull

Arborescence :

Design :

Navigation :

Le choix des couleurs est discutable : jaune, orange, violet dégradé, cela ne gêne pas pour la lisibilité, mais l’abondance de couleurs ne met pas en valeur les produits présentés.

En haut de la page, on trouve un section recherche, panier. Sur la gauche, il y a le menu et ses sous rubriques. Il est important de noter que les boutons ne sont pas ergonomiques, puisqu’il faut absolument cliquer sur les lettres et qu’en plus il n’y a pas de roll-over. Au milieu, s’affiche le contenu des différentes rubriques. Sur la droite des promotions. Il y a aussi des problèmes de taille de police : trop petites.

Accueil :Au premier coup d’œil, le site semble structuré et facilement reconnaissable grâce à un logo ori-ginal et par le fait que l’activité vente de vinyls soit indiquée en toutes lettres.

ww

w.a

kous

tik.c

om

Contenu :

Conclusion :

Technique :

Le site propose d’acheter des disques, des cd’s, des DVD, des livres, des vêtements, des bi-joux, du matériel pour les dj’s… On trouve une section de recherche, une partie nouveauté ainsi qu’une partie promotion.

Le site est agréable mais il fait un peu trop amateur, ce qui n’est pas très rassurant pour faire ses achats. Il y a des problèmes de navigation et de lisibilité. De plus, certaines rubriques sont un peu vides…

Le site est fait en HTML.

Nom du siteLogo

Login

contenu

Nouveautés

Recherche

Panier

NewsLetter

Paiment sécurisé

Navigation / menu

Zoning :

Login

contenu

Nouveautés

Recherche

Panier

NewsLetter

Paiment sécurisé

News

Selection

Autres

Header / footer

Navigation / menu

Arborescence :

Design :

Navigation :

Très sobre, le tout sur un fond blanc. Un petit logo dans le header permet de distinguer le site.La mise en page est bien aérée, ce qui permet une lisibilité parfaite.De plus, le choix des couleurs neutres permet de mettre en valeur les pochettes des disques qui sont souvent très colorées.

La navigation est on ne peut plus simple et pratique. La lisibilité est à son maximum. On s’iden-tifie en haut de la page, puis on accède aux différents styles musicaux par le menu de gauche.Dans la partie centrale s’affichent les vignettes des différentes pochettes de disques. Il suffit de cliquer sur la vignette sélectionnée pour accèder à l’écoute et aux informations. On ajoute au panier et le tour est joué. A noter qu’un chemin de fer permet à tout moment de se situer dans la navigation.

Accueil :On accède sur une page tellement sobre que l’on a du mal à déterminer tout de suite de quoi il s’agit, mais ensuite on découvre les rubriques et la prise en main est aisée.

ww

w.te

k-sh

op.c

om

Contenu :

Conclusion :

Technique :

Le contenu du site est simple puisqu’il ne vend que des disques qui sont classés par catégorie. Il existe un top 10 des meilleures ventes, une section de recherche, une selection de disques, des news, des discographies et un abonnement possible à la newsletter.

Le site est tellement sobre qu’on pourrait l’oublier aussitôt, mais par contre il est extrêmement bien construit. Simple et pratique à utiliser, l’ensemble est rassurant pour faire des achats en ligne.

Le site est un fait en CMS avec Joomla.

Nom du site Logo

Login

Login

Nouveautés

Nouveautés

Contenu

Contenu

Recherche

Recherche

Panier

Panier

NewsLetter

NewsLetter

Paiment sécurisé

Paiment sécurisé

News

News

Selection

Selection

Autres

Header

Navigation / menu

Navigation / menu

Zoning :

Arborescence : DisquesAccueil

hardcore

electro

Drum&Bass

Spiral Tribe

electro

Du mois

antérieur

Drum&Bass

tekno

Ragga-Jungle

Acid

Chroniques

Hip Hop

etc...

Nouveautés contactez nous

Design :Le site utilise un fond clair, des dégradés de gris ,la couleur jaune ocre de son logo et du vert pour contraster un peu. La mise en page est très aérée, ce qui permet une lisibilité parfaite. Il y a des petis contours gris pour délimiter les différentes rubriques.

Accueil :Le site de la fnac vend aussi des disques vinyls. On est accueilli dans une ambiance claire et sobre. Tout est très net.

ww

w.fn

ac.c

om

Navigation :La navigation est simple et intuitive

Contenu :

Conclusion :

Technique :

Le site de la Fnac est très complet.Outre le fait d’acheter facilement un article, l’internaute a à sa disposition beaucoup de services qui lui permettent de faire son choix : un outil de recherche complet, la description détaillée du produit, la proposition d’articles du même artiste ou liés à l’artiste et l’avis des internautes.

Le site de la Fnac est une référence en ce qui concerne l’achat de produits en ligne, les servi-ces proposés à l’internaute sont complets et permettent de faire son choix sur un produit ou de s’orienter sur d’autres articles. La mise en page est agréable et reposante, ce qui permet de rester longtemps sur le site sans se fatiguer.

Le site est un fait en HTML, CSS, Javascript, PHP.

Zoning : Nom du site

Login

Nouveautés

Contenu

Recherche

RechercheChemin

Photo

Description

Avis des internautes

Avis des internautes

Fiche détaillée

Proposition d'autres articles

Autres articles du même artiste

Artistes liés

Actualités

Panier

Panier

Prix

NewsLetter

Paiment sécurisé

News

Selection

Autres

Header

Navigation / menu

Navigation / menu

D- Conclusion

1- Synthèse de l’étude de la concurence

En etudiant les sites, on s’aperçoit que dans le commerce de disques, il est primordial d’avoir un site doté d’un bon moteur de recherche afin de trouver facilement un disque.On doit pouvoir le trouver, soit en cherchant par l’intermédiaire d’une barre de recherche ( classement par artistes, titre, label ), soit par un menu classant les disques par catégorie musicale.

La navigation doit être simple et rapide. Il s’agit d’utiliser des barres de navigation qui regroupent les informations de façon logique et bien lisible. A tout moment l’internaute doit pouvoir se loca-liser à l’intérieur du site.On trouve, dans certains sites, un chemin de fer qui détaille le chemin parcouru dans l’arborescence ( très pratique ! ). Beaucoup de sites étudiés ont choisi d’utiliser deux menus différents, pour séparer le menu principal et le classement par genres musicaux.

Tous les sites analysés proposent de commander les produits en ligne. Certains sites n’ont pas bien regroupé toutes les informations utiles au même endroit. Par exemple, pinkcat.com n’affiche son logo CB et Paypal qu’en bas de page. Par contre en observant le site de la fnac.com, on se rend compte que le panier est toujours idéalement placé. A tout moment, l’internaute est en me-sure de voir l’état de sa commande, il peut aussi enlever ou ajouter d’autres produits.Il est très important que l’internaute soit rassuré au moment du passage de sa commande.

Sur tous les sites, on trouve des fiches détaillées pour chaque disque. Elles sont contituées d’une photo de la pochette, d’informations sur l’artiste, sur le genre musical, le label...On peut écouter des extraits et bien sur connaître le prix. Mais certains sites plus développés proposent systématiquement la possibilité d’ajouter le produit au panier, d’obtenir l’avis des internautes, des informations supplémentaires sur l’artiste ou le groupe, et aussi des produits du même artiste ou du même style de musique. La multiplication de ces services est déterminant pour le choix des internautes.

Presque tous les sites analysés proposent des services supplémentaires comme l’abonnement à une newsletter, le classement des meilleurs ventes et des news sur les prochaines sorties de disques ou les prochaines soirées. En dehors du fait que l’internaute est friand de tous ces ser-vices, c’est un bon moyen de le fidèliser et par la même occasion de mettre en avant certains produits.

Tous les sites analysés, ont choisi des habillages et des chartes graphique différentes afin de mettre en valeur les produits présentés. Certains ont opté pour des couleurs vives, d’autres sont beaucoup plus sobres.On constate que les versions plus sobres mettent plus en valeur les produits étant donné que les pochettes de disques sont la plupart du temps très colorées elles mêmes.On s’aperçoit aussi que les sites sur fond clair et avec une mise en page aérée sont plus lisibles et plus apaisants, l’internaute reste plus longtemps sur le site pour effectuer ses recherches .

En ce qui concerne le design, il est important de le soigner, afin que l’internaute soit content de se retrouver dans un univers qui lui plaise et surtout qui colle à sa passion de la musique électro-nique. Certains sites étudiés sont parfois en dehors du thème ou évoquent trop peu le monde de la techno ( technologie, futur, design, fête ...).Il faut que le site se distingue des autres afin qu’il soit bien identifiable. La plupart des sites ont choisi un thème de couleurs, un logo et une phrase d’accroche.

2- Solutions retenues

3- Schémas des principales fontionnalité

Arborescence principale :

A la suite de cette analyse, il s’agit de déterminer les solutions retenues pour la création du site disk-o-tek.com : rubriques - fonctionnalités principales du site - services proposés.

Technique : Etant donné qu’il s’agit d’un site de e-commerce, on privilègie une structure montée au format HTML afin d’obtenir un affichage rapide et un référencement efficace.

Accueil : Le site disk-o-tek est facilement identifiable. Il est muni d’un logo simple et lisible, d’une base-line décrivant l’activité et les services du site. L’ambiance est futuriste et légère. La charte graphique créée est au service de la lisibilité et de l’efficacité. ( voir charte graphique ).

Navigation : La navigation est la plus simple possible afin que l’internaute se dirige immédiate-ment vers les informations ou les produits qu’il recherche. Il est mis à sa diposition une section de recherche avancée qui permet soit de faire des recherche par mots-clés, soit par artistes ou labels... Il peut aussi utiliser les deux barres de navigation : l’une horizontale qui présente par rubriques toutes les principales fonctionnalités du site, l’autre verticale qui propose une selection par style musical. Pour simplifier la navigation un chemin de fer est mis en place qui permet de se localiser à n’importe quel moment.

Contenu : On trouve, dans le site disk-o-tek, l’essentiel des fonctions retrouvées chez ses concu-rents : accès facile à tous les produits, fiche détaillée de chaque produit ( avec photos, voire pe-tites animations ), lecteur multimédia évolué, avis des internautes et propositions commerciales étendues et adaptées à chaque client, panier ergonomique et rassurant , gestion des comptes utilisateurs ( suivi et historique des commandes ), possibilité de recherche évoluée, édition de news, présentation des nouveautés ( animation flash ou vidéo ), classement des meilleures ven-tes, abonnement à une newsletter.

Musique

Vinyls

CD'S

Matériel jonglerie

Bolas

Baton du diable

Diabolos

Balles

Autres

Feu

Vêtements Matériel Dj's

Cellules

Feutrines

Casques

Nettoyage

Sacs Dj's

Autres

Homme

Femme

Fumeurs Contact

Zoning de la page d’accueil :

Nom du site

Description du site

Recherche

Chemin

Paiment sécurisé

Navigation / menu

Nouveautés

NewsLetters Top des ventes

Login

Catégorie musicale

Fiche produit :

section recherche :

Chemin de fer :

Menu musical : Choix de la langue :

Proposition d'autres articles

Autres articles du même artiste

Artistes liés

Description

Avis des internautes

Donnez votre avis

Lecteur multimedia

Ajouter au panier

Prix

Photos

Photos Photos Photos

Artiste :Titre :Label :

Musique / Vinyls / Hardcore / Radium

Procédure pour la création d’un compte client :

Ajouter au panier

1

23

45

Recapitulatif

Livraison

Paiement

Vous avez déjà un compte :

Votre adresse e-mail :

Votre mot de passe :

Vous avez oublié votre mot de passe ? Cliquez ici Cliquez ici

Vous êtes un nouveau client :

Poursuivre

Poursuivre

choisir cette adresse Voir la liste

Terminer ma commande

Créer un compte

Article Quantité PrixDisponibilité/Livraison

Frais de livrason

TOTAL

TOTAL

Votre adresse de livraison

Votre adresse de livraison Votre adresse de livraison

Votre adresse de Facturation

Mode de paiement

Trouvez votre relais de livraison préféré

DomicileAutre adresse

Liste des points relais

Recapitulatif de la commande

Détails de paiement

Par carte

Par telephone

Par chèque

Par Paypal

Etape de la procédure de commande et de règlement :

Procédure d’abonnement à une newsletter :