CAHIER DES CHARGES REFONTE DU SITE WEB - Date limite de dépôt des offres : 21 décembre 2019 Contact : Clémence Condemi, chargée de communication ...
←
→
Transcription du contenu de la page
Si votre navigateur ne rend pas la page correctement, lisez s'il vous plaît le contenu de la page ci-dessous
CAHIER DES CHARGES REFONTE DU SITE WEB Date limite de dépôt des offres : 21 décembre 2019 Contact : Clémence Condemi, chargée de communication digitale clemencecondemi@jeudepaume.org
Table des matières PRÉAMBULE ....................................................................................................................... 4 I. Présentation du lieu et contexte de la refonte ............................................................. 4 1. Présentation du Jeu de Paume ............................................................................................ 4 a) Les missions du Jeu de Paume ............................................................................................................. 4 b) Quelques chiffres ................................................................................................................................. 5 c) Public actuel et public cible .................................................................................................................. 5 d) Nos outils de communication .............................................................................................................. 6 2. Contexte et objectifs ........................................................................................................... 7 a) Présentation du site actuel : Constat et piste d’amélioration.............................................................. 7 b) Les enjeux et les objectifs listés ........................................................................................................... 8 II. Descriptif du projet ................................................................................................... 10 1. Adaptation d’une charte graphique existante ................................................................... 10 2. Arborescence et menu de navigation ................................................................................ 10 3. Descriptif des pages du menu et la home page.................................................................. 11 a) La home page ..................................................................................................................................... 11 b) L’agenda ............................................................................................................................................. 11 c) Le menu « Expositions »..................................................................................................................... 12 d) Le menu « Cinéma » ........................................................................................................................... 12 e) La page « Événements »..................................................................................................................... 13 f) La page « Visites, cours et ateliers » .................................................................................................. 13 g) La page « Préparez votre visite » ....................................................................................................... 13 4. Descriptif des « hubs », footers et call-to-actions .............................................................. 14 a) Les infos sur le Jeu de Paume............................................................................................................. 14 b) Les entrées par type de public ........................................................................................................... 14 c) Les call-to-action ................................................................................................................................ 16 d) Les inputs newsletter et réseaux sociaux ........................................................................................... 17 5. Sécurité, accessibilité et référencement ............................................................................ 17 6. Site bilingue ...................................................................................................................... 18 7. Version responsive ............................................................................................................ 18 8. La question des archives ................................................................................................... 18 9. Les liens avec les autres sites ............................................................................................ 18 a) Le Site de la librairie du Jeu de Paume ............................................................................................... 18 b) Le magazine en ligne du Jeu de Paume............................................................................................... 18 10. Le backoffice et droits d’accès ....................................................................................... 19 11. Gabarit de la newsletter ............................................................................................... 19 III. Déroulement/ Conduite du projet ......................................................................... 20 1. Questions de mise en production ...................................................................................... 20 2. Maintenance..................................................................................................................... 20 a) Maintenance corrective ..................................................................................................................... 20 b) Maintenance évolutive ...................................................................................................................... 20 2
3. Garanties .......................................................................................................................... 21 4. Formation ......................................................................................................................... 21 5. Planning et prix ................................................................................................................. 21 a) Proposition de prix ............................................................................................................................. 21 b) Calendrier prévisionnel ...................................................................................................................... 22 6. Éléments à fournir pour le dossier..................................................................................... 22 Annexe 1 : Maquette de la Home Page ............................................................................. 23 Annexe 2 : La page Agenda .............................................................................................. 24 Annexe 3 : Page type – Exposition .................................................................................... 25 Annexe 4 : La page type – Cinéma .................................................................................... 26 Annexe 5 : Menu « Préparez votre visite » ........................................................................ 27 Annexe 6 : Espace Presse .................................................................................................. 28 Annexe 7 : Espace pour les abonnés ................................................................................. 29 Annexe 8 : Espace pour les enseignants ............................................................................ 30 Annexe 8 a) Détail de la page « propositions pour les enseignants et équipes éducatives » ........................................................................................................................................ 31 Annexe 9 : Page destinée aux acteurs du « champ social » ............................................... 33 Annexe 10 : La page « abonnez-vous ! » ........................................................................... 34 Annexe 11 : Pré-cahier des charges pour la refonte du magazine en ligne ........................ 35 3
PRÉAMBULE Le présent document constitue le cahier des charges fonctionnel et technique pour la conception, le développement et la maintenance du site internet du Jeu de Paume. L'objectif de la mission est de réaliser le site internet pérenne de l'institution pour février 2021, puis d'assurer sa maintenance en appui des équipes du Jeu de Paume. Après une période de fermeture pour remise aux normes du bâtiment de 8 mois, le Jeu de Paule rouvrira ses portes en février 2021. C’est à cette occasion, et suite à l’arrivée d’une nouvelle direction que le Jeu de Paume souhaite repenser son site internet et le rendre plus adapté aux attentes des utilisateurs. Cette refonte du site internet s’inscrira dans le cadre d’une refonte générale de la charte graphique du Jeu de Paume. Dans ce cadre, outre la capacité du candidat à traduire et concrétiser les intentions et ambitions du Jeu de Paume, il est attendu du candidat des compétences et savoir-faire avérés en matière de conception, d'ergonomie, de design mais aussi de solides compétences techniques. Le Jeu de Paume souhaite inscrire ce marché dans une logique de collaboration au long cours. I. Présentation du lieu et contexte de la refonte 1. Présentation du Jeu de Paume a) Les missions du Jeu de Paume Institution culturelle emblématique du jardin des Tuileries, centre d’art et lieu de référence pour la diffusion de l’image des XXe et XXIe siècles (photographie, cinéma, vidéo, installation, net art…), le Jeu de Paume a vocation à produire ou coproduire des expositions, mais aussi des cycles de cinéma, colloques, séminaires, activités éducatives ou encore des publications. Avec des expositions qui confèrent une visibilité aux artistes présentés, qu’ils soient reconnus, méconnus ou émergents, en particulier dans la programmation Satellite, le Jeu de Paume confronte différents récits, historiques ou contemporains, oscillant entre résonance et dissonance. Il attire ainsi un public large et diversifié. Une temporalité en cycles d’expositions Actuellement, nous fonctionnons par cycle d’expositions d’environ 4 mois. Le premier cycle commence en février, puis un autre en juin et enfin le cycle d’octobre. Pour chaque cycle, nous présentons généralement deux expositions, à chaque étage, et une petite exposition « Satellite » dans le foyer et la mezzanine en sous-sol. Note : Les expositions « Satellite » ne seront pas reprises à la réouverture du site. De plus, ces cycles de 4 mois seront revus pour la réouverture et les durées d’expositions seront plus variables qu’actuellement. Une antenne au Château de Tours En dehors de son bâtiment parisien, situé place de la Concorde, le Jeu de Paume s’est rapproché de la Ville de Tours pour présenter des expositions à caractère patrimonial valorisant les donations faites à l’État et les fonds d’archives conservés par des institutions publiques et privées, françaises et étrangères. Exposée au Château de Tours depuis 2010, cette 4
programmation a également pour ambition d’aller à la rencontre de nouveaux publics en région. Une programmation cinéma La programmation cinéma accompagne, quant à elle, nombre des expositions ou présente des rétrospectives en hommage à des cinéastes de la scène indépendante, française et étrangère. Axée sur le documentaire, l’essai, l’autobiographie ou l’inédit, cette programmation favorise la rencontre entre cinéastes et artistes. Un espace virtuel du Jeu de Paume Depuis 2007, le Jeu de Paume a souhaité élargir son champ d’expérimentation et de recherche en développant un site dédié, "l’espace virtuel", dont la programmation regroupe des projets d’artistes créés spécialement pour le web ou des expositions thématiques confiées à des commissaires spécialisés en arts numériques. Un magazine en ligne Le magazine, créé sur Internet en 2010, utilise des ressources multiformes (vidéo, galerie photos, fichier audio et textes) et prolonge ainsi le questionnement sur les usages des images à l’ère numérique. Le magazine est une plateforme unique de contenus artistiques, d’articles de fond, de visites virtuelles, de portfolios… Il génère sur le web des rencontres entre historiens, philosophes, artistes, commissaires d’exposition, réalisateurs, poètes et tous les publics amateurs. Note : Le magazine en ligne va changer de statut à la réouverture du lieu en février 2021 (plus d’information dans la suite du cahier des charges). b) Quelques chiffres En 2018, 245 000 personnes ont visité le Jeu de Paume, avec une moyenne de 5444 visiteurs par semaine. Nous présentons en moyenne 9 expositions par an. Vous pouvez consulter les derniers rapports d’activité sur notre site web : http://www.jeudepaume.org/index.php?page=liste&sousmenu=150 c) Public actuel et public cible Public actuel (suite à l’étude des publics réalisée d’octobre 2018 à juin 2019) ❚ 71,3 % de femmes ❚ 26 % d’hommes ❚ 38 % de 40-60 ans ❚ 24 % de 25-39 ans ❚ 22 % de plus de 60 ans ❚ 10 % de 20-25 ans ❚ 60 % d’actifs ❚ 18 % de retraités ❚ 17 % d’élèves-étudiants ❚ 75 % de CSP+ ❚ 95,2 % de français ou résidants en France 5
Public cible Nous aimerions élargir à un public plus international, ou du moins national. Nous aimerions pouvoir attirer des visiteurs du même profil que ceux que nous captons déjà, mais venant de grandes villes de province. d) Nos outils de communication *Outils de communication print : - Des affiches 40x60 diffusées en région parisienne. Depuis peu, nous envisageons l’affichage dit « sauvage » pour certaines expositions s’y prêtant - Des affiches dans le métro (affiches couloir) pour la plus grande exposition du cycle *Notre présence sur le web (issu du reporting du dernier cycle juin-septembre 2019) 6
NEWSLETTER MENSUELLE : 36 700 contacts RÉSEAUX SOCIAUX o Instagram : 86,4 K o Facebook : 102 K o Twitter : 63 K o LinkedIn : 1,7 K Nous sommes aussi présents sur Youtube et Vimeo. 2. Contexte et objectifs a) Présentation du site actuel : Constat et piste d’amélioration Le site actuel est obsolète. Développé en 2010, il n’a jamais bénéficié d’un suivi technique ni de mises à jour régulières. Hébergement Le site actuel est hébergé par N France, de même que nos emails. Le contrat de 2 ans, se termine en janvier 2021. Si nécessaire, le prestataire accompagnera le client dans le choix d’une autre solution d’hébergement. L’infrastructure proposée devra assurer disponibilité et stabilité. Noms de domaine Le nom de domaine principal est : jeudepaume.org Les noms de domaine jeudepaume.fr et jeudepaume.net sont déjà pris. En revanche, les noms de domaine : jeudepaume.paris et jeudepaume.com sont à la vente. Le prestataire évaluera l’utilité de les acheter pour optimiser le référencement du site. Navigation Actuellement, la navigation n’est pas fluide et bien trop « fourre-tout ». Toutes les activités / programmes sont mis sur le même niveau. Le visiteur a alors beaucoup de mal à retrouver les informations qu’il recherche. Dans le menu actuel, on trouve aussi bien : - Expositions - Cinéma - Activités - Éducatif - Éditions - Infos pratiques - Le magazine (avec lien de redirection) - Création en ligne (avec lien de redirection) - Libraire (avec lien de redirection) - Amis du Jeu de Paume - Ressources BackOffice 7
Le back Office du site n’est pas optimisé ni automatisé. Nous souhaitons le moderniser et le rendre plus flexible. b) Les enjeux et les objectifs listés Depuis mars 2019, le Jeu de Paume a changé de directeur et Quentin Bajac a succédé à Marta Gili. Un nouveau Jeu de Paume en 2021 Après une période de travaux allant de juin 2020 à janvier 2021, le Jeu de Paume rouvrira ses portes avec une nouvelle programmation et une nouvelle identité. L’intérêt suscité par le Jeu de Paume et l’accroissement du nombre de ses visiteurs rendent nécessaire des travaux d’adaptation et de remise aux normes, qui concernent l’ensemble du bâtiment. Le Jeu de Paume continuera de proposer une riche programmation hors-les-murs pendant toute la durée des travaux, en exportant son savoir-faire et ses expositions ambitieuses dans d’autres lieux. Dès février 2021, le public pourra redécouvrir ce lieu historique à l’occasion de la première saison conçue par Quentin Bajac. Avec l’exigence qui l’a toujours caractérisé, et dans un paysage culturel parisien d’une grande richesse, il s’attachera à cultiver ce qui fait sa spécificité : d’être le seul lieu parisien spécifiquement dévolu à l’image, un domaine en constante évolution et redéfinition, dont il entend prendre en compte toute la diversité, de la photographie à la réalité virtuelle. Sa programmation (expositions, projections, colloques, publications) sera traversée par des forces multiples : grandes monographies contemporaines, soutien à la jeune création par le biais d’un événement récurrent et à visée internationale, expositions thématiques et historiques, traitant des enjeux de l’image hier et aujourd’hui, programmation culturelle élargie et plus visible, saisons thématiques autour d’un sujet, d’un pays, d’une période. Le lancement d’une manifestation autour de la jeune scène, la première exposition à Paris d’une figure majeure comme Michael Schmidt (1945-2014), la venue d’une partie des icônes photographiques du MoMA ne sont que quelques-unes des pistes qui seront explorées en 2021, complétées par d’autres encore à l’étude. Pour que chaque saison soit l’occasion de surprises et de découvertes et le Jeu de Paume un lieu pleinement singulier au meilleur sens du terme : unique en son genre. Afin de donner une pleine visibilité à la jeune scène artistique, le projet propose de repenser la programmation très contemporaine du Jeu de Paume en créant une manifestation récurrente, au rythme irrégulier, qui s’étendra sur tout ou partie du site. Confiée à un ou des commissaires extérieurs et mêlant exposition et événements culturels et, parfois, pièces produites pour l’occasion, elle proposera une sélection internationale de la jeune création contemporaine dans les domaines de l’image entendue au sens large. Nouvelle identité graphique Une agence de graphisme travaillera en collaboration avec l’équipe du Jeu de Paume pour modifier son identité graphique. Le prestataire devra donc travailler avec cette agence pour décliner l’identité graphique et lui donner toute sa place sur le nouveau site web du Jeu de Paume. Un site web centré sur l’expérience utilisateur 8
L’objectif principal est de mettre les utilisateurs au cœur du dispositif digital et améliorer leur expérience sur le site. Nous voulons rendre l’information principale la plus évidente possible. Pour cela, nous avons prévu de : à Revoir l’arborescence globale du site, la hiérarchisation des contenus et les niveaux de lecture. à Repenser en détail les entrées par types d’usagers (les visiteurs « classiques » avant tout puis des accès pour les publics plus spécifiques comme la presse, les professionnels ou les abonnés) Favoriser l’achat de billets en ligne L’accès à la billetterie doit être possible depuis chaque page du site, quel que soit le support (desktop, mobile, tablette) et être bien mis en avant dès la Home page. L’utilisateur doit pouvoir accéder en un clic à la billetterie où qu’il soit sur le site. La billetterie en ligne ne représente aujourd’hui que 8% des ventes et nous avons comme objectif d’atteindre au moins 20%. Actuellement, la billetterie en ligne est gérée par Viva Tickets et n’est pas intégrée au site institutionnel. Nous sommes en train de réfléchir à une possible internalisation de notre système de billetterie en ligne. Si développement d’un site de billetterie il y a, cela se fera dans un deuxième temps et ne sera pas inclus dans le présent cahier des charges. Clarifier la situation avec le Château de Tours et prévoir un espace dédié Actuellement, le site web a été pensé comme si le Jeu de Paume avait deux lieux distincts : un à Concorde, Paris et un autre au Château de Tours. L’arborescence du site est entièrement basée sur cette double localisation. Or pour la plupart des utilisateurs, cette configuration n’est pas claire et induit en erreur. La nouvelle direction souhaite donc proposer un site web centré sur le Jeu de Paume, Paris et proposer les expositions et activités présentées au Château de Tours dans une catégorie à part, comme « antenne du Jeu de Paume » ou « hors-les-murs ». 9
II. Descriptif du projet 1. Adaptation d’une charte graphique existante Une agence de graphisme va travailler en collaboration avec l’équipe du Jeu de Paume pour proposer une nouvelle identité graphique. Le prestataire devra donc collaborer avec cette agence pour décliner l’identité graphique et lui donner toute sa place sur le nouveau site web du Jeu de Paume. 2. Arborescence et menu de navigation Le site sera dynamiquement géré par une base de données. Les menus, sections, catégories et articles devront être modifiables. Comme explicité précédemment, le menu actuel est trop fouillis, nous souhaitons donc le simplifier pour permettre aux visiteurs lambda de mieux trouver les informations qu’il cherche. Nous souhaitons proposer un confort de visite à l’utilisateur classique qui vient sur le site pour se renseigner sur la programmation, chercher des informations pratiques ou acheter ses billets. https://www.gloomaps.com/6F6hdbvwVH Nous avons imaginé une navigation simple à 3 grandes catégories : - Programmation - Visites, cours & ateliers (titre à améliorer) - Préparez votre visite Dans le menu « programmation », il y aurait : - Expositions - Cinéma - Événements Dans le menu « visites, cours & ateliers », il y aurait : - Visites - Cours - Activités en famille - Focus – Le collectif de jeunes bénévoles 10
Dans le menu « préparez votre visite », il y aurait : - Horaires, tarifs et accès - Accessibilité - Nos offres d’abonnement - Les visites hebdomadaires et mensuelles - Une section « un lieu de vie » avec liens vers la librairie, le petit café et la terrasse - Les FAQ et les contacts (Nous souhaitons pouvoir insérer nous-même des FAQ régulièrement en fonction des retours de l’équipe d’accueil) 3. Descriptif des pages du menu et la home page Les sous-menus doivent apparaître dès que la souris est placée sur le menu (en soit, un menu déroulant avec les principales catégories). Nous souhaitons également qu’il soit possible que lorsque le visiteur clique sur un menu ou un sous-menu, les sous-catégories apparaissent sur la même page. Un sous-menu sur une ligne pourra ensuite lui permettre de cliquer directement sur l’information qui l’intéresse. Exemple : https://www.fondationlouisvuitton.fr/fr/informations-pratiques.html Note : Nous avons préparé des maquettes qui ne sont ni exhaustives, ni ce que nous cherchons graphiquement. Les maquettes sont simplement là pour la présentation générale des informations et leur hiérarchisation. Le candidat devra proposer d’autres wireframes et zoning. a) La home page Pour la page d’accueil, nous souhaitons : - des boutons call-to-action mis en avant, le plus visible possible - un menu horizontal avec les 3 catégories de navigation - des images, vidéos ou GIF en page d’accueil, possiblement sous la forme d’un carrousel car nous aurons sûrement plusieurs expositions en même temps - les actualités à mettre en avant (événements, visites ou autres) choisies et programmées par le web master - deux images avec liens de redirection vers le site de la librairie et celui du magazine en ligne - de nouveau, des call-to-action, « achetez vos billets », « abonnez-vous » et « soutenez- nous » - Un lien vers une page dédiée à notre Antenne à Tours - Un footer (voir dans la partie II. 4.) - Un moteur de recherche en header, permettant une complétion automatique et un affichage à la volée des résultats de recherche pertinents. Voir la maquette en annexe 1. b) L’agenda Nous souhaitons développer un agenda dynamique qui rassemble toute la programmation du Jeu de Paume, aussi bien les expositions, les séances de cinéma que les cours du soir. L’agenda s’organisera en filtre. L’intégralité de l’agenda sera accessible via le call-to-action sur la « home page » et d’autres accès seront possible, en fonction des filtres. Par exemple, dans la page cinéma, on pourrait cliquer sur « tout l’agenda », et là nous aurions accès à l’agenda, mais avec seulement les séances de cinéma qui apparaissent. Voir la maquette en annexe 2 11
Option de réservation en ligne : Certaines de nos visites et activités ne sont pas payantes mais nécessitent une réservation en amont. Nous souhaitons que le candidat propose une fonctionnalité de réservation en ligne (sans transaction monétaire) avec mail de confirmation et possibilité de mettre en place une liste d’attente automatisée. Actuellement, les réservations se font par mail et nous trouvons cela obsolète et chronophage pour nos équipes. c) Le menu « Expositions » Il donne accès à « expositions en cours », « expositions hors-les-murs », « expositions en ligne », « archives ». • Une page type « Exposition » Lorsque l’on se trouve sur la page d’une exposition, les informations suivantes devront figurer dans l’ordre : - Titre + dates - Les « call-to-action » : « achetez votre billet » et « abonnez-vous » - Un teaser ou GIF à défaut - Un court texte de l’exposition - Un lien pour télécharger le PDF du document de médiation - Un portfolio avec environ 5 images - Vidéo(s) : les vidéos qui sont faites autour de l’exposition. Intégration du lien Youtube - Les événements liés à l’exposition : rencontres, visites - Un visuel avec lien de redirection pour acheter le catalogue - Un visuel avec lien de redirection pour acheter des goodies Voir maquette en annexe 3. • La page « Expositions hors-les-murs » Cette page différencie les expositions au Château de Tours des autres expositions hors-les- murs. Des petites images + titres pour ouvrir chaque page « exposition » de présentation. En bas de cette page « exposition hors-les-murs » un lien pour rediriger les professionnels et les curieux vers la page « expositions en circulation ». • La page « Expositions en ligne » Elle redirigerait directement vers le site du projet de l’artiste. Ce ne serait qu’un tremplin. d) Le menu « Cinéma » De même, dans le menu « cinéma », on trouve « en cours », « à venir » et « archives ». La page de présentation d’un cycle de cinéma devra se présenter ainsi : - Une barre horizontale avec liens cliquables vers les sous-menus : « à propos », « les séances », « les événements » - Dans « à propos », un teaser ou GIF, un texte de présentation et un lien vers la billetterie pour réserver. - Pour « les séances » : des vignettes pour chaque séance avec titre, visuel, tarif et court texte. Pour chaque vignette, la possibilité de cliquer sur « plus d’info » avec lien vers une page plus détaillée de la séance et/ou de réserver la séance (lien vers la billetterie) 12
- Pour « les événements en lien », simplement un visuel, titre et date + lien vers une page plus détaillée de l’événement. Événement qui se trouvera bien entendu également dans le menu « événements » et dans l’agenda. Voir maquette en annexe 4. e) La page « Événements » Nous ne souhaitons pas reprendre le modèle actuel avec des sous-sections pour chaque événement. En effet, nous n’avons pas assez d’événements pour les catégoriser. Ainsi, le menu « événements » dirigerait directement vers l’agenda avec seulement les informations sur les « évènements » (et non les visites, expositions etc.). Le visiteur pourrait tout de même cocher « tout l’agenda » s’il souhaite aussi avec les informations sur le reste. f) La page « Visites, cours et ateliers » Cette page serait précédée d’un menu horizontal avec chacune des 3 catégories. Dans « visites », il y aurait le détail de chaque formule de visites proposées par le Jeu de Paume : - Rendez-vous du Jeu de Paume (hebdomadaire) - Rendez-vous en famille - Visites conférences (pour les groupes – à réserver) - Les visites des mardis jeunes - Les autres visites ponctuelles par un intervenant extérieur Dans « cours », il y aurait : - Un texte de présentation générale - Le programme de chaque séance - Les boutons : « s’inscrire » (avec lien vers la billetterie) et « renseignements » (avec lien vers boite mail du service éducatif) Dans « activités en famille », il y aurait sur la même page : - Les « rendez-vous en famille » avec visuel et texte, ainsi que le bouton « réserver » qui mènerait vers une page où l’on peut automatiquement s’inscrire sans payer. - De même pour « les enfants d’abord » - + la possibilité de rajouter une catégorie à l’avenir g) La page « Préparez votre visite » De même, une barre de sous-menus devra apparaître pour sélectionner chaque sous-partie de la page. Les éléments suivants devront apparaître : - Un court texte de bienvenue - Le lien vers la billetterie - Les tarifs présentés sous forme de tableau graphique - Les horaires et accès : pareil, les horaires sous forme de tableau et une carte de Google Maps - Accessibilité avec texte + logos des handicaps - Nos offres avec « abonnement », « Focus le collectif » et « ami du Jeu de Paume » - Les visites hebdomadaires et les rendez-vous en famille mensuels 13
- Une section « un lieu de vie » avec liens de redirection vers « notre librairie », « le petit café » et « la terrasse » - Des questions avec le contact de l’accueil et des FAQ que nous aurons préparé et que nous voulons avoir la possibilité d’alimenter à l’avenir. Voir maquette en annexe 5. 4. Descriptif des « hubs », footers et call-to-actions Nous souhaitons intégrer dans le footer à la fois des liens vers des informations sur le Jeu de Paume et des entrées par typologie de public. a) Les infos sur le Jeu de Paume - Qui sommes-nous ? Ce lien redirigerait vers une page « à propos du Jeu de Paume » avec 4 sous-menus : *Le Jeu de Paume : Vidéo ou photo du lieu avec un texte de présentation et des liens pour télécharger nos 3 derniers rapports d’activité *Histoire du lieu : de même des textes et potentiellement des photos historiques *Une antenne au Château de Tours : page qui centraliserait toutes les informations sur le partenariat avec la ville de Tours, mais aussi un lieu vers l’exposition du moment et vers les activités organisées par le Jeu de Paume à Tours *Les équipes : Un bel organigramme avec les noms et certains contacts des équipes. Potentiellement une photo et une petite présentation du directeur et de la directrice adjointe. - Contacts Lien direct vers la page « Les équipes ». - Recrutement Un lien vers les offres s’il y en a et sinon, juste le mail de la personne à contacter pour candidature spontanée. b) Les entrées par type de public - L’espace « Presse » Espace réservé aux journalistes afin qu’ils téléchargent les dossiers de presse, les visuels d’exposition et les vidéos (teasers, portraits filmés ou autre). Espace géré exclusivement par l’attaché(e) de presse. Il faut donc prévoir un accès unique dans le Backoffice. Les communiqués et dossiers de presse seront en accès libre et téléchargeables par tous sans besoin de s’enregistrer. En revanche, pour télécharger les visuels en HD et les vidéos, ils devront se connecter ou s’enregistrer. 14
Pour se connecter, l’attaché(e) de presse pourra leur donner les codes en amont. S’ils n’ont pas les codes, ils peuvent soit contacter l’attaché de presse soit « s’enregistrer » et là, l’attaché de presse pourra accepter leur demande via le backoffice et des codes leur seront envoyés automatiquement. Dès le haut de la page, incitation à s’inscrire à la newsletter presse via un bouton call-to-action. Également, les coordonnées de l’attachée presse. Plusieurs sections pourront être crées et modifiées par l’administrateur de cet espace : « expositions en cours », « expositions à venir », « cinéma », « exposition au Château de Tours » etc. Une section « Jeu de Paume » pourra également être créée pour recenser les informations sur le lieu. Pour chaque section : un visuel de présentation + lien pour télécharger le dossier de presse + lien pour télécharger les visuels + lien pour télécharger les vidéos Voir la maquette en annexe 6. - L’espace « Abonnés » L’espace « abonnés » est réservé aux personnes qui ont déjà leur abonnement et qui souhaitent se renseigner sur leurs offres. La page est consultable par tous. En revanche, ils auront besoin de se connecter pour pouvoir s’inscrire aux activités et/ou bénéficier des offres. Leurs codes leur seront donnés lors de leur inscription (via Viva Ticket). En haut de l’espace, un bouton pour inciter à renouveler son abonnement, ou à l’offrir à un proche. Des sections ajustables par le Webmaster pour les types d’évènements / offres : « au Jeu de Paume », « chez nos partenaires » et autre. Voir la maquette en annexe 7. - L’espace « Amis du Jeu de Paume » L’espace Amis du Jeu de Paume serait pensé un peu de la même manière que l’espace abonnés mais avec des fonctionnalités en plus. De même, ils devront rentrer leurs codes pour pouvoir bénéficier des offres et/ou s’inscrire à des événements. Cette espace serait géré par le chargé des Amis du Jeu de Paume. - L’espace « Professionnel de la culture » Cet espace, ouvert à tous sans besoin de codes d’accès contiendrait les pages suivantes : une page dédiée à la présentation de nos éditions, une page dédiée à la circulation de nos expositions (expositions qui peuvent être achetées par des professionnels de la culture), et une page pour centraliser les appels d’offre. Nous voudrions aussi qu’un lien direct pour accéder à la page « entreprise » et vice versa car ce sont deux typologies de visiteurs qui peuvent se recouper. - L’espace « entreprise » 15
Cet espace, ouvert à tous, sans besoin de codes d’accès, contiendrait les pages suivantes : une page dédiée aux privatisations, une page dédiée au mécénat et les offres pour les comités d’entreprise et les associations. - L’espace « enseignants » C’est un espace dédié aux enseignants et équipes éducatives. Cet espace se divise en deux grandes sections. Sur cette page de présentation générale, devra figurer un bouton pour facilement télécharger la brochure qui résume tout cela et la possibilité de s’inscrire à la newsletter « enseignants ». Voir la maquette en annexe 8. *D’abord, un sous-espace « propositions pour les enseignants et équipes éducatives » qui regrouperait les ressources dont ils ont besoin et la possibilité de s’inscrire à des rencontres / visites. Toutes les informations seraient sur la même page mais ils pourraient cliquer sur la section qui les intéresse. Les sections pourront être ajoutées/ supprimées/ modifiées par le webmaster. Des boutons pourront permettre de s’inscrire à une rencontre, à télécharger un document, ou à rediriger sur un autre site (le magazine en ligne par exemple). Voir la maquette en annexe 8.a) *Puis, un sous-espace « actions en direction des scolaires » avec les visites et parcours proposés pour les classes. De même, nous souhaitons des sections modulables, des liens pour inscription, des liens de téléchargement et des liens de redirection vers d’autres sites. Voir la maquette en annexe 8.b) - L’entrée « famille » Cette entrée regrouperait automatiquement toutes les activités proposées pour les familles. Ce serait redirigé directement vers la partie « activités pour les familles » de l’agenda. - L’espace « Champ social » Un espace libre et ouvert à tous qui centralise toutes les rencontres et informations pour les associations du champ social. Voir la maquette en annexe 9. c) Les call-to-action - Abonnez-vous au Jeu de Paume Nous voulons créer une page moderne et interactive pour inviter les internautes à s’abonner, renouveler leur abonnement ou offrir un abonnement à un ami. Cette page présenterait les différents modules, les avantages, quelques informations pratiques. Il faudra également prévoir de les rediriger vers l’espace « abonnés » s’ils ont déjà un abonnement et souhaitent bénéficier de leurs offres. Voir la maquette en annexe 10. - Nous soutenir 16
Une page qui centraliserait les différentes possibilités de mécénat : mécénat d’entreprise (page également liée à l’espace « entreprise ») et adhésion aux Amis du Jeu de Paume (présenté à peu près de la même manière que la page « abonnez-vous »). - Achetez vos billets Lien direct vers le site « vente en ligne » pour acheter son billet. d) Les inputs newsletter et réseaux sociaux - L’inscription à la newsletter : quand un visiteur souhaite s’inscrire à notre newsletter, une fenêtre pop-up s’afficherait avec un formulaire à remplir. Ce formulaire, édité via mailchimp pourrait être modifiable à tout moment par le web master. De même, le message de validation d’inscription et potentiellement le mail de confirmation pourront être édités par les équipes du Jeu de Paume. Les données récoltées via ce formulaire devront être automatiquement transférés sur mailchimp et intégrés à la liste des inscrits - Des boutons de redirection vers nos réseaux sociaux : Instagram, Facebook, LinkedIn, Twitter 5. Sécurité, accessibilité et référencement Accessibilité Le site internet sera accessible au plus grand nombre, tout en étant respectueux des normes d’accessibilité françaises et internationales suivantes : - Web content accessibility guidelines - Mobile Web Best Practices - Référentiel Général d’Accessibilité pour les Administrations Conformité à la RGPD Le prestataire explicite les procédures, dispositifs et règles de gestion mis en œuvre pour garantir la conformité du site internet à la RGPD. Sécurité Le site web et le Back-office doivent être sécurisés et passer en HTTPS. Les adresses mails des équipes qui s’affichent sur le site doivent être protégées contre les bots. SEO et optimisation du site Quelle que soit la technique utilisée, nous souhaitons conserver nos positions SEO après la refonte. Nous sommes conscients des risques de la refonte pour notre référencement web et nous invitons la prestataire à bien s’informer des enjeux SEO. Possiblement en faisant appel à un consultant spécialiste SEO. Plus que conserver notre positionnement, nous souhaitons améliorer notre SEO actuel et potentiellement développer notre SEA. L’objectif est d’être en conformité avec les usages et les bonnes pratiques SEO afin d’améliorer la vitesse de chargement des pages ainsi que notre référencement. Des statistiques claires Script Google Analytics : tous les chiffres centrés sur Google Analytics Le tracking et les statistiques devront être assurées par la solution Google Analytics. Le prestataire sera chargé de la mise en place des tags dans le code source. Nous souhaiterions par exemple mettre en place le « Facebook pixel » pour améliorer nos publicités sur les réseaux sociaux. 17
6. Site bilingue Le site proposera deux langues, français et anglais, comme actuellement. La page en anglais sera bien moins fournie que celle en français. Certains événements et activités ne sont proposées qu’en français donc il n’est pas nécessaire de communiquer dessus sur la page en anglais. Le site anglais doit contenir l’essentiel, sur les expositions et les informations pratiques. 7. Version responsive La version mobile devra comporter le même contenu que sur le desktop mais agencé différemment pour mettre en avant le contenu essentiellement consulté sur mobile, à savoir : l’agenda, les informations pratiques (horaires, tarifs, accès) et l’accès à la billetterie. Le site doit être adapté automatique sur toutes les plateformes existantes actuellement : desktop, mobile et tablette, ainsi que sur tous les appareils (IPhone, Samsung etc.) 8. La question des archives Nous souhaitons un modèle en deux temps pour le transfert de nos archives. Tout d’abord, nous souhaitons transférer toutes les pages des expositions et des cycles de cinéma sur le nouveau site en incluant les dossiers documentaires (qui se trouvent actuellement dans la partie « ressources ») dans chaque page d’exposition. Ce transfert devra s’effectuer avant la mise en ligne en février 2021. Cela devra être fait par le prestataire retenu, le candidat est donc prié de l’inclure dans sa proposition financière. Ensuite, nous souhaitons développer un site médiathèque regroupant toutes nos archives augmentées (ressources audios, vidéos, textes et PDF). Cette deuxième partie est prévue ultérieurement et ne doit pas être pris en compte par le candidat dans sa proposition financière. 9. Les liens avec les autres sites a) Le Site de la librairie du Jeu de Paume Le Jeu de Paume a également un site marchand, le site de la librairie (https://www.librairiejeudepaume.org/) entièrement indépendant du site institutionnel. Une fois le site web mis en place, le prestataire devra se mettre en lien avec le développeur du site de la librairie afin que les grands principes graphiques adoptés soient intégrés et déclinés sur le site de la librairie. Il est primordial que le site de la libraire soit dans l’esprit graphique du nouveau site. Le prestataire devra donc collaborer pour ce faire. b) Le magazine en ligne du Jeu de Paume Comme évoqué précédemment, le magazine du Jeu de Paume sera également susceptible d’être entièrement refondu à l’ouverture du nouveau Jeu de Paume en 2021. Cette refonte reste à l’état de projet pour l’instant mais le prestataire choisi sera peut-être appelé à s’occuper de cette refonte. Le candidat devra envisager de nous fournir une proposition à tiroir incluant la refonte du magazine en ligne. Voir le pré-cahier des charges en annexe 11. 18
10. Le backoffice et droits d’accès Le backoffice doit être simple et facile d’utilisation et laisser à l’équipe en charge de l’édition le plus de liberté possible dans son administration, sa gestion et ses mises à jour, notamment au niveau des menus et sous-menus. Le backoffice devra prévoir une prévisualisation de la page avant mise en ligne. Les URL devront reprendre les mots clés des titres ou à défaut pouvoir être customisables par le webmaster. Toutes les fonctionnalités devront pouvoir être automatisables, programmées à l’avance pour laisser plus de liberté au webmaster. Les visuels devront pouvoir être automatiquement coupées en fonction des endroits du site où ils se trouvent. Le site sera dynamiquement géré par une base de données. Les menus, sections, catégories et articles devront être modifiables. Le site inclura un sitemap pour le référencement naturel notamment sur Google. Le sitemap doit se régénérer chaque fois qu’une nouvelle page est créée. 11. Gabarit de la newsletter Dans un deuxième temps, une fois le principe graphique du site web adopté, le prestataire devra proposer un template ajustable, reprenant les éléments graphiques principaux et la mise en page. Nos newsletters sont créées via Mailchimp. 19
III. Déroulement/ Conduite du projet Les prestations objet du présent marché s’articulent selon deux phases : Phase 1 : Conception, développement, intégration et mise en production du site internet Phase 2 : Maintenance du site internet Le démarrage de la phase 2 est conditionné par la réception de la phase 1. Concomitamment aux prestations récurrentes de la phase 2, le Jeu de Paume est susceptible de commander des prestations de conseil et d’assistance technique et/ou opérationnelle. Nous désirons travailler avec le prestataire selon la méthodologie agile. Nous entendons par cela un développement du site avec intégration des fonctionnalités en processus itératif basé sur une écoute de l’institution cliente et des tests tout au long de la mission de réalisation. Le Jeu de Paume pourra convoquer des publics spécifiques (abonnés, Amis, jeunes etc.) pour effectuer des tests au cours de la réalisation (avant mise en production) pour s’assurer que le site réponde bien à leurs attentes. 1. Questions de mise en production Les travaux de conception générale du site seront conduits en mode agile en collaboration avec le Jeu de Paume et l’agence garante de la nouvelle charte graphique. L’objectif de cette démarche est de créer une émulation dans une logique de co-construction. Ainsi, des ajustements seront effectués selon les différentes étapes de test. Le prestataire réalisera l’installation en préproduction et fournira un document détaillé permettant à l’hébergeur de réaliser les mises en production à partir des livrables fournis. Le Jeu de Paume souhaite une mise en production effective pour la réouverture du lieu en février 2021. 2. Maintenance a) Maintenance corrective La maintenance corrective est le maintien opérationnel de l’ensemble de la solution et a pour objet de fournir toute prestation destinée à remédier à des dysfonctionnements ayant pour conséquence l’impossibilité d’utiliser tout ou partie des fonctions du site. Ces corrections et interventions sont déclenchées à la demande écrite des interlocuteurs désignés au Jeu de Paume. Le Prestataire interviendra sur la solution pour effectuer le dépannage et mettre au point toute solution permettant de remédier définitivement à la difficulté rencontrée avec une obligation de résultat, et ce dans un délai maximum défini. Le prestataire est tenu d’avoir ou être en mesure d’avoir à sa disposition tout l’environnement (documentation, supports numériques…) dont il aura besoin pour son travail. Cette maintenance devra être effectuée jusqu’à ce que la solution soit de nouveau opérationnelle ou, et ce avec l’accord du Jeu de Paume, qu’une solution palliative soit trouvée. La maintenance corrective porte sur : - Les anomalies bloquantes, majeures et mineures (front office et back office) ; - Les changements de version mineurs du système d’exploitation en cours ; b) Maintenance évolutive La maintenance évolutive correspond à : 20
- Les changements de version majeurs du système d’exploitation en cours - Les changements de version majeurs de l’environnement de développement en cours - Les changements de version majeurs du CMS en cours et des composants associés - Les demandes d’évolutions fonctionnelles du CMS en exploitation (modification ou ajout de spécifications fonctionnelles dont la mise en œuvre s’apparente à un nouveau développement) ; - L’adaptation et actualisation à la réglementation applicable ayant un impact sur les fonctionnalités du CMS 3. Garanties Le prestataire retenu s’engage à garantir l’ensemble des prestations réalisées dans le cadre du marché, pendant une durée de 1 an à compter de la date de la fin de vérification de service régulier, une fois toutes les fonctionnalités validées. Pendant la période de garantie, le prestataire retenu s’engage à prendre en charge, selon des conditions qu’il précisera dans son dossier de réponse, la correction des anomalies constatées par le Jeu de Paume. Les délais contractuels de corrections des anomalies sont ceux de la maintenance. Au-delà de la garantie de 12 mois, le candidat fera une offre de maintenance sur le périmètre de l’offre en indiquant les niveaux de services rendus sur toute la durée du marché. 4. Formation Afin d’assurer un transfert de compétences et une autonomie complète dans la gestion de l’application, des sessions de formation devront être organisées par le titulaire. Ces formations seront destinées à l’équipe en charge d’administrer et de contribuer aux mises à jour. Les sessions de formation seront fondées sur des cas pratiques et adaptées à chaque profil : - Le webmaster qui supervisera le site web - L’attaché de presse qui aura accès et gèrera l’espace presse - Le chargé des Amis du Jeu de Paume qui aura accès et gèrera l’espace « Amis » - Le chargé des publics scolaires qui aura accès et gèrera l’espace « Enseignants » Le candidat devra inclure un plan de formation dans sa proposition de prix. 5. Planning et prix a) Proposition de prix Chaque candidat devra fournir une présentation détaillée du budget de la mission. Il précisera le nombre d’heures attribuées à chacune des étapes du projet. Le coût horaire sera détaillé selon la qualification des intervenants mobilisés et en fonction des différentes tâches de la mission. La proposition devra comprendre les éléments listés dans le présent cahier des charges, en incluant sous forme de proposition à tiroir la possible refonte du magazine en ligne envisagée. Les autres évolutions évoquées (création d’une médiathèque regroupant nos archives et internalisation de la billetterie) ne devront pas faire partie de la proposition financière. 21
b) Calendrier prévisionnel o Lancement de la consultation : 21 novembre 2019 o Date limite des dépôts d’offre : 21 décembre 2019 o Choix du prestataire : 13 janvier 2020 o Première séance de travail en présence du prestataire choisi pour validation la méthode de travail et le calendrier : semaine du 20 janvier 2020 Ce calendrier sera ajustable avec le prestataire retenu. Partant de cette base, le prestataire est invité à fournir son propre calendrier prévisionnel, ainsi qu’une présentation de sa méthode de travail avec le client, dans une note méthodologique argumentée. 6. Éléments à fournir pour le dossier Le prestataire devra fournir les éléments suivants, en appui de son offre : - Une note d’intention et d’orientations qui précise *Son analyse succincte des besoins *Sa vision générale du site internet et de ses extensions numériques *Ses préconisations fonctionnelles, ergonomiques et techniques visant à maximiser le nombre de visiteurs et d’achat de billets ainsi qu’à développer une stratégie numérique étendue, cohérente, efficace et moderne. - une proposition de maquette fonctionnelle de la home page du site sur desktop et mobile (présentation des contenus, navigation) avec des wireframes détaillés - une estimation du temps de travail consacré à chacune des étapes - un calendrier prévisionnel de réalisation - un contrat de maintenance du site web, renouvelable tous les ans - un plan de formation des équipes au BackOffice - un devis détaillé comprenant la totalité des prestations définies par le présent cahier des charges - le CV des intervenants (formation, expérience, références) et des exemples de réalisations antérieures pertinentes au regard des besoins exprimés Les offres devront être adressées par les candidats par mail à l’adresse : clemencecondemi@jeudepaume.org 22
ANNEXES Annexe 1 : Maquette de la Home Page Exemple : https://whitney.org/ 23
Annexe 2 : La page Agenda Exemple : https://www.lacma.org/events-calendar https://www.fondationlouisvuitton.fr/fr/agenda.html 24
Annexe 3 : Page type – Exposition 25
Annexe 4 : La page type – Cinéma 26
Annexe 5 : Menu « Préparez votre visite » Exemple : https://whitney.org/visit 27
Annexe 6 : Espace Presse 28
Annexe 7 : Espace pour les abonnés 29
Annexe 8 : Espace pour les enseignants Exemple : https://www.sfmoma.org/educators/ 30
Annexe 8 a) Détail de la page « propositions pour les enseignants et équipes éducatives » 31
Annexe 8. b) Détail de la page « action en direction des scolaires » 32
Annexe 9 : Page destinée aux acteurs du « champ social » 33
Annexe 10 : La page « abonnez-vous ! » Exemple : https://www.centrepompidou.fr/fr/Visite/Devenir-adherent 34
Annexe 11 : Pré-cahier des charges pour la refonte du magazine en ligne Le Jeu de Paume entend proposer une nouvelle formule pour son magazine web, crée en 2009. La ligne éditoriale et le rythme des publications évoluent sensiblement, ainsi que le fonctionnement du comité éditorial et de l’équipe de rédaction. Une nouvelle publication numérique émerge au sein du Jeu de Paume, originale et innovante. La ligne éditoriale du magazine Le magazine articulera deux temporalités et deux espaces qui cohabiteront : – Un dossier semestriel autour d’une question ou d’une problématique, tournée vers des sujets de société (histoire, politique, philosophie, environnement contemporain), en partant des images et de questionnements relatifs au visuel ou à l’histoire de l’art… Le dossier semestriel est traité par une dizaine d’intervenants, en utilisant différents types de ressources et de médias. – Quelques outils et rubriques permanents, dont l’objectif est de fidéliser les amateurs d’images, de livres, d’exposition. Il s‘agit d’imaginer 3 ou 4 formats qui viendront dynamiser le magazine, avec une forte identité éditoriale et stylistique, pour aller au-delà de la recommandation classique et éviter l’écueil de la consommation d’images ou d’événements. On pense à un agenda sous forme de tableau d’images, des interviews-déclarations anonymes, les carnets d’artistes ou blogs, les podcasts-parcours d’exposition, les portfolios, une généalogie (?), un workshop collaboratif en ligne (?)… Enfin, rappelons que le magazine web du Jeu de Paume convie toutes sortes d’images. Dans la lignée de l’institution, sa baseline reste “l’image en jeu”. Cette ouverture est essentielle et constitue une vraie richesse par rapport à des magazines spécialisés par genre (le documentaire / le reportage / l’actualité de l’art contemporain) ou par medium (la photographie / les arts numériques). Design, ergonomie – premières pistes de travail Les principales caractéristiques seraient les suivantes : – Un header où s’affiche le nom du magazine (à définir), un logo, une baseline, une identité graphique. – Un magazine qui s’ouvre sur des images et des mots, qui, d’entrée de jeu pose une question et s’adresse au lecteur. Le sujet en cours (dossier semestriel) est immédiatement abordé et invitant. L’internaute doit être stimulé. – Un nouvel édito tous les 6 mois, en lien avec le dossier semestriel. – Les images s’associent par juxtaposition, comme sur un tableau, un peu comme dans la version actuelle, mais de manière plus étendue, plus aérée. Peut-être faut-il limiter la homepage à 3 entrées pour le dossier semestriel, et à l’intérieur de chaque bloc se déploieront plusieurs contenus. En page d’accueil doivent cohabiter la partie « dossier » d’une part et les outils et rubriques permanents d’autre part. Il faudra trouver une manière de formaliser ces deux temporalités : celle du dossier de fond et 35
celle des « outils » (agenda-tableau, carnet) ou autres entrées spécifiques au magazine (l’interview anonyme, la série de parcours podcasts, les portfolios…) – La homepage n’est pas figée : le dossier est semestriel certes, mais il faut que nous puissions garder le même univers pendant six mois, tout en faisant bouger les lignes. De nouvelles publications s’ajouteront régulièrement pendant les 6 mois selon un rythme qui reste à définir. – Un menu discret car la navigation n’est pas structurée par sections et rubriques. Ce menu serait essentiellement tourné vers l’archive (anciens dossiers, carnets, portfolios, interviews) + une page « les contributeurs du magazine » ou « l’équipe » + un outil de recherche + un lien vers l’ancien magazine 2009-2020. – De manière générale, un soin particulier sera porté aux modes de présentation des images, que ce soit dans le cadre de portfolios, ou dans le corps des articles. Ce point fera l’objet d’un développement particulier pour répondre à différents cas de figure (légendes développées ou pas, galerie ou image isolée, dimensions et adaptation au support, scroll et/ou flèche, possibilité d’un affichage tableau, etc…) – L’internaute doit être invité à chercher, à naviguer de pages en pages. Il sera un peu chercheur à l’intérieur de ce magazine, entre les mots et les images. – Un magazine bilingue Français / Anglais, responsive. – Un footer avec les crédits, les partenaires, la newsletter. Des sources d’inspiration : CCA Montreal, Aware, American Suburb X, Ballast 36
Vous pouvez aussi lire