Projet Refonte du site www.invinogildas.com Document Offre de services Date de rédaction 10 septembre 2007 Numéro de version 2 Auteur Dominique Nauroy Destinataire In Vino Gildas eleven, votre partenaire nouveaux média En 2007, des entreprises et institutions nous ont fait confiance pour l analyse et le développement de solutions web et mobile. Citons notamment : l Office National du Tourisme luxembourgeois (visitluxembourg.lu) : diffusion web, mobile et bornes interactives ; le portail événementiel agendalux.lu : diffusion web et print ; le cabinet d avocats mnks.lu ; l hôpital Kirchberg (chk.lu) ; l Orchestre philharmonique du Luxembourg (opl.lu, 12/09/2007) ; le parti politique csv (refonte de csv.lu, 30/09/2007). principe de base du nouveau site Chaque page rédactionnelle du site doit être modifiable par le personnel de In Vino Gildas, sans recours aux services d eleven. 1
composition des pages Ce canevas n a aucune valeur graphique : il vise simplement à représenter la place et la dimension approximative des blocs principaux du site. Tous les blocs sur fond bleu seront présents sur toutes les pages du site. Le contenu d une page particulière (ex : page d accueil) s affichera dans le bloc blanc central. En-tête : Logo et bandeau d ambiance. Ce bandeau peut changer d aspect en fonction de la rubrique dans laquelle l internaute se situe. Choix des langues. Barre de menus horizontale Gérée librement par vois soins Pied de page : Copyright et mentions légales Remarque : il n est pas prévu d espace publicitaire. 2
un back-office créé sur mesure Nous avons à cœur de proposer un back-office parfaitement adapté et dimensionné à vos besoins. Ce back-office est modulaire et facilement extensible. Prévu pour un encodage en deux langues, il sera possible de lui adjoindre d autres modules de langue dans un second temps. L ensemble des propositions formulées dans ce document peut éventuellement être discuté lors d une prochaine réunion de cadrage. Ci-dessous, vous trouverez l ensemble des modules du back-office détaillés. pages rédactionnelles Les pages rédactionnelles sont regroupées au sein de rubriques. La rubrique est l élément présent sur la barre de menu (ex : Les présentations), qui affichera un sous-menu présentant les titres des pages liées à cette rubrique (ex : Comment nous trouver?). Cette rubrique elle-même ne sera pas cliquable. La page d accueil constitue une exception : symbolisée par une petite maison dans le menu, elle ne propose pas de sous-menu, et un clic sur son icône permet d y revenir. <rubrique> -> <page> <page> <page> < > Grâce à ce système, il est possible de créer une arborescence telle que suggérée page suivante. 3
Accueil Bloc «L offre du mois» ; bloc «Dégustations» ; bloc «Le club» L offre du mois : bloc rédactionnel pour présenter deux vins (photo, titre, petit descriptif), et bouton qui mène au formulaire de commande (cd. module éponyme). Événements : insertion du module éponyme. Le club : formulaire d inscription à la newsletter. Les présentations o Qui sommes-nous? Bloc rédactionnel o Comment nous trouver? Bloc rédactionnel (avec insertion d un plan créé par eleven) o Nous écrire Formulaire à remplir par l internaute Les vins o Notre stock Bloc rédactionnel (avec insertion de PDF) o Albums photo Module Album photo Autour du vin o Librairie Module Autour du vin, catégorie Librairie o Maroquinerie Module Autour du vin, catégorie Maroquinerie o Accessoires Module Autour du vin, catégorie Accessoires Le blog (lien vers le blog actuel) Vous êtes libre de trier ces rubriques et ces pages selon l ordre que vous choisissez. Vous pouvez aussi choisir de cacher temporairement une rubrique ou une page. Au sein de chaque bloc rédactionnel, vous pouvez : mettre en forme titres et textes selon des styles prédéfinis ; ajouter tableaux, images et documents PDF, DOC et XLS ; recadrer et de redimensionner des images au format JPEG. Les contenus seront encodés par vos soins, suite à une formation que nous vous dispenserons. Tous les modules qui vont être présentés à partir de maintenant répondent à des besoins spécifiques en matière de présentation et de structuration de l information qu un simple éditeur de texte ne peut pas remplir de manière pleinement satisfaisante.
module formulaire de commande Il s agit de créer un lien depuis les vins présentés en page d accueil ou depuis les objets présentés sous «Autour du vin» vers un formulaire de commande. Au sein de ce formulaire, l internaute saisit son nom, son adresse email, la référence du produit souhaité et la quantité désirée. Une fois ces champs remplis, un message l avertit que sa demande sera traitée dans les plus brefs délais et qu il lui sera possible de choisir entre deux formules : chercher sa commande au magasin ; se faire livrer à domicile. module événements Création, modification ou suppression d une manifestation. Une manifestation se structure comme suit : titre résumé corps (éditeur WYSIWYG) news publiée à partir de (calendrier) news publiée jusqu au (calendrier) photo (redimensionnée pour être automatiquement ajustée aux tailles standard de la vignette) Les titres et résumés des manifestations seront automatiquement publiés en page d accueil. Un clic sur un titre affiche l intégralité du corps de la manifestation, et un lien automatique «Inscrivez-vous» incite les internautes à s y inscrire (envoi d un email à gildas@invinogildas.com). module viticulteurs Création, modification ou suppression d une galerie de photos «viticulteurs». Une fois une galerie créée (titre, court descriptif et vignette de référence), une photo se structure comme suit : titre auteur légende photo (redimensionnée pour être automatiquement ajustée aux tailles standard de la vignette) Au sein d une galerie, les photos peuvent être triées par ordre de préférence. module autour du vin Création, modification ou suppression d un objet de la boutique. De la même manière que les vins dépendent d une catégorie, les accessoires présentés dans cette boutique fonctionnement de même. On crée d abord une catégorie (ex : Sacs, ou Livres), qui contient ensuite les objets. Cela permet d afficher les catégories comme sous-menu. 5
Un objet se structure comme suit : nom descriptif (éditeur WYSIWYG) catégorie prix HT TVA (le prix TTC sera calculé automatiquement) photo (redimensionnée pour être automatiquement ajustée aux tailles standard de la vignette) Au sein d une catégorie, les objets peuvent être triés par ordre de préférence. Sur le site, un bouton «Commander» sera automatiquement ajouté pour chaque objet: il mènera l utilisateur au formulaire de commande. lettre d informations Nous vous proposons un outil capable de créer, modifier ou supprimer vos lettres d informations. Vous gardez ainsi l archive de vos précédents envois. Chaque lettre se structure ainsi : titre date numéro extrait(s) du contenu (éditeur WYSIWYG) pièce jointe PDF famille (de telle sorte à envoyer des lettres ciblées (Deloitte, Particuliers, Restaurateurs) ; les familles seront elles aussi éditables) Parallèlement à cet outil de création et d envoi de newsletters, vous disposez d une interface pour visualiser l ensemble des inscrits. Les procédures d inscription et de désinscription seront automatiques et sûres. Pré-requis techniques : hébergement Les développements requièrent un hébergement capable de proposer PHP..x, mysql.x, ainsi que la bibliothèque GD 2.x (x pouvant être un chiffre de 0 à 9). Par ailleurs, le module de newsletter demande le traitement et l envoi de mails en masse. Un espace de 100 Mo au moins nous paraît nécessaire. La question de l hébergement est vitale, et doit être discutée par les deux parties, faute de quoi nous ne saurions être tenus responsables d un dysfonctionnement de tout ou partie du site. Nous pouvons nous-mêmes vous proposer un hébergeur sérieux et compétent. Pour 10 euros par mois, les pré-requis mentionnés ici sont respectés, et vous avez la garantie d être en ligne à 99,99% du temps. 6
Budget : coûts de développement Tâches Gestion du projet : Organisation de la production Suivi et livraison du projet Charge horaire 85 85 85 Volume horaire 8 3 Montant total (en HT) 595,00 Développement graphique : Recherche graphique : canevas et page d accueil Réalisation graphique (déclinaisons, découpage) 69 69 69 12 8 828,00 Développement informatique : Création des structures de pages front office Elaboration des feuilles de styles Création et organisation des bases de données Création du noyau CMS multilingue et modulaire 6 3 2 3 388,00 Modules, implémentation back et front office Module Pages rédactionnelles Module Evénements Module Viticulteurs Module Autour du vin Module Lettre d informations 8 6 7 Formation et documentation 52 6 260,00 Total en euros HT : 5 071,00 La facturation s échelonnera comme suit : 30% à la commande ; 0% à la livraison ; 30% un mois après la livraison. TVA non incluse : 15% Acceptation par le maître d'ouvrage: oui non 7
Toute intervention non prévue dans la présente offre se fera aux tarifs suivants: webdesigner webdeveloper coordinateur de projet implémentation contenu (par un webdesigner) technicien pour maintenance 69 / heure / heure 85 / heure 69 / heure / heure Ces prix sont garantis pour une durée de deux ans à partir de la signature du contrat. Bon pour accord, daté et signé Fait en deux exemplaires originaux A Luxembourg, le [ ] 2007 Pour le Maître d œuvre, Pour le Maître d ouvrage, 8