1. Cahier des charges de la boutique en ligne ChezMike.fr

1. Cahier des charges de la boutique en ligne ChezMike.fr Réalisé au sein de l agence Milky Interactive Enguerran Weiss Master II Web éditorial 2011-2012 Page 1 sur 17

1. Présentation du projet 1.1. Présentation du commanditaire Le présent cahier des charges a pour objet la mise en œuvre d un site e-commerce pour vendre des lunettes de vue et solaires. Activité : opticien / distributeur de lunettes. Nombre de personnes : 2 associés, 1 personne réellement active (Mickaël Ribeiro) au sein de la Sarl Lunettes&Co. Expérience du fondateur : opticien de formation, aucune compétence ni dans le commerce ni dans le commerce en ligne Rôle et compétences des autres personnes : l autre personne est un investisseur, gérant de plusieurs magasins / franchises à Paris. Les points forts de l entreprise : très bonne implantation dans le milieu des opticiens, excellents rapports avec les fournisseurs qui régissent le marché de la distribution. Entreprise homologuée Sécurité sociale + diplôme d opticien (service et conseils de qualité). Il s'agit d'une entreprise naissante (création courant 2011) qui mise tout sur le commerce en ligne. Il n y a donc pas d adresse physique, l intégralité du chiffre d affaire se réalise via le site web. Descriptions des produits / services : vente de lunettes de vue (monture + verre), solaires (+ accessoires à définir). Les lentilles seront peut-être proposées dans un second temps. 1.2. Identification de l organisation Le client, Mickaël Ribeiro, est un opticien de formation et d expérience. Après avoir identifié une opportunité sur la vente d optique en ligne, il souhaite investir et monter son propre e-commerce. Le client est convaincu de l'importance du marché que représente l optique en ligne, et donne plusieurs sites en exemple à l appui. Conscient de cette concurrence, il souhaite se démarquer par son offre (marques spéciales, etc ) et la gamme de produit qu il propose. Quels sont les enjeux pour l entreprise? Créer une entreprise et développer le chiffre d affaire. À Page 2 sur 17

moyen terme le commanditaire souhaite se dégager un salaire, à long terme produire une gamme de lunettes et ouvrir un magasin. Quels sont les objectifs? Conscient des ventes du principal concurrent identifié sur le marché (JimmyFairly), le commanditaire se fixe comme principal objectif de doubler ce chiffre de ventes. Quels sont ses atouts marketing? Contrairement à la majorité des sites d optique en ligne, dont le gérant est un commerçant, Mickaël Ribeiro est opticien avant d être commerçant : qualité de conseil, services personnalisés, etc De plus, il mise sur un réseau de connaissances (blogueurs, influenceurs) qui lui permettrait à court terme de faire parler de son activité. Quels sont ses atouts économiques? Très bon rapport avec les distributeurs lui garantissant les prix les plus bas. Stock parmi les magasins de son associé (pas de stock déporté). Quelle est la stratégie de développement à 1 an, 3 ans? D ici 1 an, payer le gérant du site, d ici 3ans engager une personne supplémentaire, ouvrir une boutique et proposer une nouvelle une gamme de montures de lunettes. 1.3. Nature de la demande La demande de création du site Chez Mike émane du commanditaire, Mickaël Ribeiro, dans le cadre de l ouverture de sa nouvelle entreprise. Il a souhaité faire appel à l entreprise Milky Interactive pour la création du site web. La nature de la demande est caractérisée par la création ex nihilo du site web et de l identité graphique rattachée à la marque de son entreprise. La demande comprend donc la création des éléments techniques, graphiques et éditoriaux, et l expertise de l agence Milky Interactive concernant les réseaux sociaux. 1.4. Opportunités et contraintes Pour le commanditaire, faire appel à Milky Interactive : lui assure un interlocuteur unique pour tous les éléments à mettre en place : techniques, graphiques, éditoriaux et relatifs aux réseaux sociaux. lui permet d avoir un produit final personnalisé suivant les besoins de son activité et son budget. Pour le prestataire : ce projet serait une référence supplémentaire pouvant lui permettre de décrocher d'autres projets Page 3 sur 17

similaires. Toutefois, après identification des besoins du commanditaire et des compétences du prestataire, nous avons pu identifier deux contraintes apparentes : le commanditaire est un novice de l outil informatique et de la gestion d une entreprise, il devra prévoir des formations et se tenir à l écoute des problèmes rencontrés par le commanditaire durant le projet. le prestataire ne dispose pas de toutes les compétences en interne pour répondre à ce projet, il lui faudra trouver et choisir des partenaires de confiance pour réaliser certaines missions (conseil éditorial, référencement). 1.5. Acteurs du projet SARL Lunettes&Co / Mickaël Ribeiro : commanditaire du projet, il formule des besoins généraux et spécifiques et analyse les propositions établies par le prestataire. Étant le seul acteur, il dispose de tous les pouvoirs décisionnels pour la SARL Lunettes&Co. Agence Milky Interactive: prestataire du projet, son rôle est de recueillir les besoins du commanditaire et de formuler des propositions donnant lieu à des solutions techniques, éditoriales, et graphiques. Le prestataire a également la responsabilité de la conduite du projet et s engage à produire et concevoir les éléments concernant le site e-commerce. Prestataires extérieurs : afin de répondre à la demande du commanditaire, le prestataire doit faire appel à des partenaires extérieurs pour les compétences qui ne sont pas disponibles en interne : conseil éditorial et rédaction, référencement naturel et photographies. Ces collaborateurs sont choisis par le prestataire et sont sous la conduite de ce dernier. Page 4 sur 17

1.6. Prestations attendues Budget prévisionnel : Pour mener à bien ce projet, le prestataire a estimé le budget total du projet à 55 000 et le budget de sa réalisation à 33 000, en accord avec le commanditaire. Ce budget global de réalisation comprend : - la réalisation technique du site e-commerce, - l hébergement d un an, - le choix du nom de domaine, - la création de l identité graphique de la marque, - l accompagnement sur les réseaux sociaux, Page 5 sur 17

- le référencement (SEO), - le conseil éditorial, - l accompagnement technique. Le détail de ces prestations fait l objet d un document à part et non inclus dans le présent cahier des charges. Planning prévisionnel : (voir annexes) 2. Description de la stratégie de communication 2.1. Objectifs Objectif général : la SARL Lunettes&Co nécessite un site web e-commerce pour créer et développer son activité de vente de lunettes. L objectif général est donc de concevoir et réaliser un site e-commerce proposant la gamme de produits choisie par le commanditaire et de créer une image de marque autour de ce produit. Objectifs spécifiques : la conception et la réalisation de l objectif général impliquent des objectifs spécifiques. Gestion de projet : o Rédaction des documents relatifs à la réalisation des livrables o Planification des temps de conception, réalisations et recettes o Réflexion et conseil sur le choix d un nom de domaine et de l hébergement à envisager o Mise en place de formation sur le CMS choisi Technique : o Réalisation d un site web e-commerce avec un CMS adapté au budget et à la demande o Création d un thème pour ce CMS pour répondre aux objectifs d image de marque du commanditaire o Hébergement du site et administration du serveur Graphique : o Création d un logo et d une identité graphique associée o Conception et création des différentes interfaces du site web Page 6 sur 17

o Création des supports imprimés associés (cartes de remerciement, cartes de visite, chamoisines, dossier de presse) o Conseil et direction artistique du photographe Éditorial o Rédaction de contenus (descriptions de produits, articles de blogs, communiqués de presse, dossier de presse) o Optimisation du contenu pour le référencement naturel du site (SEO). 2.2. Ressources Pour répondre aux besoins du commanditaire et mener à bien le projet préalablement formulé, nous devons identifier les ressources nécessaires à ces exigences, qu elles soient humaines ou matérielles. Ressources disponibles : Commanditaire : o Saisie des contenus (descriptif des produits) Personnel de l agence Milky Interactive : o 1 directeur de création o 1 webdesigner o 1 administrateur système o 2 développeurs o 1 planneur stratégique o 2 chefs de projet Matériel et logiciel utilisés par l agence : o Un ordinateur imac pour chaque employé avec connexion internet o Un pc pour les tests de compatibilité o Graphique : suite Adobe Master Collection o Editorial / gestion de projet : suite Microsoft Office o Technique : éditeur de texte et outils de débogage Aucun contenu préexistant disponible. Ressources financières : fourchette budgétaire proposée par le commanditaire. Ressources nécessaires : Humaines : Page 7 sur 17

o Un expert en conseil éditorial et rédaction de contenus o Un expert en référencement o Un photographe professionnel Contenus : o Photographies des modèles des produits choisis par le commanditaire o Articles de blogs, contenus éditoriaux à créer avant le lancement du site (référencement, SEO). 2.3. Réponse aux besoins Solution mise en oeuvre La réalisation de ce site e-commerce coïncide avec la création de l activité de vente de lunettes pour la SARL Lunettes&Co. Il faut donc mettre en œuvre une stratégie de communication adaptée à la fois aux besoins de communication d un site web classique et à la création d une marque. Afin de répondre aux besoins du commanditaire, plusieurs lots ont été envisagés, avec plusieurs budgets. Le commanditaire a choisi, pour la réalisation de son site, la solution proposée comprenant le CMS e- commerce open-source Prestashop. Le choix de ce CMS est en partie dû à la gratuité de cette solution mais aussi à l expérience de certains développeurs dans l'utilisation de cette plate-forme. Cela garantit un développement plus rapide et une formation mieux maîtrisée pour le commanditaire. Plan de communication Dans la mesure où ce projet implique la création d une marque et a un objectif de vente sur le court terme, le plan de communication externe doit se prévoir en plusieurs phases et sur plusieurs supports : Avant la fin du développement du site : o Création d un blog qui parle de produits optiques, rattachant déjà l image de marque à son activité de vente de lunettes à venir sur internet o Création d une liste d influenceurs à contacter pour le lancement du site o Mise en place d une landing page pour occuper le nom de domaine et y rattacher certains mots-clés Au lancement du site : o Envoi d un communiqué de presse et d un dossier de presse aux influenceurs retenus qui pourront relayer l information sur le web o Remplacement de la landing page par la plate-forme fonctionnelle Après le lancement du site : Page 8 sur 17

o Rédaction d un article par mois o Suivi du positionnement dans les moteurs de recherches 3. Présentation des solutions apportées 3.1. Identité du site Nom du site : ChezMike.fr Le nom du site a été choisi par le commanditaire suite aux propositions et conseils du prestataire. Nom de domaine principalement utilisé : www.chezmike.fr Identité graphique : aucun existant, tout est à créer. Positionnement et image souhaitée : Le commanditaire souhaite avoir une image fortement associé à la mode. Les adjectifs qu il associe aux modèles sont : trendy, fashion, hype, hispter. Le positionnement du prix est «juste» : les produits sont abordables mais pas discount. Le catalogue portera sur des produits de qualité supérieure avec à la fois des modèles courants (Rayban etc.) et des modèles plus rares (créateurs, marques étrangères etc.). Il y aura aussi une offre de produits de fabrication française (verre et monture). 3.2. Positionnement du site La cible Principale : parisien, 20 à 40 ans, homme ou femme, CSP+, adepte de blogs de mode / lifestyle, recherchant des produits peu communs, peu portés. Secondaire : homme ou femme de 20 à 30 ans, cherchant un modèle courant de lunette haut de gamme (type Rayban), à un prix juste, avec un interlocuteur de confiance. Motivations Avoir des lunettes différentes (modèles exclusifs) Simplicité (livraison à domicile) Coût (gamme de prix concurrentiels) Qualité (produits de qualité supérieure) - Consommation Eco Citoyenne (aide apportée à diverses associations) Page 9 sur 17

Les concurrents Jimmy Fairly : pas de marques, catalogue très limité, bel univers de marque, positionnement mode / abordable. Bonne utilisation des influenceurs (partenariat). Discours vrai, proximité (galerie, visuels, couleurs). Mister Spex : ergonomie générale. Warby Parker : univers, mise en situation des produits, visuels. Eyefly.com : univers mode et tendance, visuels. 3.3. Livrables En fin de prestation, le commanditaire doit recevoir différents éléments répondant à la solution proposée par le prestataire : Une solution e-commerce prestashop, comprenant un back-office avec gestion de comptes clients et de produits (modèles, stocks), adapté aux besoins du commanditaire (charte graphique) accessible à l adresse www.chezmike.fr Une identité graphique reflétant la marque ChezMike.fr Des supports imprimés (cartes de remerciement, cartes de visite, chamoisines) Un lot de photographies de modèle de lunettes mis en situation Un blog Wordpress personnalisé pour faire parler de son activité Des communiqués de presse et un dossier de presse présentant son activité aux professionnels de la communication Une formation à la gestion de comptes utilisateurs et de commandes avec le back-office Prestashop 3.4. Aspects éditoriaux Ligne éditoriale La ligne éditoriale a été définie par le prestataire, en accord avec le commanditaire, à partir des informations recueillies sur le marché de l optique en ligne en France et le positionnement de la marque ChezMike.fr. Le contenu de la plate-forme de vente doit être succinct, se limitant à présenter les modèles : descriptif technique, mensurations des lunettes, une photo haute qualité zoomable et un texte d introduction au modèle. Ce texte doit émaner directement du gérant du site pour se conformer à l image de Chez Mike. On doit sentir que le site est Mickaël Ribeiro, pas une plate-forme de vente en ligne. Le site et l ensemble des éléments liés au site doivent donc montrer les aspects chaleureux et soignés du commerçant. Page 10 sur 17

Élément de la ligne éditoriale Aspects Fréquence Ton Ambiance Intemporel, texte descriptifs, informatifs Détendu, vivant Chaleureuse, soignée Formats Angle Visuels, textes Présentation des produits, diffusion de l image de marque, incitation à l achat Contenu éditorial Chaque type de page sur le site dispose de sa propre fréquence de mises à jour qui dépend de la disponibilité des produits et des évolutions de la gamme choisie par le commanditaire. Arborescence du site : 1. Page d accueil 2. Lunettes de vue Hommes Femmes Top marques Genre Forme 3. Lunettes de soleil Hommes Femmes Top marques Genre Forme 4. Marques Ashbury Funk Food Le Specs Massada Oakley Persol Page 11 sur 17

Ray-Ban Sunpocket SUPER 5. Aide Bien choisir ses lunettes Bien choisir ses verres Comment utiliser mon ordonnance? Questions fréquentes 6. Service clients Remboursement Sécurité Sociale et mutuelles X raisons de nous choisir Retour produits Commander par téléphone Nous contacter Frais de port et délais de livraison Information paiement 7. Le blog 8. Mon panier Détail du panier Identification / informations personnelles Choix du mode de livraison Choix du mode de paiement Paiement en ligne Message de confirmation de la commande 9. Mon compte Créer un compte (formulaire) Connexion à mon compte (formulaire) Mes informations personnelles Suivi de mes commandes Historique de mes commandes Retour produit (formulaire) Mon ordonnance 10. S impliquer Blog Associations Page Facebook Compte Twitter Galerie photos clients 11. A propos Page 12 sur 17

Qui sommes-nous? Le blog Associations Conditions générales de vente Politique de confidentialité Mentions légales Plan du site Types de page : Vu la solution retenue et le type de contenu à présenter, le site s organise selon 5 types de pages : o Page d accueil (contenu temporel, variable selon la présence de nouveaux modèles sur le site, de promotions) o Page de présentation de produit (intemporel) o Page de présentation du catalogue (variable selon les mises à jour de catalogue) o Page de gestion d administration de comptes (intemporel) o Page de contenu simple (intemporel) 3.5. Aspects graphiques Charte graphique La solution retenue par le commanditaire comprenait la création d une identité graphique et sa déclinaison sur les supports web et imprimés. La création de l identité graphique de la marque ChezMike.fr se fait ex nihilo, toutefois, le commanditaire a précisé des axes qu il aimerait voir représentés via son identité graphique. Les adjectifs qu il y associe sont : trendy, fashion, hype, hispter. Le commanditaire a aussi montré en exemple le site du principal concurrent identifié, à savoir Jimmy Fairly. Le commanditaire a également fait appel à la veille créative du prestataire pour avoir une image actuelle, afin de correspondre au positionnement désiré. A partir de ces premiers éléments, de l étude des tendances du marché et de l étude de la cible principale identifiée, le prestataire a pu fournir un premier essai de logo (annexe 1). A partir des retours du client, le logo a été retouché pour être ensuite validé par le client. L ensemble des planches de logos proposées au client sont disponibles en annexe. Page 13 sur 17

Ce logo a servi de base pour l établissement de l identité graphique du site et des éléments associés. De ce fait, une première maquette de site web, faite à partir des zonings fonctionnels validés, a été présentée au commanditaire. Elle comprend l extension chromatique de l identité graphique : Ces deux éléments ont été validés par le client et seront à la base des déclinaisons graphiques sur le web et supports imprimés. Site web En parallèle à la charte graphique établie, des zonings de pages fonctionnelles ont été présentés et travaillés avec le commanditaire. Les zonings de chaque pages, validés, sont disponibles en annexe. Sur le web, le principal but du site était, comme premier outil de communication, de dévoiler une image jeune, au fait des tendances du web afin de sensibiliser la cible principale identifiée. Les effets d interaction et d animation ont été pensés dans le même but dès la phase de création pour apporter un ensemble cohérent et une qualité d expérience utilisateur accrue. Supports imprimés Les supports imprimés prévus pour le site ChezMike.fr sont des cartes de visites, des cartes de remerciements, chamoisines (à inclure dans les boitiers de lunettes vendues), communiqués de presse, dossier de presse. Ces éléments sont des déclinaisons de la charte graphique et du support web : ils prolongent l image de la boutique en ligne ChezMike.fr : les typographies, éléments graphiques (logos, pictogrammes) et couleurs découlent directement des éléments du site. Page 14 sur 17

Photographies La direction artistique, vu les objectifs fixés, a également souhaité faire appel à un photographe professionnel pour que le client dispose d un lot d images de bonne qualité présentant les modèles qu il vend. Ces photographies doivent être un miroir pour la cible principale : Les modèles sont de jeunes parisiens, faisant attention à leur apparence, portant les lunettes vendues par ChezMike.fr. Le traitement des photos est travaillé selon des styles visuels actuels : solarisation, surexposition, contrastes et travail des couleurs pour correspondre aux teintes de ChezMike.fr (cf. palette de couleurs). 3.6. Aspects techniques Supports de diffusion Le commanditaire souhaite une plate-forme de vente en ligne, type e-commerce. Il veut pouvoir vendre des modèles de lunettes de vue et solaires en ligne. Ceci implique plusieurs fonctionnalités globales : En front-desk (côté client) o La possibilité de payer directement par carte bleue les produits achetés, comprenant le panier client et les frais de port ainsi que la gestion des réductions o La possibilité de créer un compte client sur le site, conservant le nom, coordonnées, types de verres (si besoin) et ordonnances (module de téléversement) o La possibilité de dialoguer directement avec le commanditaire (messagerie instantanée) o La possibilité pour l utilisateur final de choisir un modèle de lunettes et de le personnaliser (couleur, taille, types de verres, correction) et d acheter ce modèle En back-office (côté gérant) o La possibilité pour le commanditaire d ajouter et supprimer des produits du catalogue o La gestion des stocks de produits disponibles et la mise à jour du stock en temps réel o La possibilité de gérer les comptes clients et les commandes manuellement Techniquement, afin de répondre à toutes ces fonctionnalités globales, le prestataire a choisi, en accord avec le client, le CMS de e-commerce Prestashop. Ce CMS ne présentant pas à l'origine toutes les fonctionnalités énumérées, le prestataire a sélectionné différents greffons pour obtenir une plate-forme complètement personnalisée aux besoins du client. En parallèle à la boutique en ligne, afin d optimiser le référencement et de communiquer sur chezmike.fr, un blog simple, réalisé à l aide de Wordpress, a été mis en place. Page 15 sur 17

Celui-ci permet de : publier régulièrement du contenu texte et image en rapport avec l activité de chezmike.fr A l issue du développement, le prestataire s engage : Au bon fonctionnement de la plate-forme développée (recette, débuggage) A ce que le commanditaire puisse mettre des actualités et gérer sa gamme de produit A ce que le site web ne soit pas dépendant du prestataire initial A ce que le commanditaire soit propriétaire du nom de domaine www.chezmike.fr et de tous ses composants (boutique en ligne Prestashop, blog Wordpress, hébergement, comptes mails et bases de données associés) Mise en œuvre et intégration En ce qui concerne la configuration matérielle nécessaire pour le prestataire : Un ordinateur pour chaque membre de l équipe de développement. Une connexion haut-débit à internet. Un espace de partage des fichiers, mis à jour et sauvegardés régulièrement. Un serveur de développement pour la réalisation de l intégration de la plateforme Prestashop et des tests qui disposent de PHP 5 et MySQL. L accès à chaque membre de l équipe aux mêmes suites logicielles dans la même version pour des raisons de compatibilité entre les posts. Des outils de collaboration en ligne pour discuter et planifier avec les freelances. Le commanditaire, pour mener à bien les opérations de gestion prévues par la plateforme aura besoin de : Un ordinateur avec une connexion internet pour l accès au back-office. En ce qui concerne le choix des logiciels : Aspect graphique : suite Adobe Master Suite CS5 (principalement Photoshop, Illustrator, InDesign). Pas d alternative possible, la chaîne de production du prestataire et les membres de l équipe chargés de la réalisation étant formés pour ces types de fichiers. Fonctionnalités attendues : création de logotypes, de maquettes de sites web (éléments graphiques bitmaps et vectoriels), création de supports à imprimer (vectoriel). Aspect éditorial : suite Microsoft Office. Alternative possible : suite Open Office / Libre Office. Fonctionnalités attendues : créer des documents de gestion de projet, de memento pour l utilisation de Prestashop, format de réception des documents fournis par les freelances (rédaction et préconisations SEO). Aspect technique: éditeur de texte avec syntaxe colorisée Coda pour MacOs. Alternative possible : Adobe Dreamweaver. Fonctionnalités attendues : création et édition de documents HTML, CSS, PHP, en mettant en forme la syntaxe. Page 16 sur 17

Utilisation : modification de la plate-forme Prestashop et intégration de l interface (HTML, CSS, JS). Page 17 sur 17