Festival d'Avignon
Un travail collectif qui met en synergie plusieurs partenaires et l'équipe du Festival
- Développement front-End
- Accessibilité
- Multilingue
- Suivi UX/UI
- Maintenance
Gestion de projet, expérience utilisateur, création graphique : Permeable
Direction technique, conception du back-office : Octet studio
![Festival d'Avignon site web](https://www.silex-taillenumerique.fr/media/pages/projets/festival-d-avignon/01c22e9128-1707397666/avignon-presentation-1280x-q80.jpg)
15 ans de collaboration
3 refontes
![](https://www.silex-taillenumerique.fr/media/pages/projets/festival-d-avignon/c717888baa-1708442124/avignon-2010-1280x-q80.png)
2010
Centraliser les informations dans un même site
Exporter et gérer les archives (de 1947 à nos jours)
Donner un accès à plus de 70 ans d'histoire
Trouver son information grâce au moteur de recherche
Définir des temporalités de billetterie et de priorités d'affichage
![](https://www.silex-taillenumerique.fr/media/pages/projets/festival-d-avignon/a929375ff6-1708442156/avignon-2014-1280x-q80.png)
2014
Refonte des affichages front-end
Optimisation mobile et responsive design
Synchronisation des données de billetterie
Synchronisation des données vidéo (avec Théâtre Contemporain)
Module de Parcours de spectacles
![](https://www.silex-taillenumerique.fr/media/pages/projets/festival-d-avignon/4ae2168169-1708442174/avignon-2020-1280x-q80.png)
2020
Nouvelle refonte front-end
Optimisation de l'accessibilité
Rubrique médias Web TV
Compte utilisateur, billets dématérialisés
... to be continued !
Un réglage soigné des développements de chaque type de bloc pour tous les cas d'écrans. Le même contenu s'adapte. Les informations sont accessibles quelque soit le support d'affichage.
![](https://www.silex-taillenumerique.fr/media/pages/projets/festival-d-avignon/92db4674f5-1708443113/avignon-audiov-large-1280x-q80.png)
![](https://www.silex-taillenumerique.fr/media/pages/projets/festival-d-avignon/8301f0ca13-1708441136/avignon-audiov-resp-1280x-q80.png)
Des gabarits de page totalement modulables, créés par superposition de blocs à choisir.
Ici : une en-tête de fiche spectacle associée à un sommaire de page et à diverses informations pratiques lorsqu'on scrolle dans la page.
![](https://www.silex-taillenumerique.fr/media/pages/projets/festival-d-avignon/fcb563d39f-1708442472/avignon-header-spec-1280x-q80.png)
![](https://www.silex-taillenumerique.fr/media/pages/projets/festival-d-avignon/3375819df6-1708442495/avignon-infos-spec-1280x-q80.png)
Des lieux de spectacle géolocalisés sur une carte interactive, en lien avec les spectacles programmés.
![](https://www.silex-taillenumerique.fr/media/pages/projets/festival-d-avignon/82abf026a1-1708443056/avignon-page-lieu-1280x-q80.png)
![](https://www.silex-taillenumerique.fr/media/pages/projets/festival-d-avignon/5706d990d6-1708443150/avignon-lieu-geo-1280x-q80.png)
Un compte utilisateur connecté à la billetterie en ligne qui permet aux spectateurs de convertir leurs favoris en achats.
Ils conservent également un historique de leurs choix, de leurs billets et de leurs cartes.
![](https://www.silex-taillenumerique.fr/media/pages/projets/festival-d-avignon/c780e3e6aa-1708447210/avignon-connect-1280x-q80.png)
![](https://www.silex-taillenumerique.fr/media/pages/projets/festival-d-avignon/6994322689-1708447232/avignon-connect-achat-1280x-q80.png)
Divers scénarios d'affichage en fonction des temporalités (avant / pendant ou après le festival). Certains affichages sont synchronisés avec des données de billetterie et liés à la disponibilité des billets. L'affichage des boutons d'achat et des favoris dépend d'un scénario général de déclenchement de l'affichage de la programmation et de l'ouverture de la billetterie en ligne.
![](https://www.silex-taillenumerique.fr/media/pages/projets/festival-d-avignon/7618ae981e-1708448453/avignon-disponibilite-1280x-q80.png)
![](https://www.silex-taillenumerique.fr/media/pages/projets/festival-d-avignon/1f753a38f7-1708448473/avignon-archives-1280x-q80.png)