CinéCréatis
Expérience digitale
Refonte du site de CinéCréatis, école de cinéma et de l'audiovisuel à Bordeaux, Lyon, Montpellier et Nantes, dans une architecture commune à tout le réseau.
Visitez le siteLe projet
Un cadre commun, une école à part
Une école de cinéma, dans un réseau de sites qui partagent la même structure.
CinéCréatis forme aux métiers du cinéma et de l'audiovisuel à Bordeaux, Lyon, Montpellier et Nantes. L'école fait partie du Réseau Écoles Créatives, qui a refondu presque tous ses sites en changeant de nom.
Tous les sites du réseau suivent la même architecture, imposée dès le départ. Le travail : donner à l'école une présence qui lui ressemble à l'intérieur de ce cadre, de l'expérience de navigation à l'interface.
« L'architecture est commune au réseau. Le site, lui, a sa propre voix. »
Choisir
Une formation se regarde année par année
Présentation, années, admission, débouchés : tout est à un clic.
Une barre d'onglets accompagne la lecture de la formation. Elle mène à la présentation, à chaque année du cursus, à l'admission et aux débouchés.
En mobile, la même navigation se replie dans un bouton violet en bas de l'écran. Les métiers du cinéma se parcourent en images, avec une page pour chacun.
« Avant de candidater, on veut savoir ce qu'on fera chaque année. »
S'inscrire
Candidater ou venir voir
Deux chemins vers l'école : le formulaire ou la visite.
Le bouton Candidater et le lien Brochure restent dans l'en-tête, quelle que soit la page. Les formulaires de candidature, de brochure et de portes ouvertes partagent le même dessin, sur une photo de l'école.
Pour ceux qui veulent d'abord visiter, les événements se filtrent par type et par campus, des journées portes ouvertes aux stages découverte.
« Certains candidatent tout de suite, d'autres veulent d'abord visiter. »
La valeur
Des couleurs franches sur fond sombre
Un design system qui met les films en avant.
Le site pose les photos de tournage et les films des étudiants sur un fond sombre, avec des aplats de violet, de rouge, de citron et d'orange.
L'UX, l'UI, la direction artistique et le design system forment un seul travail : les mêmes cartes, boutons et blocs de couleur servent de la page d'accueil à la page Films, en passant par les campus et les équipements.
Crédits
- Client
- CinéCréatis, Réseau Écoles Créatives
- Agence
- Wonderful
- Direction artistique, UX & UI design, design system
- Jordan Etilce-Billy
- Graphiste web
- Mathieu Hoogeboom
Les autres case studies
