Février 2018

Cahier des charges Site internet et module d’invitations de La Colline

Contrat de développement et de maintenance

www.colline.fr

Février 2018 1/33

Sommaire Présentation du projet ..................................................................................................................................... 2 1.

La Colline – théâtre national ................................................................................................................. 2 1.1.

Maintenance du site internet ................................................................................................................. 2 1.2.

Développements du site internet ......................................................................................................... 3 1.3.

Contenus et publics ................................................................................................................................ 3 1.4.

Fréquentation .......................................................................................................................................... 4 1.5.

Langues .................................................................................................................................................... 4 1.6.

Supports ................................................................................................................................................... 5 1.7.

Ressources ............................................................................................................................................... 5 1.8.

Charte graphique .............................................................................................................................................. 5 2.

Préambule ................................................................................................................................................ 5 2.1.

Couleurs ................................................................................................................................................... 5 2.2.

Typographie ............................................................................................................................................. 7 2.3.

Description fonctionnelle et technique ........................................................................................................ 8 3.

Arborescence ........................................................................................................................................... 8 3.1.

Arborescence actuelle ................................................................................................................... 8 3.1.1.

Proposition d’un nouveau menu ................................................................................................. 9 3.1.2.

Description fonctionnelle ....................................................................................................................11 3.2.

Le backoffice ................................................................................................................................11 3.2.1.

Menu recherche et inscription newsletter ...............................................................................15 3.2.2.

La Fonction invitation ................................................................................................................16 3.2.3.

Réseaux sociaux ...........................................................................................................................20 3.2.4.

Le contenu .............................................................................................................................................20 3.3.

Diaporama d’accueil (non présent sur la version mobile) ....................................................20 3.3.1.

Îlots de la page d’accueil .............................................................................................................21 3.3.2.

Les fiches spectacle .....................................................................................................................22 3.3.3.

Page Evénement ..........................................................................................................................23 3.3.4.

Pages Ateliers pour tous, Publics jeunes, Public en situation de handicap, Archives et 3.3.5.Equipe ........................................................................................................................................................25

Les espaces privés et Versant Est .............................................................................................25 3.3.6.

Version anglaise ...........................................................................................................................31 3.3.7.

Contraintes techniques ........................................................................................................................31 3.4.

Ressources humaines nécessaires .......................................................................................................32 3.5.

Prestations attendues et modalités de sélection des prestataires ............................................................32 4.

Prestations attendues ...........................................................................................................................32 4.1.

Planning et méthodologie de suivi .....................................................................................................32 4.2.

Modalités de sélection ..........................................................................................................................33 4.3.

Février 2018 2/33

Présentation du projet 1.

La Colline – théâtre national 1.1.

La Colline, théâtre national dirigé par Wajdi Mouawad, est le dernier né des 5 théâtres nationaux dédiés à

l’art dramatique (1988) et entièrement subventionné par le ministère de la Culture, avec, à Paris, La

Comédie Française, l’Odéon, le Théâtre National de Chaillot, et à Strasbourg, le TNS. C’est l’une des

premières institutions culturelles d’importance à s’être implantée dans l’Est parisien.

Le théâtre présente chaque année entre 12 et 20 spectacles dans les deux salles : principalement des

coproductions. Entre 280 et 350 représentations sont proposées par saison, sans compter les tournées.

La fréquentation annuelle oscille entre 85000 à 100000 spectateurs.

Le décret n° 2002 – 110 du 24 janvier 2002 modifiant le décret constitutif du 31 mai 1972 et les suivants

fixe le statut actuel du Théâtre national de la Colline. Il précise que le Théâtre national de la Colline est un

établissement public à caractère industriel et commercial (EPIC) chargé de la gestion artistique et

financière des salles de spectacles dont il dispose et placé sous la tutelle du ministre de la Culture.

Depuis avril 2016, l’auteur metteur en scène et comédien Wajdi Mouawad dirige le théâtre de La Colline.

Son projet artistique s’articule autour de quatre axes fondamentaux : l’écriture et la création, la diversité, la

jeunesse et le territoire. Le théâtre programme exclusivement des pièces contemporaines écrites par des

auteurs vivants et propose des événements ancrés dans le territoire du 20ème arrondissement. Ces

événements jalonnent l’année en marquant les solstices et équinoxes des saisons.

Maintenance du site internet 1.2.

La Colline dispose de deux sites internet distincts un site vitrine et un site e-commerce.

Nous recherchons un prestataire pour effectuer des développements et une maintenance sur le site vitrine

disponible à cette adresse : http://www.colline.fr/ et sur le module invitations, lesquels doivent toujours

être accessibles aux utilisateurs.

Le site internet de La Colline est consulté via des plates-formes mobiles, il est indispensable qu’il soit

responsive et ergonomique sur ce support.

Le travail mené sur le site internet de La Colline nécessite une maintenance et différents développements

précisés dans ce cahier des charges. Cela pourra faire l’objet de plusieurs étapes de travail selon une

proposition de calendrier à discuter avec le prestataire (voir 4.2.).

Le prestataire devra s’engager envers La Colline à fournir les types de services suivants sur le site actuel de

La Colline, dans la limite des heures de maintenance détaillé dans le futur contrat :

- Maintenance corrective

Résolution de problèmes affectant le bon fonctionnement du site, de son back-office, du module de

réservation en ligne des invitations ou de la partie Versant Est.

- Maintenance évolutive

Déplacement de rubriques, changements d’intitulés, ajout de pages standards, aide à la gestion éditoriale.

Février 2018 3/33

- Mise à jour de l’applicatif

Le prestataire devra mettre à jour le cœur et les modules du CMS Drupal 7 (ou autre selon ses

préconisations) afin d’assurer la sécurité du serveur

- Sauvegarde

Une sauvegarde mensuelle complète du site, incluant la base de données, les fichiers du site ainsi que les

médias ajoutés par le biais du back-office, la restauration du site à partir de cette sauvegarde en cas de

problème.

Le prestataire s’engagera aussi, dans le cadre d’un forfait spécifique, à intégrer les changements graphiques

et à accompagner la création des nouvelles pages liées au changement de programmation (notamment le

dévoilement au public de la programmation 2019 en septembre 2018).

- Conseil et formation de l’équipe Communication

Le prestataire sera en charge de rédiger les tutoriels et d’accompagner l’équipe de communication dans

l’utilisation du back-office, du module de réservation des invitations en ligne et de la partie Versant Est.

Ce contrat de maintenance et de développement sera actif sur une période d’un an.

Pour l’édition, le site dispose d’un backoffice propre qu’il faudra intégrer aux phases de travail.

Développements du site internet 1.3.

Le site internet de La Colline dispose actuellement d’une connexion http. Nous souhaitons à l’avenir le

faire basculer sur un protocole https.

Lors du lancement de saison en septembre de chaque année, le prestataire sera chargé de créer un

nouveau menu « Année 2019 » qui apparaîtra en sus des spectacles en cours (Année 2018). Le client

intègrera lui-même les contenus des spectacles à venir. Fin juin, la date restant à préciser, le prestataire

déplacera le contenu de la rubrique « saison en cours » dans les archives spectacles.

Depuis mai 2018, l’identité graphique du théâtre est conçue par Pierre di Sciullo (http://quiresiste.com).

Le site internet nécessite une harmonisation en dialogue avec le graphisme.

Nous souhaitons donc faire évoluer le site et ses pages (design, ergonomie, etc) de façon globale.

Plusieurs pages identifiées dans ce document (liste non exhaustive) feront l’objet d’un développement plus

précis (voir partie 3 - p.7).

Nous ne souhaitons pas obligatoirement conserver le site actuel ainsi que notre backoffice. Il est

nécessaire d’avoir un accompagnement de notre prestataire sur les choix de refonte de notre site

internet.

Contenus et publics 1.4.

Le site internet de La Colline héberge plusieurs types d’informations :

Informations pratiques (présentation du théâtre, accès vers la billetterie en ligne, information et

modalités de réservation et d’adhésion (carte Colline), des services, accès, contacts, équipe,

espaces etc.) ;

Février 2018 4/33

Présentation des spectacles d’une année (de janvier à décembre), cette partie du site change

tous les ans (fiches spectacle, éphéméride (calendrier de l’année))

Les fiches spectacles peuvent contenir du texte, des médias (photos et vidéos) et des documents à

télécharger

Exemple : http://www.colline.fr/fr/spectacle/lhomme-hors-de-lui ;

Archives, toutes les fiches spectacles sont au fur et à mesure des années conservées sur notre site

et accessibles via cette page : http://www.colline.fr/fr/spectacles-archives;

Versant Est (non adapté pour le mobile), une partie du site internet est consacré à une plate-

forme pédagogique sécurisée accessible grâce à un admin (colline) et un mot de passe (colline). Il

héberge une grande quantité d’informations sur les spectacles de l’année en cours ;

Cette plate-forme dispose de ses propres archives à conserver (voir partie 3.3.7 - p.25).

> http://www.colline.fr/fr/versant-est ;

4 espaces professionnels dédiés distinctement aux journalistes, aux équipes techniques, aux

partenaires et aux professionnels du spectacle en recherche d’emploi. Plusieurs médias y sont

disponibles.

PRESSE

> http://www.colline.fr/fr/professionnels/bureau-de-presse

admin : presse / mdp : 1425

TECHNIQUE

> http://www.colline.fr/fr/professionnels/technique

admin : technique / mdp : 1435

PRODUCTION

> http://www.colline.fr/fr/professionnels/tournees-productions

admin : production / mdp : 1440

EMPLOI

> http://www.colline.fr/fr/page/emploi-commandes-publiques

Voir les évolutions et développements souhaités de ces espaces dans la partie 3.3.7. – p.25.

Le site internet de La Colline s’adresse donc à plusieurs types de publics :

Cible principale : Le grand public qui recherche des informations sur les spectacles (textes,

photos, vidéos) et des informations pratiques (dates, horaires, prix, campagne d’adhésion,

événements etc.) ;

Cible secondaire : Les professionnels (espaces dédiés) qui recherchent des documents techniques

ou des informations plus poussés sur ces spectacles.

Fréquentation 1.5.

La fréquentation du site internet représente mensuellement :

de 40 000 à 70 000 sessions.

de 30 000 à 50 000 utilisateurs uniques

de 85 000 à 160 000 pages vues

Langues 1.6.

Le site dispose de deux langues : français et anglais. L’anglais est accessible via le menu du site.

La version anglaise est gérée sur le même backoffice (version allégée de la version française).

Février 2018 5/33

http://www.colline.fr/en

Supports 1.7.

Le site internet de La Colline est adapté à tous les supports mobiles et ordinateur (excepté pour la partie

Versant Est accessible seulement sur support ordinateur).

Ressources 1.8.

En interne, deux personnes seront référentes et ressources dans le développement du site internet :

Fanély Thirion, responsable de communication, 01 44 62 52 38, f.thirion@colline.fr

Laurine Gandubert, chargée de communication, 01 44 62 52 82, l.gandubert@colline.fr

La Colline dispose d’un service informatique qui pourra être support sur des questions techniques :

Cem Baran, responsable informatique, 01 44 62 52 83, c.bram@colline.fr

Amine Bellahcen, employé informatique, 01 44 62 54 34, a.bellahcen@colline.fr

Charte graphique 2.

Préambule 2.1.

Notre nouvelle charte graphique, mise en place en mai 2018, a été conçue par le graphiste/typographe

Pierre di Sciullo, il est essentiel que le design du site internet soit discuté en équipe (graphiste, agence web

et La Colline).

Nous portons une attention particulière à la lisibilité des contenus. Nous souhaitons éviter la surcharge

d’informations et optimiser leur hiérarchie ainsi que privilégier une mise en forme aérée. Pour cela il est

nécessaire de repenser certaines mises en page, et plus particulièrement la place des visuels.

L’harmonisation du site n’est pas terminée, sur quelques pages il subsiste des éléments de l’ancienne charte

graphique (typographie, couleurs, menus). Nous souhaitons harmoniser ces éléments. Il reviendra au

prestataire d’identifier les pages concernées afin de les modifier.

Les personnes ressources citées seront support dans cette étape de travail.

Couleurs 2.2.

Le site internet de La Colline est actuellement aux couleurs des années 2017-2018.

Chaque saison (automne, hiver, printemps, été) a deux couleurs prédominantes qui changeront chaque

année.

Couleurs de l’année 2017/2018 :

Automne : orange #944F11 / bleu #0071b9

Hiver : gris #868689 / vert #0092a7

Printemps : rose #a12550 / vert #83b81a

Eté : rouge #e95e27 / gris #003867

Ces couleurs sont déclinées selon la saison dans laquelle est programmé le spectacle dans les éléments cités

ci-dessous :

Février 2018 6/33

fiches spectacle ;

traitement des visuels du diaporama ;

traitement des visuels dans les îlots de la page d’accueil ;

éphéméride.

Ces choix devraient impacter la totalité du site.

Pour le moment sur plusieurs pages du site les couleurs (rouge et vert) de l’ancienne charte graphique sont

toujours présentes. Il faudrait les modifier sur la totalité des pages. Ces couleurs sont par défaut actives sur

tous les titres (vert) et hyperliens (rouge) des pages créées (à l’exception des fiches spectacle).

Exemple des déclinaisons de couleurs :

Diaporama d’accueil

Îlots de la page d’accueil :

Février 2018 7/33

Fiches spectacle :

Ephéméride : http://www.colline.fr/fr/ephemeride

Typographie 2.3.

La typographie du théâtre (print et web) est le « Gararond », une police créée par Pierre di Sciullo.

Tous les titres des spectacles sont manuscrits et insérés sous forme d’images dans les différentes pages du

site web.

Dans certaines pages, l’ancienne et la nouvelle police cohabitent (voir-ci-dessous). Il faudrait harmoniser

l’ensemble du site afin de conserver seulement la police Gararond.

Février 2018 8/33

Description fonctionnelle et technique 3.

Arborescence 3.1.

Arborescence actuelle 3.1.1.

Page d’accueil

Lien vers chaque fiche spectacle (x20)

Lien vers chaque fiche spectacle billetterie (x20)

MENU

Années 2017–2018

Manifeste

Équinoxes et solstices

Spectacles

Événements

Éphéméride

Infos pratiques

Comment venir ?

Comment réserver ?

Nous contacter

Bar et librairie

Billetterie

Février 2018 9/33

Tarifs et cartes Colline

Vente en ligne (lien vers la billetterie en ligne)

Spectateurs

Ateliers pour tous

Publics jeunes

Public en situation de handicap

Versant Est - espace ressource (espace privé)

Visite virtuelle

Wajdi Mouawad

Biographie

Bibliographie

Journal

Sur la route

La Colline

Présentation

Équipe

Espaces

Groupe des lecteurs

Mécènes

Partenaires

Développement durable

Egalité-Diversité

Mise en jardin

Archives

Crédits

Professionnels

Bureau de presse (espace privé)

Technique (espace privé)

Production et diffusion (espace privé)

Emploi et commande publique

Proposition d’un nouveau menu 3.1.2.

Février 2018 10/33

Pour le moment, le site de La Colline dispose d’un menu unique.

Nous souhaiterions faire évoluer ce menu :

Mettre en avant avec un accès direct hors menu principal sur la page d’accueil à :

o La billetterie en ligne grâce à un bouton « Billetterie » ou « Réserver »

o Les actualités et événements organisés en parallèle de notre programmation

théâtrale (rencontres, conférences, concerts) grâce à un module visible sur la page

d’accueil accompagné d’une photo ou non.

Ce module devra pouvoir héberger plusieurs actualités (entre 0 et 5) sous forme de

liste ou de diaporama.

Il devra selon notre actualité pouvoir être supprimé facilement si nous n’avons pas

d’événement à mettre en avant.

o L’inscription à la newsletter mensuelle grâce à un module simple

o La programmation complète grâce à un bouton « programme » sur la page

d’accueil

o Le choix de langues, ENG/FR

o L’éphéméride (calendrier à repenser dans son design) que l’on souhaite lier aux

différentes applications de calendrier (possibilité avec un bouton d’ajouter un

spectacle ou un événement à son agenda sur smartphone ou mail)

o Conserver sur cette page notre logo, adresse et numéro de téléphone

Nous souhaitons conserver un menu de navigation mais en rationalisant les thématiques

proposées comme ci-dessous.

Chaque menu déroulant devra comporter une indication graphique expliquant qu’il se déroule (cf Théâtre

de Vidy Lausanne)

Les spectacles

(Programme 2019 à mettre en place en septembre)

Programme 2018

Evénements

Sur la route

Archives

Billetterie et infos pratiques

Billetterie en ligne

Comment réserver ?

Offrir un bon cadeau

Comment venir ?

Groupe / Tribu

Bar et librairie

Nous contacter

Adhésions et avantages

Adhérez

Février 2018 11/33

Avantages adhérents du mois

Actions culturelles ------> à discuter avec les RP

Ateliers et rencontres

Jeunes et étudiants

Publics en situation de handicap

Versant Est - espace ressource

La Colline

Présentation

Equipe

Nos engagements

Emplois et commandes publiques

Partenaires

Wajdi Mouawad

Biographie

Bibliographie

Journal

Nous soutenir

Projets

Mécènes

Devenez amis de La Colline

Espaces professionnels

Bureau de presse

Versant Est

Production et tournée

Visite 360° et espaces techniques

Description fonctionnelle 3.2.

Le backoffice 3.2.1.

Pour l’édition, le site dispose d’un backoffice propre : http://www.colline.fr/user

Les fonctionnalités sont limitées à l’édition de pages déjà créées et l’outil est à repenser pour une utilisation

simplifiée et optimale.

Nous souhaitons fortement faire évoluer cette partie du site afin d’être autonomes dans

l’édition et la publication de nouvelles pages ;

Février 2018 12/33

l’ajout de page dans le principal menu de navigation ;

la mise en page des articles (insertion d’images, mise en forme de texte, insertion de

tableau) ;

la suppression d’images dans la bibliothèque,

l’accès aux archives du backoffice clairement identifiées (anciennes fiches spectacle,

anciens événements…).

Le backoffice permet aussi de gérer les espaces privés et l’édition de Versant Est.

Avec le changement de programmation, cette partie du backoffice souffre de bugs qu’il faudra étudier.

activer l’affichage de la liste des pages thématiques pédagogiques 2017-2018 (il s’agit de la

liste des pages associées à chaque spectacle par thématique

ex : une page son, une page scénographie, une page écriture etc. (voir point 3.3.2.2. >

fiche spectacle) ;

revoir l’outil de mise en page des articles (insertion d’images, mise en forme de texte,

insertion de tableau et de lecteurs audio et vidéo).

Extrait du Backoffice :

Accueil :

Février 2018 13/33

Fiche spectacle :

Ajout des dates et horaires à la fiche spectacle

Février 2018 14/33

Ajout de documents à la fiche spectacle :

Ajout d’un document dans un des espaces privés :

Février 2018 15/33

Ajout d’informations dans une fiche spectacle de l’espace Versant Est :

Modification d’une page :

Menu recherche et inscription newsletter 3.2.2.

Le site propose un menu de recherche que nous souhaitons conserver et optimiser.

Le site doit permettre de s’inscrire à notre newsletter. Nous souhaitons développer un module permettant

aux internautes de s’inscrire avec les champs : nom, prénom et adresses-mails et de choisir différentes

newsletter auxquelles s’inscrire (newsletter mensuelle, newsletter Bons Plans, newsletter professionnelle).

Puis, avoir la possibilité d’exporter ces infos afin de les importer dans notre logiciel de CRM.

Février 2018 16/33

La Fonction invitation 3.2.3.

Le site internet de La Colline héberge un module invitations. Ce module est lié aux fiches spectacles.

Chaque spectacle fait l’objet d‘un envoi d’invitations via une newsletter. L’invitation est nominative et liée

à l’adresse mail de l’invité.

Pour le moment nous souhaitons conserver ce module. Un autre module pourra être proposé dans la

phase 2 du projet.

Le lien d’invitation (voir ci-dessous) permet aux invités d’accéder à une page dédiée leur permettant de

faire un choix de séance.

Lien de la page d’accès :

http://www.colline.fr/invitation?s=10511&m=l.gandubert@colline.fr

numéro de la fiche spectacle

adresse mail de l’invité

Page d’accès à l’invitation (coté invité) :

Février 2018 17/33

Après le choix de l’invité :

Back-office du module invitation :

Le back-office du module invitation est différent du back-office du site internet. Il est accessible via l’url

suivante :

http://www.colline.fr/sites/all/invitation/maj/

La liste des invités est préalablement chargée dans le back-office du module invitations.

C’est aussi via ce back-office que la personne en charge des invitations valide ou invalide une demande. La

validation ou l’invalidation de la demande d’invitation est suivi d’envoi d’e-mail automatique

correspondant.

Février 2018 18/33

Exemple mail de refus :

Chargement de la liste d’invités en format CSV (Prénom, Nom, mail)

Février 2018 19/33

Gestion des validations

Ajout d’un spectacle

Développements souhaités :

Gestion des validations :

Présentation sous forme de tableau : agrandir les colonnes afin que l’ensemble des infos

apparaisse sur une seule ligne et soit alignée et ajouter des filets pour aider à la lecture

Toujours classer par date de représentation

Afficher en premier les demandes d'invitations de la catégorie 2 soit 2 invitations (la catégorie

1 est 1 invitation + 1 détaxe)

Février 2018 20/33

Peut-on ajouter un champ « date de la réservation de l’invitation » ainsi qu’un champ « date de

traitement de la demande » ?

Conserver la trace des demandes traitées

Exporter les demandes en format csv

Être autonome pour modifier le contenu des mails automatiques

Chargement des listes de mails

S’assurer que la mise à jour du fichier mails ne génère pas de bugs pour les utilisateurs.

Possibilité d’écraser complètement le fichier.

Réseaux sociaux 3.2.4.

Nos réseaux sociaux sont accessibles de la page d’accueil et nos infos spectacle sont disponibles au partage

grâce au service « Add This ».

Nous souhaitons penser notre communication en ligne globalement. Nous attendons du prestataire de

nous conseiller sur nos choix dans ce domaine, c’est un enjeu primordial dans le développement de nos

futurs outils de communication et de relations publiques.

Nous souhaitons nous appuyer sur les réseaux sociaux existants pour créer des espaces de discussion,

d’échanges et d’informations, toujours en lien avec les actualités présentes sur notre site internet.

Le contenu 3.3.

Diaporama d’accueil (non présent sur la version mobile) 3.3.1.

Développements souhaités :

Nous attendons que le prestataire soit force de proposition sur le design de cette page d’accueil

Le temps de chargement de ce diaporama est particulièrement long, et le scrolling pour découvrir

les spectacles présentés en dessous n’est pas évident. Nous souhaiterions améliorer cette page

d’accueil afin que la navigation se fasse plus naturellement.

Trouver un nouvel équilibre entre typographie (au centre de notre identité graphique) et l’image.

Ajouter quelques éléments en accès direct (à sortir du menu de navigation) visibles dès la page

d’accueil (Voir partie Arborescence future 3.1.2. – p.9)

o La billetterie en ligne grâce à un bouton « Billetterie » ou « Réserver »

o Les actualités et événements organisés en parallèle de notre programmation

théâtrale (rencontres, conférences, concert) grâce à un module visible sur la page

d’accueil accompagné d’une photo ou non.

Ce module devra pouvoir héberger plusieurs actualités sous forme de liste ou de

diaporama.

Février 2018 21/33

Il devra selon notre actualité pouvoir être supprimé facilement si nous n’avons pas

d’événement à mettre en avant.

o L’inscription à la newsletter mensuelle grâce à un module simple

o La programmation complète grâce à un bouton « programme » sur la page

d’accueil

o Le choix de langues, ENG/FR

o L’éphéméride (calendrier à repenser dans son design) que l’on souhaite lier aux

différentes applications de calendrier (possibilité avec un bouton d’ajouter un

spectacle ou un événement à son calendrier sur smartphone)

o Conserver sur cette page notre logo, adresse et numéro de téléphone

Îlots de la page d’accueil 3.3.2.

La page d’accueil du site actuel est composée d’îlots présents en dessous du diaporama d’image,

accessibles en scrollant, qui présente la totalité de la programmation annuelle. Chaque îlot présente un

spectacle, ils sont rangés par ordre chronologique.

Les spectacles passés sont présents en fin de pages et viennent se classer automatiquement après la

dernière date de représentation.

Nous souhaitons garder cette méthode de rangement et de présentation.

Développement souhaité :

Sur ces îlots, un filtre est appliqué automatiquement sur les images selon la saison à laquelle elles

appartiennent. Les photos ayant des saturations et des luminosités très différentes, il faudrait

pouvoir appliquer deux types de filtres différents (un « produit » et un « incrustation ») afin de

mieux distinguer les photos.

Février 2018 22/33

Les fiches spectacle 3.3.3.

Chaque fiche spectacle contient toutes les informations relatives à sa création artistique.

Nous proposons :

des textes de présentations

des photos

des vidéos

des documents à télécharger (programme de salle, dossier de presse, affiche, tract)

bouton d’action réservation.

exemple de fiche spectacle : http://www.colline.fr/fr/spectacle/la-maison

Développements souhaités :

Ces fiches spectacle doivent évoluer afin de proposer :

un menu de navigation ou toute autre proposition pour faciliter la navigation ;

un autre système pour visionner les photos et vidéos du spectacle

Les vidéos sont pour le moment hébergées sur le site https://www.theatre-video.net/ ce qui nous

permet d’utiliser ce lecteur ;

les logos des partenaires du spectacle ;

Un bouton d’accès direct à la plate-forme Versant Est (vers la page du spectacle concerné si les

personnes sont déjà connectées à Versant Est) ;

Nous attendons que notre prestataire soit force de proposition sur ces éléments.

> Proposition à discuter : Nouvelle mise en page des fiches spectacle

Proposition nouveau gabarit à discuter

o Elargir la page pour moins de scroll

o Nous imaginions créer un sous-menu pour hiérarchiser les infos de cette fiche spectacle

mais ne sommes pas convaincus de cette solution.

o Ajout d’ancres pour naviguer grâce à l’insertion d’un menu (voir comment faire

apparaître ces ancres pour obtenir des statistiques Google Analytics)

o Insérer un diaporama avec miniatures des photos à la place des photos qui viennent à la

suite les unes des autres peut-être comme ci-dessous:

o Insérer un lecteur vidéo avec un menu vidéo (idem modèle photo) à la place des vidéos

qui viennent à la suite les unes des autres.

Février 2018 23/33

Page Evénement 3.3.4.

En plus des spectacles, le théâtre de La Colline propose des événements ponctuels toute l’année. Il s’agit

de rencontres, concerts, conférences etc.

Ces événements sont référencés sur une page actuellement accessible dans le sous-menu « événement »

dans le menu principal « Année 2017-2018 ».

Nous souhaiterions trouver un moyen de rendre certains de ces événements plus visibles dès la page

d’accueil comme expliqué dans la partie précédente.

Actuellement, nous ne sommes pas autonomes pour mettre en avant ces événements sur la page d’accueil

du site, notamment dans le diaporama.

Développements souhaités sur la page événement :

Revoir le design de la page actuelle pour y ajouter des visuels

http://www.colline.fr/fr/evenements-17-18

Ajouter les événements passés à la fin comme sur le modèle de la page d’accueil où les spectacles

passés se déplacent automatiquement à la suite ;

Mettre en place une fonction déroulé comme sur l’exemple ci-dessous ou la possibilité de créer

une page par événement ;

Mettre en avant dès la page d’accueil certains des événements annoncés sur cette page.

Conserver les archives des publications « événements » (ou au moins pouvoir accéder à ces

archives via le back-office).

Lier la zone « rencontre » des fiches spectacle à la page « événement » avec la possibilité d’activer

ou de désactiver ce lien.

Nous attendons que notre prestataire soit force de proposition sur ces éléments.

Création d’un menu ?

photo

vidéo

rencontre

tournée

documents

versant est

édition du texte

Février 2018 24/33

Page actuelle :

Proposition de page avec les événements non-déroulés :

Février 2018 25/33

Proposition de page avec un événement déroulé :

Pages Ateliers pour tous, Publics jeunes, Public en situation de handicap, Archives et 3.3.5.

Equipe

http://www.colline.fr/fr/page/les-ateliers-tout-public

http://www.colline.fr/fr/page/publics-jeunes

http://www.colline.fr/fr/page/public-en-situation-de-handicap

http://www.colline.fr/fr/spectacles-archives

http://www.colline.fr/fr/page/lequipe

Développements souhaités :

Développer, repenser le design ces pages avec le même gabarit que la page « Evènement » avec

une image à gauche et un mini texte à droite. Chaque titre correspondrait à un bloc à dérouler.

Pour la page Archives, chaque année sera illustrée par un visuel en mode enroulé, et en mode

déroulé apparaîtraient la liste des spectacles.

Pour la page Equipe, proposer un autre système que celui des flèches qui se déroulent. Ce système

bugue souvent et n’est pas optimal dans son utilisation.

Le prestataire est libre de proposer un autre système de présentation.

Les espaces privés et Versant Est 3.3.6.

Février 2018 26/33

Presse, Technique et Production 3.3.6.1.

Espace presse

Développements souhaités :

Côté professionnel (public) :

Créer une page de « menu » avec la liste des spectacles (titre, auteur, metteur en scène, dates et

visuel ou vidéo)

Créer une page dédiée à chaque spectacle où seront regroupés tous les éléments (au lieu d’une

page unique)

Le gabarit de cette page devra s’inspirer des fiches spectacle à destination du grand public.

Possibilité d’uploader des fichiers pdf, word, excel, photos, vidéos, sons) sur la fiche spectacle

Possibilité de créer un espace indépendant des spectacles. Pour le moment nous ne pouvons pas

ajouter de contenu sans le lier obligatoirement à un spectacle. Par exemple nous souhaiterions

créer une catégorie autour des travaux de notre directeur qui ne serait lié à aucun spectacle en

particulier.

Augmenter la capacité pour le chargement des photos. À l’heure actuelle, la limite est de 10Mo.

Nous souhaiterions l’augmenter jusqu’à 50 Mo.

Possibilité de renommer les documents téléchargés dès l’étape de l’import, pour le moment nous

pouvons changer les noms des documents après les avoir téléchargés et enregistré la page.

Conserver l’étape d’identification

Côté backoffice :

Pouvoir rester connecté au back office après un ajout de document. Pour le moment nous

sommes systématiquement basculés vers l’accueil du site internet, il faut alors se déconnecter puis

se reconnecter au back office.

Bureau de presse actuel / mode privé déverrouillé :

Février 2018 27/33

Espace Production (développement à lier avec l’espace presse explicité ci-dessus)

Développements souhaités :

Suppression de l’étape d’identification ;

Créer une page « menu » avec la liste des spectacles (titre, auteur, metteur en scène et espace pour

un visuel ou une vidéo) ;

Créer une page dédiée à chaque spectacle où seront regroupés tous les éléments (au lieu d’une

page unique - même modèle que l’espace presse décrit plus haut) ;

Le gabarit de cette page devra s’inspirer des fiches spectacle à destination du grand public. ;

Possibilité d’uploader des fichiers pdf, word, excel, photos, vidéos, sons) ;

Possibilité de renommer les documents téléchargés dès l’étape de l’import.

Espace production actuel / mode privé déverrouillé :

Espace Technique

Développements souhaités :

Côté professionnel (public)

Supprimer l’étape d’identification

Créer une page avec

o les visites virtuelles des salles en photo 360°

o les plans techniques des salles en téléchargement

Février 2018 28/33

Etape d’identification actuelle espace technique / mode privé verrouillé

Espace technique / mode privé déverrouillé :

Versant Est 3.3.6.2.

Versant Est est un mini-site à lui-seul mais toujours lié au site principal notamment aux fiches spectacle.

Toutes les données sont regroupées sur le même Drupal.

Une fiche sur Versant Est ne peut pas être créée si le spectacle n’existe pas sur le site principal, ce qui

représente un problème à ce jour.

Versant Est dispose de ses propres fiches spectacles où sont hébergés plusieurs types de supports écrits,

vidéos, audio ou photos.

Nous souhaitons conserver toutes ces fonctionnalités (intégration des lecteurs youtube, Radio France,

soundclound, dailymotion etc.).

Février 2018 29/33

Page d’accueil de Versant Est :

Fiche spectacle :

Février 2018 30/33

Page Accueil Archives :

Développements souhaités :

Améliorer la visibilité des titres en image sur la page d’accueil ;

Améliorer l’outil de mise en forme des contenus sur le backoffice ;

Revoir la lisibilité des textes dans les fiches spectacle (police trop petite) ;

Ajout d’une fonction recherche ;

Ajout d’un module « Actualités » lié à la page « Evénement » (voir point 3.3.4. – p.21) ;

Ajout d’un menu Wajdi Mouawad pour référencer les travaux du directeur du théâtre où l’on

trouverait :

o Classification par textes publiés : Mosaïque avec les couvertures des livres

o Pour chaque texte il y aurait deux rubriques :

Février 2018 31/33

Présentation ;

Contributions (peuvent être classés par classe/établissement/ville). Avec

une présentation sous forme d'articles blogs en mosaïque ou liste :

aperçu d'une partie du texte avec "lire la suite" (qui permet soit de

charger le texte sur une page à part ou de le télécharger au format pdf.)

Avec ou sans image de présentation.

Version anglaise 3.3.7.

La version anglaise du site est moins complète que la version française.

L’arborescence est plus simple et elle contient moins d’informations.

Sur cette version il faut harmoniser les couleurs des textes (sur les fiches spectacle ainsi que sur

l’éphéméride et la page spectacle)

Contraintes techniques 3.4.

Le site est développé sous Drupal 7. Il doit être compatible avec tous les navigateurs habituels (Internet

Explorer, Google Chrome, Mozilla Firefox, Safari…) mobiles et fixes.

Le site internet de La Colline est majoritairement consulté via des plates-formes mobiles, il est

indispensable qu’il soit responsive et ergonomique sur ce support.

Le site devra respecter les standards SEO en matière de balises titres et méta-informations.

En cas de développement d’un nouveau site, chaque url devra être conservée ou redirigée afin de ne pas

pénaliser le bon référencement naturel acquis pas le site actuellement.

Dans le cas d’un développement d’un nouveau site web, il reviendra au prestataire de nous indiquer un

calendrier des étapes de récupération de nos données et de leurs migrations vers le nouveau site.

Ajouter un menu

recherche

Février 2018 32/33

Nous souhaitons conserver toutes les archives présentes actuellement sur notre site internet, et y ajouter la

saison en cours.

Le site devra être accessible aux personnes en situations de handicap et répondre aux normes

d’accessibilité (notamment pour les spectateurs mal-voyants).

Le site dispose d’un suivi Google Analytics que nous souhaitons conserver.

Le site est lié aux réseaux sociaux Facebook, Twitter, Instagram, Youtube. Nous souhaitons au maximum

penser notre communication en ligne de façon globale, le prestataire sera amené à faire des propositions

dans ce sens.

L’hébergement du site et de la base de données est géré par La Colline, son fournisseur est l’entreprise

Céleste.

La Colline dispose d’un service informatique avec qui le prestataire pourra être mis en contact pour des

questions techniques.

Ressources humaines nécessaires 3.5.

Le prestataire s’assurera de la conversation des données (images, vidéos, maquettes…) fournies par le

graphiste avant leur intégration.

Le prestataire doit donc pouvoir fournir les ressources humaines adaptées à ce travail (intégrateur,

développeur et graphiste) ainsi qu’un support réactif.

Prestations attendues et modalités de sélection 4.des prestataires

Prestations attendues 4.1.

Ce contrat de maintenance et de développement sera actif sur une période d’un an.

Nous souhaitons sous-traiter les prestations suivantes :

Développement

Maintenance et mises à jour

Chaque année, La Colline présente de nouveaux spectacles. Le prestataire choisi devra

pouvoir effectuer une maintenance du site toute l’année selon les projets menés par les

équipes de La Colline.

Design : Conseil et accompagnement

Accompagnement marketing : plan marketing, SEO, SEA, webanalyse…

Planning et méthodologie de suivi 4.2.

Déroulement de l’appel d’offre :

Date limite de candidature : 14 mars 2018

Rencontre avec les 3 candidats présélectionnés : 20 et 21 mars 2018

La première rencontre pourra être suivie d’un second rendez-vous.

Choix final : semaine du 23 mars