Master event design
Wireframes & webdesign du site Tournoi PRIMROSE Bordeaux
Contexte
Étant basé depuis peu dans le coworking LOCOMOTIV' à Bordeaux et participant à leur collectif d'experts de la communication 360, Caléis a été mandaté afin de créer un webdesign duplicable pour les sites événementiels de l'agence Côte Ouest.
L'objectif de cette mission était de définir un gabarit de contenu dédié aux sites événementiels, facilement duplicable, avec pour chaque nouveau site, un travail simple et efficace en terme de design.
Secteur
Événementiel sportif
Année
2023
Problématique et concept
Comment créer un gabarit de site événementiel à la fois pour des conférences et des compétitions sportives ?
Expertises
- Benchmark webdesign
- Wireframes
- Prototypes de navigation
- Webdesign
- Design system
- Aide à l'intégration front-end
Benchmark
Avant le premier clic de souris pour la création d'un gabarit, nous avons analysé ce qu'était un site événementiel, quelque soit l'objet de l'événement. Les points clés relevés étaient :
- Un bouton d'inscription omniprésent
- Une page d'accueil avec tous les éléments d'une argumentation en faveur de l'inscription (punchline sur un visuel impactant, chiffres clés, intervenants, ... et une inscription à la newsletter)
- Une page "Programme" associée à des filtres sur les dates, thématiques, intervenants...
- Une page "Intervenants"
- Une page "À propos"
- Une page "Sponsors"
- Une page "Info pratiques"
- Une page "Presse"
Wireframes & prototypes
Évidemment, le benchmark allait plus loin dans le détail de composition de chaque page en reprenant les "meilleures" pratiques d'une expérience utilisateur réussie.
Nous avons donc composé chaque page d'un site événementiel type en format mobile et ordinateur. Une fois conçu et validé, en ayant en tête les approches différentes entre un événement sportif et une conférence, nous avons conçu un prototype de navigation pour tester la navigation, le placement des contenus et surtout le nombre de fois où l'internaute allait être exposé à un contenu "Inscription" : bouton seul, section de réassurance, section tarifs...
Dans l'objectif de rentabiliser les événements par un biais d'espaces publicitaires, il a été prévu des bannières web, notamment sur la page programme, extrêmement consultée.
Le brief créa
Rien de tel que de mettre en application un gabarit sur un événement réel.
Le premier événement à venir pour l'agence Côte Ouest était le tournoi de tennis de Primrose à Bordeaux. Et comme point départ, l'agence événementielle nous a fourni l'affiche du tournoi.
Direction artistique & Webdesign
Nous ne pouvions pas reprendre l'affiche telle qu'elle. Certes nous avons utilisé la couleur "terre battue" sur de nombreuses sections mais l'essentiel du site était sur un fond clair pour plus de clarté. Sans cela le site aurait été trop lourd à consulter.
Nous avons repris par-ci par-là les lignes du terrain comme éléments décoratifs, choix graphiques qui ont été repris dans les posts des réseaux sociaux.
Petite satisfaction lorsque le client, très satisfait du travail, nous envoie un email en finissant par
"C'est vraiment top, on level up fort !"
Collaboration entre webdesigner et intégrateur web
Pour faciliter l'assistance aux intégrateurs (développeurs front-end) lors de la création du gabarit mais aussi du webdesign spécifique à chaque événement, nous avons rassemblé les lignes directrices du design system concernant la typographie, les codes couleur web, les éléments de titraille, les textes, les tableaux, les boutons, les icônes personnalisées, les listes et les formulaires.
