1 ▸ Présentation du Projet
- Nom du projet : Portfolio de Kevin Tresor
- Client : Kevin Tresor, designer freelance, créateur de KT Sport Design
- Date de début : Début Mars 2024
- Date de fin : Fin Juin 2024 (4 mois)
Vidéo de présentation de la page d'accueil
Vidéo de présentation de la page "Qui suis-je ?"
Vidéo de présentation de la page tarifs
Vidéo de présentation de la page contact
Vidéo de présentation de la page des projets
Vidéo de présentation de la page de projet sur Philip Morris
Vidéo de présentation de la page de projet sur Kunsthalle
Vidéo de présentation de la page de projet sur Mamyumee
Vidéo de présentation de la page de projet sur BNP Paribas
Vidéo de présentation de la page de projet sur Hoop Hook
Vidéo de présentation de la page de projet sur Maserati
Vidéo de présentation de la page de projet sur Air France
2 ▸ Objectifs du Projet
Développer et intégrer un portfolio de freelance pour Kevin Tresor, mettant en avant son activité freelance en dehors de son agence sportive KT Sport Design. Le site devait être performant, sécurisé et doté d’un système de monitoring avancé, avec des outils d’analyse pour améliorer l’expérience utilisateur.
3 ▸ Défis rencontrés
- Utilisation de Fastify pour assurer des performances optimales et une gestion légère des serveurs.
- Intégration de EJS pour un rendu côté serveur (SSR) maximisant les performances.
- Mise en place d’un monitoring avancé avec Docker, Grafana et Prometheus pour assurer une surveillance en temps réel et recevoir des notifications immédiates en cas de problème.
- Développement du site en natif à 99% sans dépendance à des librairies externes pour garantir une personnalisation totale et une optimisation maximale.
- Intégration de Supabase pour collecter des statistiques de visite détaillées de chaque page.
- Utilisation de Hotjar pour analyser le comportement des utilisateurs et identifier les points à améliorer pour l’expérience utilisateur (UX).
4 ▸ Solutions apportées
- Développement avec Fastify pour bénéficier de sa légèreté et de ses performances optimales en tant que framework serveur Node.js.
- Utilisation de EJS pour le rendu côté serveur (SSR), améliorant ainsi le SEO et la rapidité de chargement des pages.
- Dockerisation de l’application pour une gestion simplifiée du déploiement et de la maintenance.
- Intégration de Grafana et Prometheus pour le monitoring, permettant de suivre les performances du site en temps réel et de recevoir des alertes immédiates en cas de problème.
- Conception multilingue pour élargir l’accessibilité du site à une audience internationale.
- Utilisation de Supabase pour collecter et analyser des statistiques de visite de chaque page.
- Intégration de Hotjar pour surveiller le comportement des utilisateurs et améliorer l’UX en fonction des retours.
5 ▸ Technologies
- Framework serveur : Fastify (Typescript)
- Template engine : EJS
- Langages de programmation : JavaScript/TypeScript
- Base de données : Supabase
- Monitoring : Prometheus/Grafana
- Containerisation : Docker
- Analyse UX : Hotjar
- Serveurs de production : VPS Ionos
6 ▸ Processus
Suivi d’une méthodologie agile pour le développement, avec des itérations régulières et des révisions fréquentes pour s’assurer que les objectifs de performance et de sécurité étaient atteints. Les maquettes ont été réalisées en amont, et le développement s’est concentré sur l’optimisation des performances, la mise en place d’un système de monitoring robuste, et l’analyse des statistiques et comportements des utilisateurs.
7 ▸ Résultats obtenus
Le site portfolio de Kevin Tresor a été lancé avec succès, offrant une vitrine professionnelle et performante pour ses activités freelances. Le système de monitoring avancé garantit une surveillance continue et une réactivité immédiate en cas de problème. Les outils d’analyse intégrés, Supabase et Hotjar, permettent d’optimiser continuellement l’expérience utilisateur. Le site a commencé à recevoir des awards sur différents sites pour sa qualité et ses performances.
8 ▸ Retours sur la mission
Ce projet a démontré ma capacité à développer des sites web performants et sécurisés, à intégrer des systèmes de monitoring avancés, à utiliser des technologies modernes pour maximiser l’efficacité et la fiabilité des applications web, et à analyser et améliorer l’expérience utilisateur grâce à des outils de statistique et de comportement.
9 ▸ Compétences Acquises
- Développement avancé avec Fastify et EJS pour un rendu côté serveur performant.
- Mise en place et gestion de systèmes de monitoring avec Docker, Grafana et Prometheus.
- Conception et développement de sites multilingues.
- Utilisation de Supabase pour collecter et analyser des statistiques de visite.
- Intégration de Hotjar pour surveiller et améliorer l’expérience utilisateur.
- Utilisation de méthodologies agiles pour une gestion de projet efficace.
10 ▸ Difficultés Rencontrées
- Optimisation des performances avec Fastify et EJS pour garantir un rendu rapide et efficace.
- Mise en place et configuration de Docker, Grafana et Prometheus pour un monitoring avancé.
- Développement en natif sans dépendances à des librairies externes, nécessitant une personnalisation et une optimisation approfondies.
- Collecte et analyse des statistiques de visite avec Supabase.
- Surveillance et amélioration de l’expérience utilisateur avec Hotjar.