Le projet

Mons Capitale Culturelle est un label créé par la Fondation Mons 2025 pour promotionner la culture montoise. L’ensemble des partenaires labellisés peuvent diffuser des informations à propos de leurs événements au travers d’un agenda culturel (trimestriel) et depuis peu via un site internet.

Après le succès de “Mons 2015 capitale européenne de la culture”, la Fondation Mons 2025, les opérateurs culturels Mars - Mons Arts de la scène et le Pôle Muséal de la Ville de Mons unissent leurs forces pour un nouvel élan culturel unique et festif en plein cœur de la ville de Mons : la biennale 2018.

Le challenge

Le site Mons Capitale Culturelle doit présenter le label, la version web de l'agenda trimestriel papier et l'ensemble de la programmation de la Biennale 2018-19.

Un délai très court pour la réalisation : 6 semaines entre l’attribution du marché et la mise en ligne.

Nos solutions

  • Développer un site “multi casquettes” représentant à la fois le Label Mons Capitale Culturelle, La Biennale et la Fondation Mons 2025;
  • Présenter les événements des différents opérateurs labellisés sous forme d’un agenda clair et ergonomique : selon leur durée, leur récurrence, les publics ciblés,... 
  • Conception d’un tableau de bord (back-office) ergonomique permettant au personnel des différents opérateurs d’encoder des événements de manière totalement autonome;
  • Répartition structurée et cohérente des contenus événements, dans les différentes sections du site selon les catégories, les thématiques et certains critères spécifiques;
  • Le site a été construit dans une optique de flexibilité pour les responsables de l’édition du contenu (contenu textuel, médias…). Nous avons développé une boîte à outils d’édition de contenus sur base du module paragraphe proposé par Drupal;
  • L’équipe a dû travailler en parallèle pour respecter la deadline. Le développement et le Design ont commencé simultanément sur base des Wireframes. Le design a ainsi évolué de manière atomique tout au long du projet. 

Les phases du projet Mons capitale culturelle

  1. Workshop - wireframes : travail avec l’équipe de la fondation pour élaborer la structure et les spécifications du site;
  2. Création des maquettes - Design;
  3. Site building Drupal et développement des fonctionnalités spécifiques (ici l’agenda);
  4. Intégration HTML - CSS - JSON;
  5. Tests des développements et interactions client;
  6. Mise en ligne.

Les étapes 2, 3, 4 et 5 ont été réalisées en parallèle. 

L'agenda

Pour présenter l'agenda, nous avons du prendre en compte différents aspects :

  • Evénements étalés plusieurs mois;
  • Festivals (plusieurs événements sous une thématique);
  • Vision à long terme;
  • Distinction sur les événements de la Biennale;
  • Affichage mobile.

Grace au travail en workshop avec l'équipe de la fondation et des tests en interne, nous avons proposé une solution originale basée sur une navigation par mois et un scroll infini. Cela donne une présentation originale de l'agenda et un accès rapide aux différents événements classés par mois. 


 

  • UI - webdesign
  • User experience
  • Drupal 8
  • Jquery
  • Scss
  • Ajax
  • Dynamic loading
  • Infinite scrolling
  • Big pipe (optimisation des performances)

We are part of it !

#Drupal