THEATRE DE DEMAIN
Créer le site web de la société « Le Théâtre de Demain » qui assure la promotion, la production et les représentations de spectacles vivants, aussi bien théâtre, danse, humour et jeune public.
Le client est dans une démarche d’inclusion aux personnes en situation de handicap.
Site web : site vitrine
Le théâtre est un secteur très concurrentiel. La société veut promouvoir une image dynamique à travers son site web, qui saura SE DEMARQUER DES AUTRES THEATRES par sa dimension INCLUSIVE ET MODERNE.
Le site vitrine devra comporter les pages essentielles à la promotion du théâtre avec pour contenu : son offre, sa mission, ses valeurs, ses actions culturelles ou encore les moyens d’accéder au théâtre.
Informations disponibles
bases du sujet
Logo imposé - mais plusieurs choix de couleurs
A récolter sur le web.
Dynamisme, modernité, public très large et démarche d'inclusion aux personnes en situation d'handicap.
Accueil, Nos spectacles, Actions culturelles, Actualités, Accès & Contact
2 fiches personas : une intervenante professeur de théâtre et un écrivain désirant découvrir le théâtre contemporain.
Inscription à la newsletter, partage via mail ou réseaux sociaux, responsive et compatible avec les navigateurs.
Logo imposé - mais plusieurs choix de couleurs
A récolter sur le web.
Dynamisme, modernité, public très large et démarche d'inclusion aux personnes en situation d'handicap.
Accueil, Nos spectacles, Actions culturelles, Actualités, Accès & Contact
2 fiches personas : une intervenante professeur de théâtre et un écrivain désirant découvrir le théâtre contemporain.
Inscription à la newsletter, partage via mail ou réseaux sociaux, responsive et compatible avec les navigateurs.
La mission : Créer un site web VITRINE
pour le Théatre de Demain
Etude
Rédiger le cahier des charges incluant un benchmark de 2 sites concurrents
Graphisme
Compléter l'identité visuelle (logo imposé) avec une charte graphique
Conception
Concevoir le site vitrine sous WordPress d'au minimum 5 pages
BENCHMARK DE SITES WEB
Secteur du théâtre
Identité visuelle de Theatre de demain
charte graphique
A contrepied des couleurs classiques, historiquement, le vert est la couleur maudite du théâtre.
Avant la révolution française, beaucoup de théâtre dit officiel, étaient bleus car c’était la couleur de la royauté. Puis, le théâtre classique est plus lié aux couleurs rouge et or, réservé à des classes riches.
Utiliser du vert permettrait de:
- défier les superstitions de l’époque pour proposer du contemporain
- couleur de l’apaisement pour passer de bons moments
- se démarquer de la concurrence
- mettre l’humour en avant pour transmettre les valeurs et la vision du théâtre : jeunesse, dynamisme, modernité
Le vert peut rappeler le fond vert pour les montages vidéos que l’on pourrait utiliser dans le camion théâtre, comme couleur la plus éloignée de la peau pour bien voir les acteurs.
Aujourd’hui, on ne s’intoxique plus avec le vert qui était fabriqué à l’époque à partie de matières toxiques.
Le bleu et le vert sont parmi les couleurs préférées des hommes comme des femmes.
Maquette du site web
Page d'accueil sur Figma
Le zoning a été réalisé sur papier à la main pour chacune des pages du site web.
Les maquettes lo-fi et high-fi ont été réalisées sous figma avant de passer à la conception du site complet sur WordPress à l’aide d’Elementor.
Pour exemple, le wireframe de la page standard d’un spectacle avec les sections suivantes détaillées:
- le synopsis
- les dates de représentations
- une galerie photos
- une vidéo de bande-annonce
- le casting
- une invitation à accéder à la page contact pour compléter les informations
Ci-dessous la maquette figma de la page d’accueil:
Ci-dessous la maquette figma de la page d’accueil:
Conception du site web
Site vitrine complet
LE SITE VITRINE
L’utilisateur doit pouvoir trouver facilement toutes les informations liées à la programmation des spectacles, à la vision de la société de théâtre et à ses actions culturelles grâce à des pages dédiées et liées entre-elles.
Par ailleurs, le blog étaye la mission du théâtre et optimise le référencement.
Le formulaire de contact ainsi que le plan d’accès permettent de répondre à ses questions concernant l’accessibilité du site.
EXPLORATION DU SITE WEB
Vidéo de navigation du site