Etude de cas Le Diapason Salle de spectacles
- Domaine Culture & Solidarité
- Mise en ligne Septembre 2017
- Services Site web, Direction artistique
- Livrables Site internet et liens vers la billetterie
Le projet
Le Diapason est une salle de spectacles qui accueille tous les types de représentations : de la danse, au théâtre, en passant par la musique et le nouveau cirque.
Auparavant représenté sur internet par le seul site de la ville de Saint-Marcellin, nous avons mis en place un site dédié à cet espace culturel multi-facettes.
Le site du Diapason
Le site devait met en lumière l'éclectisme des représentations tout en offrant une vitrine, belle et sobre, aux spectacles de la saison en cours.
Partant de cette volonté, nous avons axé le site autour de la programmation de la salle. Un design épuré et minimaliste habille ainsi les beaux visuels des spectacles.
Mise en avant de la programmation
Dès la page d'accueil, la programmation est mise en avant. Les 9 prochaines représentations sont ainsi présentées au visiteur, afin que celui-ci accède directement aux spectacles les plus proches.
Un code couleur, directement issu de la charte print du Diapason, vient illustrer, au survol d'un élément, la catégorie du spectacle sans se révéler intrusif.
Programmation par saison
Si une partie de la programmation est visible dès la page d'accueil, une page dédiée permet au visiteur de parcourir la liste exhaustive des représentations de la saison.
Cette page lui offre la possibilité d'affiner sa recherche en réduisant la liste à une catégorie unique, ou à trouver un spectacle précis s'il en connait la date.
Les spectacles en détail
Pour chaque spectacle, les informations sur l'artiste, les détails de la représentation, horaires et tarifs sont mis en avant.
Pour l'habillage de cette fiche, on retrouve la thématique de couleur propre au spectacle, déjà rencontrée dans les listings. Liée au type de spectacle, cette thématique est automatiquement appliquée à la page.
Enfin, chaque fiche est liée à la billetterie Sirius afin de permettre l'achat de billets en ligne.
Un menu discret et intuitif
Pour la navigation, notre choix s'est porté sur un menu "hamburger" discret, mais néanmoins omniprésent, ne perturbant pas le parcours de l'utilisateur dans le site web.
Une fois développé, en revanche, chaque rubrique est mise en valeur et la navigation dans les diverses pages se révèle fluide et intuitive.
Mobile First
Le design épuré du site se décline parfaitement en version mobile et tablette, adaptant la mise en page et l'ergonomie du site au type d'appareil utilisé et à la taille d'écran de ce dernier.
Sur un poste fixe ou en mobilité, le site du Diapason est toujours un plaisir à consulter.