Projet site web hacienda v2-3.01. KOOL DISPLAY
2 Place Marguerite Laborde
64 000 Pau
www.kooldisplay.com
Votre contact : Eve ROMARIE
Tel : 06 22 02 05 66
Tel : 05 24 98 59 07
e.romarie@kooldisplay.com
Cahier des charges pour
la création d’un site Internet
www.hacienda64.com
2. Septembre 2011
Sommaire
Sommaire................................................................................................................................................................................................ 2
Présentation ........................................................................................................................................................................................... 3
Le Design ................................................................................................................................................................................................ 3
La page d’accueil ................................................................................................................................................................................... 4
Plan du site ............................................................................................................................................................................................. 5
Site Partie Location :............................................................................................................................................................................. 6
L’onglet Location ............................................................................................................................................ 6
L’onglet Restauration ...................................................................................................................................... 7
L’onglet Animation .......................................................................................................................................... 8
L’onglet Situation ............................................................................................................................................ 9
L’onglet Contact ........................................................................................................................................... 10
Site partie Spectacles : ...................................................................................................................................................................... 11
L’onglet Programmation................................................................................................................................. 11
L’onglet Soirées Spéciales ............................................................................................................................. 12
L’onglet Réservation ..................................................................................................................................... 13
L’onglet Situation .......................................................................................................................................... 14
L’onglet Archives .......................................................................................................................................... 15
La Back-end (gestion des pages) .......................................................................................................................................................... 16
Gestion des pages avec Galerie Photos (Location, Restauration, Animation, Soirées Spéciales et Archives) ............. 16
Gestion des pages avec Formulaire de Contact (Contact «location» et Réservation «spectacles») .......................... 16
Gestion des pages avec Plan (Situation «location» et Situation «spectacles») ....................................................... 16
Gestion de la page Programmation ................................................................................................................. 17
Gestion de la page d’Accueil ...................................................................................... Erreur ! Signet non défini.
Kool Display © Page 2
3. Septembre 2011
Présentation
Afin de promouvoir son activité, L’HACIENDA souhaite créer un site internet personnalisé et professionnel.
L’HACIENDA souhaite présenter sur son site internet ses 2 activités distinctes : la location de salles et les soirées spectacles.
Il s’agit donc d’un site à double entrées. En arrivant sur la page d’accueil, le visiteur choisit la section qui l’intéresse (Location ou
Spectacles), mais à tout moment il peut basculer de l’une à l’autre.
Le site doit rester simple et très ergonomique. En deux ou trois clics, le visiteur doit arriver à la page souhaitée. Il doit également
être administrable via une Back-End simple d’utilisation.
Le client attend un produit fonctionnel et professionnel. Ce site devra répondre à toutes les exigences en matière de qualité
(compatibilité pour tous les navigateurs internet, site optimisé) et de sécurité.
Le contenu des pages devra être fourni par le client durant la phase de développement.
De plus, le site sera évolutif afin d’en assurer sa pérennité, de nouvelles fonctionnalités et services pourront ainsi être
implémentées. (Toute demande d’évolution technique fera l’objet d’un devis complémentaire)
Le Design
2 choix de design issu de la charte graphique seront proposés avec 3 refontes du design choisi si nécessaire.
Kool Display © Page 3
4. Septembre 2011
La page d’accueil
Elle se composera de :
- Une mise en évidence du numéro de téléphone
- Un accès au formulaire d’inscription de la Newsletter
- Une bannière flash avec animation du logo et diaporama photos évoquant la salle, la fête, le spectacle …
- Un bouton d’accès à la partie Location de Salles
- Un bouton d’accès à la partie Soirée Spectacles
- Un pied de page avec Copyright
Zoning de la page d’accueil
Kool Display © Page 4
5. Septembre 2011
Plan du site
Le site comporte 10 onglets :
5 onglets pour la partie « Location de Salles » :
- Location
- Restauration
- Animation
- Situation
- Contact
5 onglets pour la partie « Soirée Spectacles » :
- Programmation
- *Soirées Spéciales* (Cet onglet ne sera pas activé dans un premier temps)
- Réservation
- Situation
- *Archives* (Cet onglet ne sera pas activé dans un premier temps)
Kool Display © Page 5
6. Septembre 2011
Site Partie Location :
Cette partie est dédiée à l’activité Location, cependant l’accès à l’activité « Spectacles » doit rester possible et évidente, elle se fait
par un bouton (en haut à droite) donnant directement accès à la page « Programmation ».
L’onglet Location
Cet onglet présentera les 2 salles à louer pour des évènements (mariage, séminaire ou autre…)
Il est composé :
- D’une zone de texte de description avec titre.
- D’une galerie photos des salles à louer, avec légende sous les photos.
Le tout gérable sur la back-end.
Zoning page Location
Kool Display © Page 6
7. Septembre 2011
L’onglet Restauration
Cet onglet présentera le service Traiteur (référence au Restaurant La Payotte)
Il est composé :
- D’une zone de texte de description avec titre.
- D’une galerie photos illustrant le service traiteur, (plats, cocktails…), avec légende sous les photos.
Le tout gérable sur la back-end.
Zoning page Restauration
Kool Display © Page 7
8. Septembre 2011
L’onglet Animation
Cet onglet présentera le service Animation, L’Hacienda mettant à disposition un réseau important d’artiste.
Il est composé :
- D’une zone de texte de description avec titre.
- D’une galerie photos illustrant le service animation, (soirée cabaret, magicien, DJ…), avec légende sous les photos.
Le tout gérable sur la back-end.
Zoning page Animation
Kool Display © Page 8
9. Septembre 2011
L’onglet Situation
Cet onglet permet de situer la salle de L’Hacienda. La proximité de certains lieux étant à mettre en avant.
Il est composé :
- D’une zone de texte de description avec titre.
- D’un plan Google Map
La zone de texte étant modifiable depuis la back-end.
Zoning page Situation
Kool Display © Page 9
10. Septembre 2011
L’onglet Contact
Cet onglet donne les coordonnées de la salle et permet aux visiteurs de contacter L’Hacienda.
Il est composé :
- D’une zone de texte de description avec titre.
- D’un formulaire de contact
La zone de texte étant modifiable depuis la back-end.
Zoning page Contact
Kool Display © Page 10
11. Septembre 2011
Site partie Spectacles :
Cette partie est dédiée à l’activité Spectacles, cependant l’accès à l’activité « Location » doit rester possible et évidente, elle se fait
par un bouton (en haut à droite) donnant directement accès à la page « Location ».
L’onglet Programmation
Cet onglet présentera l’intégralité des Soirées-Spectacles en cours et à venir.
Il se compose de la liste des soirées-spectacles programmés, le tout sur 2 colonnes. L’Hacienda proposant des spectacles ou des
soirées à thèmes très différents, la description peut-être plus ou moins longue. Chaque soirées doit être présentées dans une pop-
up pour que le visiteur puisse avoir tous les détails de la soirée et visualiser l’affiche en plus grand.
Chaque description de spectacle est composé :
- D’un visuel (vignette en liste et grand format en pop-up)
- D’un titre : Nom du spectacle ou de la soirée à thème.
- D’une date et de l’heure
- Du tarifs
- D’un texte de description (résumé en liste et texte complet en pop-up)
- D’une mention « il reste des places » ou « complet »
- D’un lien vers la page « Réservation »
Le tout gérable sur la back-end.
Zoning page Programmation
Kool Display © Page 11
12. Septembre 2011
L’onglet Soirées Spéciales
Cet onglet et sa page ne seront pas activés pour le moment.
Le but sera de présenter les soirées récurrentes (ex : soirées DJ tous les vendredis soir).
Il est composé :
- D’une zone de texte de description avec titre.
- D’une galerie photos illustrant les soirées spéciales, avec légende sous les photos.
Le tout gérable sur la back-end.
Zoning page Soirées Spéciales
Kool Display © Page 12
13. Septembre 2011
L’onglet Réservation
Cet onglet explique au visiteur comment réserver pour un spectacle.
Soit par téléphone, soit sur le site d’une billetterie dédiée (ex : ticketnet ou fnac), soit par mail en remplissant un formulaire de
contact à droite. Il est composé :
- D’une zone de texte de description avec titre.
- D’un formulaire de contact.
La zone de texte étant modifiable depuis la back-end.
Zoning page Réservation
Kool Display © Page 13
14. Septembre 2011
L’onglet Situation
Cet onglet permet de situer la salle de L’Hacienda sur plan et de présenter les coordonnées.
Il est composé :
- D’une zone de texte de description avec titre.
- D’un plan Google Map
La zone de texte étant modifiable depuis la back-end.
Zoning page Situation
Kool Display © Page 14
15. Septembre 2011
L’onglet Archives
Cet onglet et sa page ne seront pas activés pour le moment.
Le but sera de présenter des soirées passées. Il est composé :
- D’une zone de texte de description avec titre.
- D’une galerie photos illustrant des soirées passées, avec légende sous les photos.
Le tout gérable sur la back-end.
Zoning page Archives
Kool Display © Page 15
16. Septembre 2011
La Back-end (gestion des pages)
L’administrateur va pouvoir gérer les contenus des différentes pages du site.
L’administrateur est une personne novice dans l’internet, le travail de Kool Display est de simplifier au maximum les tâches de
celui-ci.
Gestion des pages avec Galerie Photos (Location, Restauration, Animation, Soirées Spéciales et Archives)
L’interface d’administration de ces 5 pages, identiques dans la forme, sera la même. Elle permettra :
- De modifier la zone de texte et son titre.
- D’ajouter ou de supprimer des photos à la galerie correspondante.
Gestion des pages Gestion du titre
Location Gestion du texte
Contenu
Restauration Gestion du texte de description
Animation Ajout / suppression de photo
Soirées spéciales Gestion de la galerie
Archives Gestion de la légende correspondante
Gestion des pages avec Formulaire de Contact (Contact «location» et Réservation «spectacles»)
L’interface d’administration de ces 2 pages, identiques dans la forme, sera la même. Elle permettra :
- De modifier la zone de texte et son titre.
Gestion du titre
Gestion des pages
Contenu
Gestion du texte
Contact Gestion du texte de description
Réservation
Gestion du formulaire Aucune
Gestion des pages avec Plan (Situation «location» et Situation «spectacles»)
L’interface d’administration de ces 2 pages, identiques dans la forme, sera la même. Elle permettra :
- De modifier la zone de texte et son titre.
Gestion du titre
Gestion des pages
Contenu
Gestion du texte
Contact Gestion du texte de description
Réservation
Gestion du plan Aucune
Kool Display © Page 16
17. Septembre 2011
Gestion de la page Programmation
Cet onglet permettra d’ajouter ou de supprimer des annonces de spectacles sous forme de liste.
Gestion du visuel Ajout d’image (vignette et grand format automatique)
Gestion du titre Nom du spectacle
Gestion date et heure Modification date et heure
Contenu
Gestion de la
Gestion du tarif Tarifs (ou entrée libre)
page Programmation
Gestion du résumé Résumé de description du spectacle
Gestion du texte Description complète du spectacle
Gestion complet ou non Case à cocher : « il reste des places » ou « complet »
Gestion de la page d’Accueil
Le contenu de la page d’accueil ne sera pas modifiable par la Back-end, toute demande d’évolution graphique ou technique fera
l’objet d’un devis complémentaire.
Kool Display © Page 17