ANALYSE DE L EXISTANT SRC1A CAHIER DES CHARGES : Conception et réalisation d une communication globale (Online et Offline) : Développeur - Programmateur LAPLAIGE Maxime : Rédacteur en chef Chef de Projet : Designer Web Graphiste Professeur Référent : Fabien BELLOIR Commanditaire : Daniel FAUVET LAPLAIGE Maxime Page 1 sur 11
ANALYSE DE L EXISTANT SRC1A 1. Projet Conception et réalisation d'une solution de communication globale (Online et Offline) pour un producteur de champagne de la région rémoise, Daniel FAUVET & Fils. Il souhaite valoriser ses produits au travers d'un site internet et d'une nouvelle plaquette. Il s'agit de toucher en priorité une clientèle de luxe (y compris à l'étranger). La conception de ce site internet peut avoir pour but de valoriser la production, les valeurs et la consommation de champagne. Mais aussi à travers certains éléments, l expansion du marché de cette exploitation viticole. 2. Public Ciblé Public Principal : Clientèle de luxe (voir étranger) Public Secondaire : clientèle tout public 3. Périmètre du Projet Communication Online et Offline du projet : Online : conception et réalisation d un site internet. Offline: conception d une plaquette de communication. 4. Solutions Techniques Envisagées Photoshop/Illustrator : Plaquette-design site-retouches photos Flash : Animation dynamique site Dreamweaver : Développement du site internet Filezilla : Transfert de données LAPLAIGE Maxime Page 2 sur 11
5. L Agence Brainstorming ANALYSE DE L EXISTANT SRC1A CREA.COM est une agence créative, de communication, spécialisée dans la création de site internet. CREA. COM «Crea» comme Création «com» comme communication «.com» comme le nom de domaine d un site international Logo Smiley = 3 membres de l agence Couleurs modernes, tendancielles Smiley vert : Aymeric, développeur (clavier à la place des dents) Smiley bleu : Maxime, chef de projet Smiley rose : Cécile, Designer (Pinceaux à la place des cheveux => créativité) Idée Générale Expression des Smileys : Créativité, dynamisme, folie, ouverture d esprit "Crea.com" est une agence jeune, dynamique, innovante et ambitieuse. Toujours à la recherche d'idées novatrices pour satisfaire au mieux les exigences de ses clients, Crea.com réalise des sites web dynamiques, voir plus encore. La diversité et la créativité sont les mots d'ordre de cette agence. Responsabilité : Développeur - Programmateur LAPLAIGE Maxime : Rédacteur en chef Chef de Projet : Designer Web Graphiste LAPLAIGE Maxime Page 3 sur 11
6. L Analyse de l Existant ANALYSE DE L EXISTANT SRC1A La Veuve Cliquot Le site présente un graphisme simple, épuré, moderne, idées véhiculées par la marque. Le LA VEUVE CLIQUOT Présence d une sécurité enfant : date de naissance demandée pour l accès au site. Valeur de la marque : luxe, créativité, audace, modernité. Mode de création : site dynamique réalisé en flash Charte graphique : reprise des couleurs de la marque Chargement de la page : petit icône de sablier animé dessiné à la main Présence de Goodies à télécharger (Economiseurs d écran Wallpapers E-cards) Carte interactive pour situer les différents de points distribution PIPER HEISDICK Présence d une sécurité enfant Valeur de la marque : La simplicité sophistiquée, la spontanéité, l innovation, la séduction, la fraîcheur, la vivacité. Mode de création : site dynamique réalisé en flash Chargements : Le son généré au chargement des pages peut déranger l utilisateur Charte graphique : couleurs féminines, séductrices, luxueuses, sobres LAPLAIGE Maxime Page 4 sur 11
LANSON Présence d une sécurité enfant ANALYSE DE L EXISTANT SRC1A Valeur de la marque : vinosité, fraicheur, élégance, perfection, histoire, tradition. Mode de création : Code HTML - Javascript Charte graphique : couleurs sobres, luxueuses, moyenâgeuses couleurs de la marque. Plus : CONTACTS > Distributeurs Recours à une carte du monde (absence d animation flash) Cette méthode rend tout de même la navigation plus complexe. Il est nécessaire d ouvrir 3 pages pour avoir accès à l information. > Plan d accès Carte simple et claire - Possibilité de «Zoomer» sur la carte - Version Imprimable de la carte MOËT&CHANDON Présence d une sécurité enfant Valeur de la marque : élégance, perfection, séduction, luxe, générosité Mode de création : FullFlash Langues : Anglais Nom de domaine : Intuitif, reprend le nom de la marque. Charte graphique : couleurs sobres, luxueuses...couleurs de la marque.
CAHIER DES CHARGES SRC1A LOUIS ROEDERER Absence d une sécurité enfant Présence de recommandation sur l abus d alcool Valeur de la marque : singularité, tradition, savoir-faire, luxe, prestige, Mode de création : Intro Animation Flash + HTML pour le reste du site Langues : Anglais, Français et Allemand. Nom de domaine : reprise du nom de la marque avec ajout du qualificatif «champagne» (utile?) Charte graphique : couleurs sobres, luxueuses Présence d un slogan : «Without Compromise» = sans compromis. Changement de style Chaque menu renvoi à une nouvelle page insérée directement dans le rectangle du milieu. (frames) Les sous-menus ainsi que les menus possèdent leurs propres couleurs de survols et une couleur propre à la page du menu. Plus : Contact Apparition d un planisphère cliquable, qui permet de découvrir les points de distributions de la marque, sur la partie gauche apparaissent les renseignements correspondants. NICOLAS FEUILLATTE Présence d une sécurité enfant à l entrée du site Présence de recommandation sur l abus d alcool Valeur de la marque : élégance, luxe, perfection, creativité, impertinence, originalité. Mode de création : FullFlash Langues : anglais, français, allemand. Nom de domaine : Intuitif, reprend le nom de la marque Charte Graphique : Chaque page est personnalisée par une couleur et une image de fond qui lui est propre. Animations & Chargements : Des animations flashs contribuent à animer le site web (bulles et grappes de raisin). CHAMPAGNE ASPASIE Présence d une sécurité enfant à l entrée du site Présence de recommandation sur l abus d alcool Valeur de la marque : qualité, raffinement, tradition, savoir-faire. Mode de création : Intro Flash + Page HTML, Javascript, CSS. Langues : anglais et français. Nom de domaine : pas forcément intuitif Charte graphique : Les couleurs sont bordeaux et gris, ces deux couleurs permettent de mettre de la sobriété au site. Plus : Contact >>> Plan simple et clair
CAHIER DES CHARGES SRC1A CHAMPAGNE YVELINE PRAT Absence de sécurité enfant Langues : Français, Anglais. Valeur de la marque : Savoir-faire, patrimoine. Mode de création : HTML, PHP Chargement du site : correct. Nom de domaine: Simple, clair et fait référence à la marque. Charte graphique : Couleurs dominante : Verts (cf. feuilles des vignes). Pour autant cette couleur est mal utilisée dans les menus, où le vert clair du texte est au-dessus d un fond vert foncé, absence de couleurs complémentaires qui pourrait amener une harmonie dans la composition graphique du site. MERCIER Présence d une sécurité enfant Langues : Français, Anglais (GB & US), Allemand, Espagnol, Italien et Japonais. Valeur de la marque : élégance, convivialité, échange. Mode de création : FullFlash avec son. Chargement du site : long (surtout dans le chargement de nouvelles pages). Nom de domaine: Simple, clair et fait référence à la marque. Logo : qualité de l image insuffisante Charte graphique : dominante de couleurs chaudes Les sites de champagnes prestigieux tels que La Veuve Cliquot, Piper Heidsick arborent un design fluide et dynamique, grâce entre autre à une programmation en full flash. Cependant, l excès d animation et la lenteur du chargement des pages rend la navigation pénible. Quant au site de producteurs de champagne locaux, ils sont certes simples dans leur code mais leur design est pauvre et démodé. L idée est de concevoir un site au design agréable et moderne, programmé à l aide d un langage simple (HTML, XHTML) et agrémenté de quelques petites touches dynamiques (Animation Flash, CSS, Javascript). Ce site mêlera à la fois simplicité, modernité, design et dynamique.
7. Le Site Présence d une sécurité enfant Valeur de la marque : luxe, festivité, élégance, CAHIER DES CHARGES SRC1A Langues : Français et Anglais (pour pouvoir toucher une clientèle étrangère sur demande du commanditaire). Mode de création : Langage XHTML 1.0 strict (compatibilité max.) : La page et le contenu Langage CSS 2.0 : Gestion des balises, images, skin, typographie - Langage JavaScript : Menus roll over Langage Action script, Flash: Animation diverses Chargement du site : correct poids des images à surveiller. Nom de domaine: Simple, clair et fait référence à la marque. Logo : image vectorielle, épuré et clair. Organisation du site : Hiérarchisation des informations (Menus) Maison Présentation Historique du Terroir Elaboration du champagne Gammes Brut Blanc de Blancs Millésime Ventes Commande Quelques conseils Contact Plan d accès Distribution Visites de nos caves
CAHIER DES CHARGES SRC1A Graphisme : «couleurs sobres, lignes, courbes, arrondies,» Un site moderne, à la fois sobre et luxueux, intégrant des éléments se rapportant à l univers du champagne (bouteilles, vignes, grappes de raisins, ) Simple dans sa conception et son développement web sans pour autant négligé son aspect dynamique et graphique. Simple, ordonnée, efficace, il se doit d être clair et bien organisé dans le but d une bonne communication online. Les photos et objet dynamique devront respecter l espace colorimétrique défini par la charte graphique du site. Gabarit Charte graphique Couleurs Code #000000 #402305 #915f08 #650216 #dc4676 #ffc200 Symbolisme Sobriété (Noir) Terre (terre de sienne) Vignes Vins (Bordeaux) Or- Luxe (Jaune d or)
Typographie CAHIER DES CHARGES SRC1A ASENINE Abcdefghijklmnopqrstuvwxyz ARIAL Abcdefghijklmnopqrstuvwxyz Menus Sous-Menus Titres Sous-titres Contenu Mentions légales Police Asenine Asenine Arial Arial Asenine Asenine Tailles 26 px 18 px 26 px 18px 18 px 12 px Couleur # fecb01 # bb0c49 # fecb01 # fecb01 # eff2c7 # fecb01 Fond menu déroulant # 573f09 (opacité) 8. Le Planning Prévisionnel
CAHIER DES CHARGES SRC1A 9. La Répartition des Tâches en fonction des Ressources