Cahier des charges Auberge du Paradis

Cahier des charges
Auberge du Paradis
2010
Hervé Augoyat
0
SOMMAIRE / CAHIER DES CHARGES
Sommaire
Cahier des charges
Préambule
2
Synopsis
Commanditaire
Motivations personnelles
Client / Auberge du Paradis
4
Présentation
Activité
Contexte
Concurrence
Stratégie
8
Une identité forte
Une présence sur internet
Demande et Analyse
10
Objectifs
Cible
Contraintes
Contenus mis à la disposition
Analyse de l’existant
12
Identité Visuelle
Site internet
Benchmark
Auberge de l’Ill
Le Morgane
14
1
Proposition / Identité visuelle
16
Démarche
Charte graphique
Logotype
Support de diffusion
Pistes graphiques / Identité visuelle
18
Pistes graphiques
Piste choisie et modification à apporter
Proposition / Site internet
20
Ergonomie
Graphisme
Développement
Pistes graphiques / Site internet
22
Pistes graphiques
Piste choisie et modification à apporter
Informations et suppléments
24
Référencement et diffusion
Affichage et compatibilité
Hébergement et nom de domaine
Outils d’aministration
Livraison
Arborescence
26
Front-office
Back-office
Démarche de réalisation
28
Planning
30
2
PRÉAMBULE / COMMANDITAIRE ET MOTIVATIONS
Préambule
Commanditaire et motivations
Synopsis
Réalisation de l’identité visuelle et d’un site internet graphique et performant pour Auberge du
Paradis, hôtel restaurant haut de gamme en Bourgogne.
Commanditaire
Commanditaire : Agence Album.
Agence de communication globale à Mâcon.
Interlocuteur : Armelle Richard (directrice artistique) et Maxime Massa (responsable).
Coordonnées : Agence Album - Agence conseil en communication
9 rue boccard - 71000 Mâcon - 03.85.38.37.83 - [email protected]
Client final : Auberge du paradis.
Hôtel restaurant familial haut de gamme en Bourgogne.
Coordonnées : Plâtre-Durand - 71570 Saint Amour Bellevue - 03 85 37 10 26
3
Motivations personnelles
Je souhaite réaliser ce projet parce qu’il touche à la foie au graphisme et à la
programmation.
Il me permettra pour la première foie de tester avec un client réel mes compétences
en programmation Php/MySQL et Javascript. Le positionnement bien spécifique
de l’auberge va demander une précision et une certaine justesse dans le travail
graphique. Ma double compétence me permettra aussi de prendre des risques et
proposer des maquettes graphiques proches de celle des sites en full Flash qui posent
directement des problèmes techniques en Html/Css et Javascript. Il me permettra de
mettre à jour mes connaissances en optimisation pour le référencement.
Ce projet m’intéresse aussi beaucoup parce qu’il est très réaliste, contrairement à
de nombreux projets fictifs et extravagants présents dans mon book, celui-ci me
permettra de travailler sur une demande plus «classique» et concrète.
4
CLIENT / AUBERGE DU PARADIS
Client
Auberge du Paradis
Présentation
Auberge du Paradis est un hôtel restaurant familial haut de gamme en Bourgogne.
Une cuisine originale et moderne y côtoie une décoration élégante, sous le signe
d’une épice différente pour chaque chambre, dans un cadre bon enfant, au milieu des
vignes, dans le village de «Saint-amour». L’auberge de Cyril et Valérie est à savourer en
amoureux.
L’auberge du Paradis convie ses hôtes à une balade romantique et gourmande où les
nuances crème, mastic, rouge et noir se mêlent aux senteurs cannelle, paprika, cumin et à la
déco brocante, anges et coeurs.
En cuisine :
Cyril Laugier a fait ses classes chez Georges Blanc avant de passer trois ans aux commandes
d’un restaurant spécialisé dans la cuisine française à Istambul. Aujourd’hui, la cuisine du jeune
chef allie produits du terroir et épices venues d’ailleurs. Des alliances surprenantes et parfois
déroutantes au service d’un menu gastronomique renouvelé toutes les six semaines.
Les chambres :
A l’étage, les huit chambres au nom évocateur (Nigelle, Muscade, Cumin, Réglisse, Tandoori,
Gingembre, Paprika et Sésame) ont toutes une décoration différentes afin de proposer à leurs
hôtes un séjours «unique». Des nids douillets avec salle de bain en open space et mobilier
Empire ou années trente.
Les espaces communs :
Un décor à la fois contemporain et paysan rempli d’objets de décoration divers et variés. Le
rez-de-chaussée est réservé à l’accueil des hôtes. Il abrite également une salle destinée aux
petits déjeuners qui donne sur une petite terrasse, le coin piscine et le jacuzzi ainsi qu’une salle
à manger où le rouge coquelicot sublime la pierre.
5
Activité
Le restaurant a ouvert en 1997 et l’hôtel a été créé en 2005.
70 % de la clientèle du restaurant provient directement de l’hôtel.
Fréquentation élevé entre Mai et septembre-octobre.
Le tarif des chambres oscillent entre 115 et 220 euros la nuit.
Le tarif du menu unique est de 50 euros.
6
CLIENT / AUBERGE DU PARADIS
Contexte
Haut de gamme / luxe : coup de coeur, moment exceptionnel et bien-être.
Un positionnement haut de gamme et luxe est synonyme d’exception, raffinement et rareté. Il
est souvent lié «au rêve et au plaisir». Clairement, l’achat de produits ou services de luxe né d’un
coup de coeur. Plus que le simple objet ou service, c’est le moment que l’on décide de consommer.
L’entretient du côté exceptionnel du produit vendu est donc une stratégie pertinente.
Alors que dans les années quatre-vingt-dix, le côté ostentatoire du produit chic était recherché,
aujourd’hui, les CSP + avouent plutôt y trouver une source d’épanouissement, de plaisir et de
bien-être.
Tourisme en bourgogne : gastronomie et patrimoine.
La gastronomie, le bien manger, et évidemment le vin (et la visite de caves) attirent les visiteurs
en Bourgogne. La découverte du patrimoine et la visite de villes ou lieux typiques font partie des
motivations principales. La région est perçue comme authentique, pittoresque, fleurie et propice
aux balades, à la détente et à la dégustation. L’une des faiblesses de la Bourgogne est d’avoir
une réputation d’être une destination «senior». L’une des ses opportunités est l’engouement
pour le tourisme national et le tourisme de proximité.
De manière plus globale, l’espace rural représente 30% de l’ensemble des nuitées des touristes
français et étrangers sur l’ensemble du territoire national. Les dépenses touristiques à la
campagne sont évaluées en 2001 à 20% des dépenses touristiques personnelles globalement
réalisées en France. Une tendance en progression depuis plusieurs années, notamment avec la
croissance du tourisme culturel, viti-vinicole et rural.
L’e-tourisme est un outil grandissant.
Selon une étude publiée par Protourisme, plus de 10 millions de Français ont acheté leurs
vacances sur internet en 2009. Après les brochures, les guides touristiques et le bouche à
oreille, Internet est devenu l’un des principaux outils permettant aux vacanciers de choisir leurs
destinations et leurs hôtels.
5
7
Concurrence
Une grande majorité des établissements bourguignons propose une restauration de
type traditionnel (72%). Ainsi le restaurant Auberge du Paradis se différencie par sa
cuisine plus inattendue et «exotique».
L’auberge, tournée essentiellement vers les couples à la recherche d’un moment privilégié
et romantique à deux, se démarque aussi de la concurrence qui fait généralement
passer la découverte touristique de la région en premier.
8
STRATÉGIE / IDENTITÉ ET VISIBILITÉ
Stratégie
Identité et visibilité
Une identité forte
La différenciation doit avant tout reposer sur la définition d’une stratégie d’identité
forte.
Les hôteliers doivent investir sur un univers identitaire cohérent qui associe dans un même
mouvement la marque, l’architecture des établissements, les gammes de services et la
communication.
Une présence sur internet
Le renforcement de leur présence, visibilité et attractivité sur internet.
La maîtrise de la diffusion est de plus en plus complexe avec la montée en puissance d’internet
et la démultiplication des intermédiaires (agences de voyages...). Il devient impératif pour les
hôteliers de renforcer leur présence et leur visibilité sur le web en réexaminant leurs stratégies
de référencement, leurs politiques de fidélisation ainsi qu’en envisagent le développement de
l’interactivité avec l’internaute (tel que la réservation).
9
10
Demande et analyse / Site internet et identité visuelle
Demande et analyse
Réaliser le nouveau site internet
et l’identité visuelle
Objectifs marketing
Trouver de nouveaux hôtes pour l’auberge et attirer plus de clients (extérieur à l’hôtel)
vers le restaurant.
Objectifs de communication
Identité visuelle
Transcrire l’aspect moderne, romantique et assez haute de gamme de l’auberge
(positionnement face à la concurrence).
Internet
Faire connaitre l’auberge via internet et donner envie de venir : pour y manger et découvrir
la cuisine inattendue du chef, pour y passer un séjour agréable et reposant grâce au cadre et
aux chambres.
Il s’agira de montrer le lieu de manière réaliste tout en plongeant l’internaute dans l’univers de
l’auberge.
11
Cible
Couple entre 35 et 60 ans, aisé.
L’objectif n’est pas de toucher le grand public, il s’agit de capter des couples plutôt aisés qui
rechercheraient un hôtel restaurant haute gamme, le site doit ainsi se démarquer de la
concurrence afin d’appuyer son positionnement et provoquer un coup de coeur.
Contrainte et contenus
Le site internet devra être optimiser pour le référencement.
Tous les contenus du site internet sont disponibles : un large choix de photographies et les textes.
12
Demande et analyse / Analyse de l’existant
Demande et analyse
Analyse de l’existant
Identité visuelle
Points forts :
Elle est cohérente avec l’iconographie présente
dans l’auberge (autour des anges et de l’amour).
La base ligne «Valérie et Cyril» retranscrit
l’aspect familiale et conviviale de l’auberge.
Points faibles :
Elle donne une image trop traditionnelle de
l’auberge et ne reflète pas assez son aspect moderne
notamment par l’illustration et la forme ovale.
Elle semble être trop bavarde, il y a une redondance
entre le nom de l’auberge (Auberge du Paradis) et le
visuel (un ange), une multiplicité d’information texte
et image : 2 bases lignes, 2 visuels (un ange et une
fumée censée évoquer la cuisine).
13
Site internet
Point fort :
L’importante place donnée aux photographies de l’hôtel permet de voir et ressentir le lieu.
Points faibles :
Le restaurant est trop effacé par rapport à l’hôtel.
Le menu de navigation comporte trop d’intitulés en premier niveau.
14
Demande et analyse / Benchmark
Benchmark
Positionnement et ergonomie
Auberge de l’Ill / hôtel restaurant
Point fort :
Une approche visuelle liée à une approche informative.
Une sobriété dans le graphisme et une présentation de l’équipe de l’auberge.
Un redimensionnement des images en fonction de la taille de l’écran.
Points faibles :
Un aspect trop «magazine» et pas assez authentique sur certaines pages.
Un site en Flash, plus complexe à référencer et mettre à jour.
15
Le Morgane / hôtel
Point fort :
Un site en Html, optimisé pour le référencement.
Des images de fond fixes, que l’utilisateur peut changer et faire défiler.
Points faibles :
Des images qui ne se redimensionnent pas en fonction de la taille de l’écran, obligeant
l’utilisateur à scroller pour voir l’intégralité de l’image.
16
Proposition et piste graphique / identité visuelle
Proposition
Identité visuelle
Démarche
Le programme d’identité visuelle doit permettre de construire une image forte et cohérente
avec l’esprit de l’auberge. Il se décline selon la spécificité des différents supports pour induire
la perception d’une image homogène et maîtrisée auprès de tous les publics de l’auberge
(internautes, hôtes, clients du restaurant).
Par conséquent, l’identité visuelle ne se résume pas uniquement au logotype, mais à toutes
formes de graphisme présent sur les supports diffusés.
Afin de rendre le logotype plus synthétique et éviter les redondances, il est nécessaire de
hiérarchiser les messages à véhiculer. Nous choisirons donc de développer une idée forte dans
le logotype et de mettre en avant les informations plus secondaires à travers le graphisme
présent sur les supports.
Charte graphique
Nous choisirons de développer quelques voies afin de se rendre compte de l’aspect donné en
situation réelle sur les différents supports. Dans cette réalisation, nous ne développerons pas
la charte graphique sur l’ensemble des supports, nous nous limiterons principalement au site
internet.
17
Logotype
Le logotype sera traité de manière plus synthétique que l’existant jugé trop bavard. Il devra évoquer
une idée forte : autour de l’aspect romantique (avec le coeur) ou gastronomique (avec la fourchette)
suivant la stratégie adoptée.
Son traitement graphique devra être élégant et épuré, tout en gardant un esprit «bon enfant», simple
et campagne, des lignes fines qui peuvent rappeler la brindille ou l’écriture à la plume. Les pistes
graphiques partiront de la forme de l’aile présente sur le logotype actuel afin de le faire évoluer.
Supports de diffusion
Support traité : site internet.
Support à envisager : enseigne façade, carte de visite, menu restaurant, papier entête.
18
Proposition et piste graphique / identité visuelle
Piste graphique
Identité visuelle
Pistes graphiques
AUBERGE DU PARADIS
AUBERGE DU PARADIS
Valérie et Cyril
AUBERGE DU PARADIS
AUBERGE DU PARADIS
AUBERGE DU PARADIS
AUBERGE DU PARADIS
Valérie et Cyril
Valérie et Cyril
19
Piste choisie et modification à apporter
Le logotype coeur/ailes (à gauche) a été sélectionné, il est plus évocateur et correspond à la
stratégie axée autour du romantisme que souhaite véhiculer l’auberge en premier lieu. L’aspect
gastronomique sera ainsi traduit par des touches graphiques et les photographies présentes sur
le site.
Retravailler un détail du logotype afin que l’on ressente plus que le point de départ était deux
ailes.
20
Proposition et piste graphique / site internet
Proposition
Site internet
Ergonomie
Une navigation plus synthétique, organisée en rubrique afin d’identifier rapidement les 2 activités
principales de l’auberge (restaurant et hôtel).
Des photographies en plein écran en fond de chaque page du site afin de lier l’approche visuelle
avec l’approche informative avec la possibilité de faire défiler les images dans une même
rubrique.
Le graphisme devra s’adapter à tous les types d’images de fond.
Un site et des images de fond redimensionnables en fonction de la taille de l’écran.
Graphisme
Un point de vue photographique capital :
- Pour montrer le lieu de manière réaliste avec des plans larges (notamment sur les
chambres).
- Pour faire ressentir l’ambiance et la poésie du lieu avec des plans de détails.
- Pour raconter l’histoire de Valérie et Cyril avec des portraits des deux hôteliers et de l’équipe
de l’auberge.
Présenter l’hôtel restaurant avec un graphisme moderne, élégant, léger et épuré sans aller dans
l’élitisme et la froideur. Allier le romantisme du cadre et la modernité de la cuisine du chef.
Ton : Moderne, épuré, romantique / élégance, quiétude, gastronomie.
21
Développement
Réaliser un site en Html optimisé pour le référencement.
Apporter des enrichissements graphiques et interactifs proches des possibilités des sites full Flash
en liant Javascript et Css.
Réaliser un espace de pré-réservation et chèques cadeaux en Php.
Réaliser un back-office simple en Php afin de pouvoir mettre à jour :
- une actualité liée à la réservation,
- le menu (renouvelé toutes les 6 semaines),
- la page «Guides et presse»,
- la page «Liens».
22
Proposition et piste graphique / site internet
Piste graphique
Site internet
Pistes graphiques
23
Piste choisie et modification à apporter
La maquette coeur/ailes (à gauche) a été sélectionnée.
Remplacer la couleur rouge par une couleur mastic.
Les curseurs qui permettent de faire défiler les images de fond sont trop isolés en haut à
droite.
Mettre en valeur la créativité, le mélange des genres, les épices, par une touche graphique dans
la rubrique «déguster» concernant le restaurant.
Les coordonnées de l’auberge devraient être présentes sur toutes les pages.
24
Information et suppléments / site internet
Informations et suppléments
Site internet
Référencement et diffusion
L’optimisation du site pour le référencement se limitera à la recherche de mots clés pertinents
et prometteurs et à l’optimisation du code des pages et de la structure du site.
La diffusion du site, le suivi de l’évolution des visites et des positionnements du site sur les
moteurs de recherche sont des tâches à réaliser sur le long terme, elles pourront être réalisées
dans un second temps.
Affichage et compatibilité
Le site sera optimisé pour une résolution d’écran minimale de 1024*768 et saura s’adapter aux
différents tailles d’écran.
Il sera également compatible avec les navigateurs Internet Explorer 6 (et supérieurs) et FireFox
2.0 (et supérieurs).
Le code Html/Css du site devra être validé auprès du W3C afin d’attester que le code ne
comporte pas d’erreurs.
Hébergement et nom de domaine
www.auberge-du-paradis.com
Le nom de domaine et l’hébergement existent déjà. La mise à jour du site sur le serveur sera
effectuée après la validation de la version finale du site.
25
Outil d’administration
L’outil d’administration devra être intuitif, simple et facile d’utilisation.
Une formation (de 1 heure) auprès de la personne qui s’occupera de mettre à jour les contenus
sera nécessaire afin de pouvoir manipuler l’outil d’administration de manière autonome.
Une documentation technique détaillée de l’administration et son fonctionnement devra aussi être
fournie.
Livraison
Les mises en ligne des versions de validations intermédiaires se feront sur nos serveurs.
Les fichiers sources Photoshop, Illustrator, Photographies, Html/Css, Javascript et Php seront livrés
en même temps que la mise en ligne de la version finale.
Ces fichiers seront mis à votre disposition sur un serveur Ftp et livrés par voie postale
sur un Cd-rom.
26
Arborescence / site internet
Arborescence
Site internet
Front-office
Accueil
Déguster
Au menu
Le restaurant
Le chef
Se reposer
Gingembre
La chambre
Détails
Tarif
Nigelle
Muscade
Cumin
Paprika
Tandoori
Réglisse
Sésame
En profiter
La piscine
Le spa
Le salon
Les alentours
Portraits
------
Valérie et Cyril
Equipe
Réserver
Chèques cadeaux
Plan d’accès
Guides et presse
Liens
-----Sur l’ensemble des pages : Les coordonnées de l’auberge + un lien vers le site ChateauxHotels
27
Back-office
Accueil administration
Menu
Mettre à jour
Actualité réservation
Mettre à jour
Guides et presse
Ajouter
Modifier
Supprimer
Liens
Ajouter
Modifier
Supprimer
28
Démarche de réalisation / détail des tâches
Démarche de réalisation
Détail des tâches
Graphisme / 1 semaine / 6 jours
Identité visuelle sur Illustrator / 2 jours
Logotype /1.5
Mise en situation /0.5
Validation de l’identité visuelle
Maquette graphique sur Photoshop / 4 jours
Composition générale du site /2
Mise en page intérieure /2
Touche graphique spécifique dans la rubrique restaurant
Mise en page des contenus des pages types
Validation de la maquette en image
Graphisme et développement / 1.5 semaines / 10 jours
Intégration Html/Css / 6 jours
Menu et structure générale du site /2
Découpage et optimisation de la maquette
Montage de la maquette en html/css
Intégration des contenus / mise en page intérieure /3
Optimisation sommaire des pages pour le référencement
Include en php
Version test en ligne /1
Validation accessibilité w3c
Test compatibilité navigateurs et debug
Validation de la version 1
Galeries et interactivité en Javascript / 4 jours
Comportement galerie /2
Redimensionnement des images de fond
Affichage scroll selon la taille des pages
Défilement des images au clique
Comportement interactif /1
Menu déroulant en accordéon
Rollover progressif sur les menus
Version test en ligne /1
Validation accessibilité w3c
Test compatibilité navigateurs et debug
Validation de la version 2
29
Développement / 2 semaines /13 jours
Espace réservation et chèques cadeaux en Php/MySQL / 5 jours
Création et gestion de base de données / 0.5
Formulaires et vérifications des saisies /1.5
Affichage de message adapté en fonction des erreurs saisies
Envoi d’e-mail avec transfert de données/2
Version test en ligne et debug /1
Validation de la version 3
Backoffice en Php/MySQL, actualité réservation, menu, presse, liens / 6 jours
Création et gestion de base de données / 0.5
Sessions /0.5
Formulaire d’ajout de textes et d’images et vérifications des saisies /1.5
Affichage de message adapté en fonction des erreurs saisies
Modification des textes et des images /2
Test en ligne et debug /1
Document d’utilisation pour le client /0.5
Validation de la version 4
Optimisation pour le référencement / 2 jours
Recherche de mots clés pertinents et prometteurs /0.5
Optimisation du code des pages /1
Réécriture d’url /0.5
Validation de la version 5 (final)
Livraison des fichiers
Développement après réalisation / 2jours
Installation de la base de données sur le serveur client et Sécurité
Php/MySQL / 2 jours
Cette tâche sera réalisées à l’Agence Album, après la réalisation, afin de suivre la même procédure
de sécurisation et de mise en ligne qu’à l’agence.
30
Démarche de réalisation / planning
ETAPES
Date
Jours
Planning
Du 28 Avril au 28 Mai.
29 jours.
10 Heures de travail par jours.
Graphisme
IdentitévisuelleIllustrator
Logotype
Miseensituation
MaquettegraphiquePhotoshop
Compositiongénérale
Miseenpageintérieure
Graphismeetdéveloppement
IntégrationHtml/css
Structuregénéraledusiteetdumenu
Intégrationdescontenusetpagesintérieures
Version test
Versiontest
GalerieetinteractivitéJavascript
Comportementgalerie
Comportementinteractif
Versiontest
Développement
EspaceréservationetchèquescadeauxPhp/MySQL
Créationbasededonnées
Création
base de données
Formulairesetvérifications
Envoid'eͲmailettransfertdedonnées
Versiontest
Backofficeactu,menu,presse,liensPhp/MySQL
Créationbasededonnéesetsession
Formulairesd'ajoutetvérifications
Formulairedemodificationetvérifications
Versiontest
Documentationd'utilisationclient
Optimisationpourleréférencement
Recherchedemotsclés
Optimisationducodedespages
Réécritured'url
31
Réalisation:du28Avrilau28Mai
e 28 29 30 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 1
M J V S D L M M J V S D L M M J V S D L M M J V S D L M M J V S D L M
r
e
n
e
t
s
u
s
t
t
f
t
L
s
s
s
t
n
s
s
t
t
t
s
s
l
Joursderepos.
Lecommanditairereçoitparmaillaversionencoursderéalisation,ilpeutlavalideroudemanderdescorrections.
Lecommanditaire
reçoitparmaillaversionencoursderéalisation,ilpeutlavalideroudemanderdescorrections.
Lecommanditairereçoitparmaillaversionfinaledel'étapederéalisation,descorrectionsminimessontpossibles.
Lecommanditairereçoitparmaillaversionfinaledusite,lebilanderéalisationetlecdparvoiepostale.
Préparationbilan,présentationoraleetlivraisondesfichiers.