Bas de page d’accueil avec slider d’infos à ne pas manquer.
![Photo des Subsistances](https://www.extralagence.com/wp-content/uploads/2023/05/xtra-subs.jpg)
subs
Comment présenter les différents visages des Subsistances dans un nouveau site web artistique ?
Situées dans des bâtiments historiques à Lyon, les Subsistances se définissent comme un lieu vivant de création et d’expériences artistiques, proposant un programme riche (théâtre, danse, musique, cirque, arts visuels et numériques, spectacles ou ateliers…) en soutenant la création (résidences d’artistes, production, etc.).
![Photo des Subsistances](https://www.extralagence.com/wp-content/uploads/2023/05/2019_06_03-Subsistances-Ambiance-Renaud-Alouche-01856.jpg)
Une identité forte et assumée, jouant avec la typographie, les photos et le logo en 3D. La page d’accueil offre un bel aperçu de la programmation en un clin d’œil.
![Page d](https://www.extralagence.com/wp-content/uploads/2023/05/page-accueil-5.jpg)
![Bas de page d’accueil avec slider d’infos à ne pas manquer](https://www.extralagence.com/wp-content/uploads/2023/05/pied-de-page-1.jpg)
![Interaction au drag pour faire défiler les infos](https://www.extralagence.com/wp-content/uploads/2023/05/pied-de-page-2.jpg)
Interaction au drag pour faire défiler les infos.
Des couleurs pêchues.
Une typographie animée, hybride, vivante.
Un logo 3D animé s’adaptant toujours aux couleurs du site.
Une timeline mise en avant pour une expérience utilisateur optimisée.
![Menu burger pleine page](https://www.extralagence.com/wp-content/uploads/2023/05/menu-2.jpg)
Un agenda visuel organisé par mois.
3 niveaux d’information, possibilité de filtrer par type d’événements, typologie de spectacles, etc. mise en avant des dates, navigation fluide.
![Page agenda](https://www.extralagence.com/wp-content/uploads/2023/05/agenda.jpg)
![Système de filtres sur la page agenda.](https://www.extralagence.com/wp-content/uploads/2023/05/filtres.jpg)
Un easter egg bien caché, pour les curieux…
Dans la barre de recherche du site, une énigme est proposée, de manière presque anecdotique. Si l’utilisateur tape la bonne réponse dans la recherche, il accède alors à un module de personnalisation du logo 3D des Subs. Il peut alors créer sa propre version du logo en personnalisant les matières, couleurs, reflets… Une autre manière d’expérimenter la création avec les Subs !
![Module de recherche sur le site.](https://www.extralagence.com/wp-content/uploads/2023/05/recherche.jpg)
Barre de recherche du site avec easter egg.
![Module de personnalisation du logo 3D](https://www.extralagence.com/wp-content/uploads/2023/05/personnalisation-du-logo.jpg)
Module de personnalisation du logo 3D.
Une narration scrollée pour présenter un lieu historique pas comme les autres.
Nous nous sommes lancé le défi de créer une page sur mesure pour présenter le projet des Subs, leur histoire, les lieux ainsi que l’équipe. Pour cela nous proposons à l’utilisateur de scroller et parcourir ce lieux emblématique reproduit en 3D et complètement interactif.
![Page les Subs, présentant l’histoire des lieux](https://www.extralagence.com/wp-content/uploads/2023/05/histoire-1.jpg)
Page les Subs, présentant l’histoire des lieux
![Au clic sur une date, un encart d’information se déploie pour en savoir plus.](https://www.extralagence.com/wp-content/uploads/2023/05/histoire-2.jpg)
Au clic sur une date, un encart d’information se déploie pour en savoir plus.
![Page les Subs, présentant les lieux modélisés en 3D](https://www.extralagence.com/wp-content/uploads/2023/05/lieux.jpg)
Une expérience pensée pour le mobile.
Malgré un design riche en détails sur desktop et son lot d’animations, l’expérience reste tout aussi pratique sur mobile.
![Déclinaisons mobiles du site des Subs](https://www.extralagence.com/wp-content/uploads/2023/05/mobiles-subs.jpg)