Cahier des charges by Lanzani raphael

Cahier des charges Lanzani RaphaĂŤl 2009

Sommaire 1- Définition du Projet A- Le contexte B- Les objectifs C- Les cibles

2- Etude de la concurence A- Introduction B- Liste des sites C- Analyse des sites D- Conclusion 1- Synthèse de l’étude 2- Solutions retenues

1- Définition du projet A- Le contexte 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 Douet 4 Rue Jean Métairie 22000 St-Brieuc 02 96 61 25 78 disk-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.

B- Les Objectifs 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.

C- Les Cibles Disk-o-Tek, par l’intermédiaire de son site, cherche à attirer et à fidéliser un large public dans sa région. 1- Public occasionnel Grâce à une image propre et un site clair, le public occasionnel peut découvrir Disk-oTek 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 éventuellement faire des achats occasionnels. 2- Public habitué Grâce à des mises à jour régulières, un catalogue complet, des offres promotionnelles 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 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.

B- Liste des sites - 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

C- Analyse des sites A suivre l’analyse de sept sites, accompagnée de captures écrans, du zoning et de l’arborescence principale de chaque site.

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

Design : 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.

Navigation : 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.

Zoning :

Nom du site

Header Navigation / menu

Logo

contenu Navigation Langue Login

Dj shop

Vetements

Nouveautés

connectés

Recherche

Panier

Paiment sécurisé

NewsLetter

Sondage

News

NewsLetter Selection

contenu

Selection Autres

Paiment sécurisé

Nouveautés

News

arborescence : Accueil

Dj shop

Nos Labels

Wear Shop

Goodies

Vinyls

Liste

Cellules

fond d'ecran

DVD

Feutrines

Casques

Accessoires Dj's

Sac Dj's

Son à l'écoute

Contact

musique

Contenu :

Il existe deux parties importantes : la vente de disques vinyls et cd’s classés par genres musicaux 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 semaine…

Technique :

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

Conclusion : 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é.

pinkcat-records.com 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.

Design : Le site est facilement identifiable grâce à son logo de chat rose et sa charte graphique rose bonbon. 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.

Navigation : 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.

Zoning :

Logo

Nom du site

Header / footer Recherche Panier

Navigation / menu

contenu

NewsLetter

Nouveautés

News

Recherche Panier Navigation

Paiment sécurisé NewsLetter Login

contenu

News Selection Selection

Autres

Nouveautés

Arborescence :

Accueil

Catalogue

Electronique

Général

Matériel

Infos

News

tekno

Lounge

Equipement Dj

soirées

Nouveautés

electro

Funk / Disco

Home Studio

Divers

Drum&Bass

Reggae

T-shirts

hardcore

Pop / Rock

Divers

Ragga-Jungle

Rap / Hip Hop

Hip Hop

Accessoires etc...

Retour des stock

Top 10

etc...

Contenu : Le contenu du site est simple puisqu’il ne vend que des disques. Ils sont classés par styles musicaux. 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 soirées et une possiblité de s’inscrire à une newsletter.

Technique : Le site est fait en HTML.

Conclusion : 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.

www.switchrec.com 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’accessoires techno.

Design : 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.

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

Zoning :

Logo

Nom du site

Panier

Header / footer

Navigation / menu

Chemin de fer

contenu Nouveautés

Recherche

Recherche Panier

News

Paiment sécurisé NewsLetter

NewsLetter

Arborescence :

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...

Contenu : 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 bouton permettant de passer en anglais, une partie recherche et une partie news.

Technique :

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

Conclusion : 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.

www.toonzshop.com 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…

Design : Les couleurs sont vives : jaune, orange, vert…Il y a des dessins amusants (style enfantin). L’ensemble 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.

Navigation : 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.

Zoning :

Logo Nom du site Login

Header / footer

Panier

Navigation / menu

Navigation / menu contenu

Nouveautés News

Nouveautés

Recherche

Recherche Panier

contenu

Paiment sécurisé NewsLetter Selection

Paiment sécurisé

Arborescence :

Vinyls

Matos Dj

Homme

Femme

CD-DVD

Bazard

Bijoux

hardcore

Bac à disques

Sweat

tekno

Patch

Piecing

electro

Casques

T-Shirt

electro

Badge

bagues

Drum&Bass

Cellules

Pantalon

Drum&Bass

Drapeaux

coliers

tekno

Feutrine

Blouson

Robe-jupes

hardcore

Livres

pik cheveux

Ragga-Jungle

Platine CD

Shorts

Vestes

Ragga-Jungle

porte-clés

bracelet

Acid

Platine vinyls

Pull Accessoires

Hip Hop

stickers

boucles

Video

posters

Table de mixage

Accessoires

Contenu : Le site propose d’acheter des disques, des cd’s, des DVD, des livres, des vêtements, des bijoux, 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.

Technique :

Le site est un fait en HTML.

Conclusion : 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 essentielles du site sont opérationnelles.

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

Design : 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.

Navigation : 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.

Zoning :

Nom du site Panier

Header / footer Navigation / menu

Navigation / menu Paiment sécurisé

contenu Nouveautés

Recherche

Recherche Panier Paiment sécurisé

NewsLetter

NewsLetter Login News Selection Autres

Nouveautés contenu

Arborescence :

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

Technique :

Le site est fait en HTML.

Conclusion : 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…

www.tek-shop.com 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.

Design : 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.

Navigation : La navigation est on ne peut plus simple et pratique. La lisibilité est à son maximum. On s’identifie 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.

Zoning :

Nom du site

Logo Panier

Header

Recherche Navigation / menu

Selection

Contenu Nouveautés Recherche

Nouveautés Paiment sécurisé

Panier Paiment sécurisé News NewsLetter Login NewsLetter

News Selection Autres

Contenu

Arborescence :

Accueil

Disques

Chroniques

Nouveautés

hardcore

Spiral Tribe

Du mois

electro

antérieur

Drum&Bass

contactez nous

tekno Ragga-Jungle Acid Hip Hop etc...

Contenu :

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.

Technique :

Le site est un fait en CMS avec Joomla.

Conclusion : 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.

www.fnac.com 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.

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.

Zoning :

Nom du site Navigation / menu Chemin

Recherche

Prix Description Photo

Avis des internautes

Panier

Header Navigation / menu Contenu Nouveautés Recherche

Proposition d'autres articles

Panier Paiment sécurisé

Avis des internautes

NewsLetter Login

Fiche détaillée

News Selection Autres

Autres articles du même artiste

Actualités

Artistes liés

Navigation : La navigation est simple et intuitive

Contenu :

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.

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

Conclusion : Le site de la Fnac est une référence en ce qui concerne l’achat de produits en ligne, les services 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.

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 localiser à 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 mesure 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 services, 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 électronique. 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 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édiatement 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 concurents : accès facile à tous les produits, fiche détaillée de chaque produit ( avec photos, voire petites 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 ventes, abonnement à une newsletter.

3- Schémas des principales fontionnalité Arborescence principale : Musique

Matériel jonglerie

Vêtements

Matériel Dj's

Vinyls

Bolas

Homme

Cellules

CD'S

Baton du diable

Femme

Feutrines

Diabolos

Casques

Balles

Nettoyage Sacs Dj's

Feu Autres

Autres

Fumeurs

Contact

Zoning de la page d’accueil

Nom du site Description du site

Navigation / menu Login

Recherche

Paiment sécurisé

Chemin

Catégorie musicale

Nouveautés

Top des ventes

NewsLetters

Menu musical :

Choix de la langue :

section recherche :

Chemin de fer : Musique / Vinyls / Hardcore / Radium

Fiche produit : Artiste : Titre : Label : Description Avis des internautes Donnez votre avis

Photos Photos

Photos

Proposition d'autres articles

Autres articles du mĂŞme artiste

Artistes liĂŠs

Lecteur multimedia

Prix Ajouter au panier

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

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

Ajouter au panier Recapitulatif Article

1 2 3

Disponibilité/Livraison

Quantité

Prix

Frais de livrason

TOTAL

TOTAL Poursuivre

Vous avez déjà un compte :

Vous êtes un nouveau client :

Votre adresse e-mail : Votre mot de passe : Vous avez oublié votre mot de passe ? Cliquez ici

Cliquez ici

Poursuivre

Créer un compte

Livraison Votre adresse de livraison

Domicile Autre adresse

Trouvez votre relais de livraison préféré

Liste des points relais

choisir cette adresse

Voir la liste

Paiement Votre adresse de livraison

Votre adresse de livraison

Recapitulatif de la commande

Votre adresse de Facturation

Mode de paiement

Par carte Par telephone Par chèque Par Paypal

4 5

Détails de paiement

Terminer ma commande

Procédure d’abonnement à une newsletter :