CAHIER DES CHARGES. Refonte du Site : ToufikOulmi.com. 28/03/ Cahier des charge «TOUFIKOULMI.COM» - S.LARVET

Transcription

1 CAHIER DES CHARGES Refonte du Site : ToufikOulmi.com 1/20

2 SOMMAIRE 1- Contexte 2- Objectifs 3- Pérennité du site 4- Résultats attendus et publics visés 5- Contraintes 6- Délais 7- Benchmark 8- Les Contenus 9- Charte Graphique et Design 10- Techniques Utilisées 11- Estimation des charges 2/20

3 1- Contexte Toufik OULMI, ancien administrateur réseau a décidé de se reconvertir et de vivre de sa passion : la photographie et plus spécifiquement de la photo reportage. Ainsi, il a couvert le printemps arabe en Tunisie, et a participé à plusieurs concours. Il a déjà été primé pour ses premières réalisations : Prix Polka Jeunes Talents, et au concours FNAC Mairie de Paris. Aujourd'hui et comme beaucoup de photographes il dispose d'un site web mais ne valorisant pas son travail et les différents prix déjà gagnés. Captures du Site existant : 3/20

4 2- Objectifs Dans un contexte où la visibilité sur le web n'est pas chose facile vue la multiplicité des sites de photographes, l'objectif est de réaliser un site web professionnel, valorisant les différentes réalisations du photographe tout en donnant envie de collaborer avec ce jeune talent. Le site doit reposer sur le double enjeux de valoriser le contenu photo mais également éditorial. Cela implique donc de ne pas proposer un simple site diaporama accumulant des photos sans réelle histoire ou de fil conducteur. L'enjeu est de mettre la technologie au service du contenu. Il permettra : - de suivre les dernières actualités du photographe - de présenter les différents reportages réalisés par le photographe - et de présenter les différentes galeries de photos réalisées par le photographe 3- Pérennité du site Dans sa première version, le site a pour démarche de faire une présentation des différents travaux réalisés par le photographe et de les mettre en avant.. Dans les versions suivantes, il pourra être enrichi avec les détails des prestations proposées par le photographe et proposer un blog pour permettant d'interagir avec le public intéressé. 4- Résultats attendus et publics visés Le site TOUFIKOULMI.COM vise 3 cibles : - les professionnels en recherche de prestations de photographie ou de reporter (maison d'édition, presse, sites web d'informations...) - les associations développant des projets de reportages - les amateurs de belles photos et reportages. 4/20

5 5- Contraintes 1 -Le design Le photographe souhaite garder un design sobre et épuré fidèle au site existant dans les tons gris, blanc et noir. 2 - L ergonomie Le site TOUFIKOULMI.COM vise à mettre en valeur les réalisations du photographe. Il doit donc proposer une navigation simple, rapide et directe pour visualiser rapidement tous les travaux. 3 - la fraîcheur des informations Les photos et reportages proposés dans le site doivent être régulièrement mise à jour. Un travail de tri, de retouches photographiques et de présentation doit être prévu. Pour les amateurs, le site doit proposer une mise à jour au maximum mensuel des photos avec la possibilité de suivre le photographe via twitter ou facebook. 6- Délais Le site fera l objet d un lotissement : Lot 1 - Version Statique Livraison d une première version du site TOUFIKOULMI.COM dont l objectif est de présenter le photographe et de mettre en valeur les travaux déjà réalisés. Date de livraison : 18/05/2012 Lot 2 - Enrichissement du site avec une actualité mise à jour et l'ajout d'une page «Prestations et Tarifs» que le photographe peut proposer. Enrichissement du site de manière à le rendre beaucoup plus pertinents et durables sur le long terme et adapter le contenu pour les différents supports (tablette, smartphone). Date de livraison : A définir 5/20

6 7- BenchMark Site « Points positifs : L ergonomie de la page d'accueil est efficace, simple et bien présentée. On a envie d'aller voir la suite. La navigation est claire et liste bien tous les thèmes traités par le photographe. Les réalisations et les photos sont bien présentées l'aspect graphique est épurée mais sobre juste comme il faut Points négatifs : le menu de navigation est un peu petit. La page en cours n'est peu être pas assez marquée toutes les pages «Tirages fine art» ne sont pas gérées à l'affichage de la même façon (certaines avec scroll et d'autres non) la photo en cours dans le carrousel du portfolio n'est pas assez marquée la biographie n'est pas en français, alors que le reste du site l'est. 6/20

7 Site « Points positifs : l'identité graphique est claire et cohérente dans tout le site la navigation est claire et bien présentée (effet déroulant, effet survol et effet actif) Points négatifs : les couleurs choisies sont un peu étouffante, trop sombre la taille de la police utilisée est un peu petite, surtout que le site est très chargé en texte, du coup difficile de tout lire le chargement des photos dans la live box est un peu lent 7/20

8 8- Les contenus les contenus proposés seront les suivants : - les différents reportages réalisés par le photographe - les différents sujets photos traités - les dernières actualités du photographe Liste des fonctionnalités : Intitulé Objectif Description Actualités Liste Lister les dernières actualités du photographe Reportages Liste Lister les derniers reportages du photographe et les présenter Photos Liste Lister les photos organisé par thème traité A Propos Contenu Afficher les informations concernant le photographe afin de le présenter Plan du site Contenu Afficher le plan du site Mentions Légales Contenu Afficher les mentions légales du site et les informations concernant les droits d'auteur Contact Formulaire Proposer un formulaire de contact ou un lien pour envoyer un mail 8/20

9 Arborescence du site 9/20

10 9 - Charte graphique et Design Couleurs : Texte Menu Principal, Menu Secondaire, Titres, Sous-Titres, Texte Détail des Pages : RVB (153,153,153) WEB :# Liens dans les pages : RVB (102,153,204) WEB :#6699cc Hover sur les menus et liens dans les textes : RVB (0,0,0) WEB :# Typographies : Font-Family : Font-size Font-size Font-size Font-size 'oxygen',helvetica,arial,sans-sherif; Texte Menu Principal : Texte Menu Secondaire : Titre Page : sous titre Page : 18px 16px 16px 14px Font-size Présentation Page : 13px Font-size Titre Contenu Page : Font-size Contenu Page : 16px 13px Font-size Lien Pied de page et Liens sociaux : 14px 10/20

11 Zoning 11/20

12 WireFrames Page d'accueil Page Reportages 12/20

13 WireFrames - suite Page Reportage Théme 1 Page A Propos 13/20

14 Maquettes Photoshop Page d'accueil 14/20

15 Maquettes Photoshop - Suite Page Reportages 15/20

16 Maquettes Photoshop - Suite Page Reportages Thème 1 16/20

17 Maquettes Photoshop - Suite Page A Propos 17/20

18 Maquettes Photoshop - Suite Page Photos 18/20

19 Maquettes Photoshop - Suite Page Photos Thème 1 19/20

20 10- Techniques Utilisées HTML5 CSS2 / CSS3 JavaScript / JQuery Photoshop, Dreamweaver, Balsamiq.mockupfile 11- Estimation des Charges Charges projet par poste de travail Charge J/H Taux Journalier Sous Total Responsable Projet 2 540, ,00 Concepteur / Web Designer 3 380, ,00 Infographiste 2 420,00 840,00 Rédacteur 1 320,00 320,00 Ingénieur / Développeur / Intégrateur 6 250, , , ,00 Total 20/20