Développement du site web du colloque ISCPA
Logo du colloque
De décembre 2024 à avril 2025, j’ai conçu et développé le site web du colloque ISCPA : colloque-iscpa.fr.
Ce projet a été réalisé dans le cadre de l’organisation d’un colloque consacré aux effets du bad buzz et à la gestion de crise en communication.
L’objectif était de proposer une vitrine claire, professionnelle et simple à utiliser pour centraliser les informations de l’événement, présenter les intervenants et faciliter les inscriptions.
Ce travail s’inscrit aussi dans le suivi KPI du projet mené en MC1 Communication.
Aperçu du projet colloque-iscpa.fr
Objectif du projet
Le site devait permettre aux visiteurs de comprendre rapidement le sujet du colloque, d’identifier les informations importantes et de s’inscrire facilement à l’événement.
J’ai travaillé sur une interface lisible et structurée, avec une attention particulière portée à la hiérarchie de l’information, à la navigation et à la cohérence visuelle.
L’enjeu était aussi de donner au projet une présence web crédible, adaptée à un événement académique et professionnel.
Le site devait centraliser toutes les informations liées au colloque, valoriser l’équipe projet et renforcer la visibilité de l’événement auprès des participants.
Réalisation technique
J’ai mené le projet de A à Z, de la conception UX/UI au développement, jusqu’à la mise en ligne et au suivi des performances.
La maquette a été préparée avec Figma afin de poser les bases visuelles et fonctionnelles du site avant le développement.
Le site a ensuite été développé avec Vue 3 et Bootstrap 5, ce qui m’a permis de construire une navigation fluide, dynamique et compatible avec les formats mobile, tablette et desktop.
J’ai travaillé sur deux versions du site. La V1 a permis d’intégrer le contenu initial et de tester les premières fonctionnalités. La V2 a ajouté une page dédiée à l’équipe Bad Buzz - Colloque, des optimisations de chargement, un loader et des corrections issues des retours sur la première version.
Aperçu du plan de travail figma
Phases du travail
- Rédaction d’un cahier des charges avec définition des besoins, de l’arborescence et de la charte graphique.
- Maquettage et prototypage sur Figma des pages principales : accueil, programme, intervenants, formulaire et équipe.
- Développement de la V1 avec intégration du contenu initial et test des premières fonctionnalités.
- Développement de la V2 avec ajout de la page équipe, optimisation du code, amélioration des temps de chargement et correction des bugs.
- Mise en ligne, configuration du nom de domaine, du pare-feu, du SSL et du suivi des performances.
Hébergement et déploiement
Le site a été hébergé sur mon propre serveur. J’ai géré la configuration serveur, les redirections DNS, la sécurité, le pare-feu et le certificat SSL avec Let’s Encrypt.
J’ai également mis en place un workflow de déploiement automatisé avec GitHub Actions et rsync/FTP, afin de publier les mises à jour du site à chaque évolution du code.
Cette partie m’a permis de travailler sur un flux plus complet, allant de la conception jusqu’à l’exploitation réelle du site en production.
Suivi des performances
Pour suivre l’utilisation du site, j’ai intégré des outils de mesure comme Google Analytics et Google Search Console.
L’objectif était d’observer plusieurs indicateurs : le trafic global, les clics vers le formulaire d’inscription, le temps moyen passé sur le site et les pages les plus consultées.
Ces données m’ont permis de mieux comprendre le comportement des visiteurs et d’évaluer l’efficacité du site comme support de communication pour l’événement.
KPI du site
| KPI | Valeur | Remarques |
|---|---|---|
| Nombre total d’heures passées sur le site | Environ 70 heures sur 2 mois | Inclut la conception, le développement, les tests et la mise en ligne |
| Nombre de versions développées | 2 versions | La V2 a intégré des éléments complémentaires, notamment la page équipe |
| Taux de mise en production réussie | 100 % | Aucun échec lors des déploiements |
| Taux de clics sur le formulaire d’inscription | 80 % | Mesuré via Google Search Console |
| Temps moyen passé sur le site | Moins d’une minute | Donnée suivie via les outils d’analytics |
| Pages les plus consultées | Accueil > Programme > Formulaire | Les pages principales ont concentré l’essentiel du trafic |
Technologies utilisées
- Vue 3
- Bootstrap 5
- Figma
- Google Analytics
- Google Search Console
- GitHub Actions
- rsync/FTP
- Let’s Encrypt
- HTTPS, HSTS et Gzip
Ce que ce projet m’a appris
Ce projet m’a permis de renforcer mes compétences en développement web front-end, mais aussi en gestion d’un projet complet.
J’ai appris à mieux structurer un site événementiel, à penser l’expérience utilisateur et à préparer une mise en ligne propre.
Il m’a aussi permis de travailler sur des sujets complémentaires au développement pur, comme le suivi des performances, la sécurité web et l’automatisation du déploiement.
Le suivi des KPI m’a aussi aidé à relier le développement web à des objectifs de communication mesurables : visibilité, inscription, consultation des pages clés et efficacité du parcours utilisateur.
Conclusion
Le site du colloque ISCPA est un projet concret qui montre ma capacité à prendre en charge un site web de bout en bout.
Il rassemble conception, développement, mise en production et suivi, avec une logique professionnelle adaptée aux besoins d’un événement réel.