Contactez-nous
Une question ? N’hésitez pas à nous écrire !
Problématiques
Comment concevoir un site one page évolutif capable d'informer, d'engager et de convertir des publics très différents, des particuliers aux entreprises mécènes, sur un même événement à fort impact ?
Comment intégrer une billetterie tierce dans un site Webflow en maintenant une cohérence visuelle totale avec la direction artistique forte déjà établie par Diversidays ?
Comment garantir l'accessibilité numérique d'un site événementiel à forte identité visuelle, sans compromis sur le design ?
Contexte
Né en 2021 à l'Olympia devant plus de 10 000 personnes, le festival Uniques est le temps fort annuel de Diversidays : une journée qui réunit citoyens, entreprises, associations et personnalités engagées pour célébrer les différences et mettre en lumière les solutions concrètes en faveur de l'égalité des chances. Tables rondes, prises de parole, show en soirée : Uniques ambitionne de devenir le grand rendez-vous national de l'inclusion, à la croisée entre festival culturel et événement d'impact.
Pour son édition au Parc Floral de Paris, Diversidays avait besoin d'un site événementiel à la hauteur de cette ambition : informatif, engageant, convertissant, et accessible à tous les publics. Wolfox a pris en charge la totalité du projet, de la conception UX à l'intégration sur Webflow.
Un site événementiel conçu pour engager et convertir
Le festival Uniques est un projet atypique pour une agence UX/UI : pas de produit à refondre, pas d'existant à auditer, mais une page blanche à remplir avec une identité visuelle forte déjà établie par Diversidays, une deadline ferme liée à la date du festival, et une double mission de conversion : inciter à l'inscription d'un côté, attirer des partenaires et mécènes de l'autre.
Wolfox a structuré le projet en trois phases fluides et itératives : conception UX, conception UI et intégration NoCode sur Webflow. Un audit d'accessibilité dédié a été réalisé par une consultante spécialisée pour garantir la conformité RGAA du site.
Phase 1 : Conception UX, structurer un one page pour deux publics
La conception UX a démarré par un atelier de cadrage approfondi avec les équipes de Diversidays. L'enjeu central : le site devait s'adresser simultanément à deux profils radicalement différents, avec des besoins et des motivations distincts.
Deux publics, un seul site
Les particuliers souhaitaient savoir pourquoi venir, comment s'inscrire, qui seront les intervenants et comment s'y rendre. Les professionnels, entreprises et institutions cherchaient à comprendre l'impact de l'événement, les opportunités de partenariat et de mécénat, et la légitimité de l'action de Diversidays. La structure du site a été pensée pour répondre aux deux en une seule navigation linéaire, avec une hiérarchie de contenu claire et des appels à l'action différenciés selon les sections.
Un format one page évolutif
L'architecture choisie : un one page structuré en sections thématiques, conçu pour évoluer au fil du temps en fonction des informations disponibles (programmation, intervenants, sponsors). Les sections prévues couvrent l'ensemble du parcours utilisateur : accueil, à propos, programmation, intervenants, thématiques, sponsors, actualités, billetterie, informations pratiques, inscription, galerie et contact. Cette structure modulaire permet aux équipes de Diversidays d'activer ou de masquer des sections en autonomie, sans toucher au code.
Phase 2 : Conception UI, mettre en scène une identité visuelle forte
Diversidays disposait d'une direction artistique déjà bien établie pour Uniques : typographie expressive, palette colorée et affirmée, univers graphique festif et engagé. La mission de Wolfox n'était pas de créer une identité, mais de la transposer en un système UI cohérent, lisible sur tous les supports, et suffisamment structuré pour tenir à l'écran.
La conception UI a produit un UI Kit dédié à l'événement, avec des composants spécifiquement conçus pour un site événementiel : cards intervenants, blocs programme, bandeaux d'annonce, sections sponsors, et module d'inscription. Chaque composant a été pensé pour être réutilisable d'une édition à l'autre.
Un soin particulier a été apporté à la version mobile : la majorité du public du festival accède à ce type de site depuis un smartphone, le design a donc été conçu en mobile-first, avec des typographies lisibles, des zones tactiles généreuses et une navigation ultra-simplifiée.
Phase 3 : Intégration Webflow et billetterie
L'intégration NoCode sur Webflow a permis de livrer un site performant, rapide et autonome pour les équipes de Diversidays. Une session de formation a été incluse pour permettre aux équipes de mettre à jour les contenus (programme, intervenants, actualités) en totale autonomie.
La partie billetterie a été l'enjeu technique le plus délicat du projet : Diversidays travaillait avec une plateforme tierce pour la gestion des inscriptions. Wolfox a intégré le module sous forme d'iFrame personnalisé, en travaillant en étroite collaboration avec les équipes techniques de la plateforme pour harmoniser l'expérience visuelle avec le reste du site. L'objectif : que l'utilisateur ne perçoive pas de rupture entre le site et le tunnel d'inscription.
Ce que cette mission illustre
Le festival Uniques illustre une facette de Wolfox souvent méconnue : la capacité à créer un site événementiel complet, de zéro, avec une forte contrainte de deadline et d'identité visuelle. En mobilisant design UX, UI design, intégration NoCode et accessibilité numérique, Wolfox a livré un outil digital à la hauteur de l'ambition du festival : une agence UX/UI qui s'engage pour les projets qui ont du sens.
