Projet en formation - Démarche 4
Démarche Web
Le site web est la pièce centrale du dispositif. C'est là que le festivalier achète sa place, s'inscrit à la newsletter et consulte le programme à 22 h sur son téléphone dans le tram. De l'arborescence à la mise en ligne, chaque choix répond à une décision posée en amont.
Étapes de la démarche web
Six étapes — de la conception UX à la mise en ligne, jusqu'à l'optimisation SEO.
Pour faire simple...
"Un site sans trafic est un dépliant que personne ne lit !"
Le site web transforme l'attention en engagement, l'engagement en achat, et l'achat en mémoire de l'expérience.
01. Architecture & UX
Le squelette du site avant le premier pixel.
- Nom de domaine : kaleidosonores.fr
- 4 entrées principales, accessibles en 3 clics max
- 3 personas : Julie, Marc & Isabelle, Claude
Consulter les pages 70 à 75 du rapport.
Suivant
02. Wireframes & Maquettes Figma
Mobile-first, parce que 70 % du trafic vient du téléphone.
- Wireframes Figma conçus d'abord en 375 px
- 10 pages × 2 versions = 20 maquettes haute définition
- Prototype interactif + micro-interactions
Consulter les pages 76 à 82 du rapport.
Suivant
03. Intégration & WordPress Démo live
De la landing codée à la main au site WordPress complet.
- Hébergeur O2switch — clermontois, RGPD
- Landing HTML5/CSS3 codée à la main (VSCode)
- WordPress + WooCommerce + 12 extensions ciblées
- Sécurité & RGPD (Akismet, Complianz, WPvivid)
Consulter les pages 83 à 90 du rapport.
Suivant
04. Webmarketing & Newsletter Démo live
Trois phases, sept réseaux, une logique Community Led Growth.
- Newsletter Brevo (RGPD, serveurs européens)
- Landing offre -20% sur les 200 premiers pass
- SMO 7 plateformes, un rôle par réseau
- 5 piliers éditoriaux · 34 publications en juin 2025
Consulter les pages 91 à 99 du rapport.
Suivant
05. Teaser vidéo (1 min) Démo live
Faire ressentir le festival avant qu'il n'existe.
- Storyboard en 8 planches dessiné à la main
- Tout produit dans After Effects
- HDTV 1920×1080 · MP4 H.264 · 25 ips
- Diffusion YouTube en iframe légère
Consulter les pages 100 à 103 du rapport.
Suivant
06. SEO & Performance
Un site rapide, trouvable, mesurable — et déjà prêt à évoluer.
- SEO on-page sur chaque page · longue traîne
- Performance : lazy loading, WebP, cache & CDN
- Axes futurs : dark mode, multilingue, éco-conception
Consulter les pages 104 à 114 du rapport.
Suivant
Ce qu'il faut retenir
Trois enseignements ressortent de cette démarche web. Ils traduisent ma posture professionnelle face à la conception et à la mise en ligne d'un site.
L'UX a structuré chaque décision
Une arborescence simple, une conception mobile-first et trois personas comme boussole. À chaque étape, je me suis demandé : est-ce que ça parle à Julie, à Marc & Isabelle, à Claude ?
Une production technique maîtrisée
Landing HTML/CSS codée à la main, site WordPress avec WooCommerce, newsletter Brevo, vidéo After Effects, stratégie SMO sur 7 réseaux. Chaque outil choisi répond à une décision en amont.
La mesure pour s'améliorer
SEO on-page sur chaque page, audit Lighthouse, KPI clairs (20 000 visiteurs, 2 100 billets). Sans mesure, pas d'amélioration possible.
Étape finale
Synthèse & perspectives
Un site web n'est jamais figé. Voici ce qui reste à faire et ce que cette démarche m'aura appris.
Améliorations avant juillet 2025
Court terme — finaliser avant l'ouverture du festival.
Mode sombre (dark mode)
Bouton de bascule prévu en maquette, déclinaisons à finaliser.
Format WebP & Stripe
Médias optimisés WebP + billetterie Stripe + PDF e-billets.
Monitoring proactif
UptimeRobot pour être alerté sur les pics de billetterie.
Pour les éditions suivantes
Long terme — perspectives stratégiques au-delà de juillet 2025.
Application mobile
Programme interactif, plan, notifications push, billetterie cashless.
Version multilingue
Anglais en priorité pour rayonner au-delà du public français.
Éco-conception approfondie
Audit EcoIndex, Matomo Analytics, allègement polices & JS.
Bilan personnel
Satisfactions et difficultés rencontrées tout au long du projet.
Ce que j'ai appris
- L'étendue réelle du métier CDUI — pas que du web, mais print, vidéo, stratégie, UX
- La place centrale de l'UX — Julie, Marc & Isabelle et Claude comme boussoles
- Le design est un métier de décision — chaque choix graphique est un argument stratégique
Difficultés rencontrées
- La gestion du temps — sous-estimée, notamment les allers-retours de validation
- L'arbitrage ambition / faisabilité — savoir renoncer est une compétence pro à part entière
- L'éco-conception — partielle, axe d'amélioration prioritaire de la maintenance continue
Démarches du projet Kaléïdo Sonores.
