1 ▸ Présentation du Projet
- Nom du projet : KT Sport Design
- Client : Agence sportive Parisienne
- Date de début : Début Octobre 2023
- Date de fin : Fin Janvier 2024 (4 mois)
Vidéo de présentation de la page d'accueil
Vidéo de présentation de la page de la team
Vidéo de présentation de la page des projets
Vidéo de présentation de la page de blog
Vidéo de présentation de la page des artworks
Vidéo de présentation de la page de contact
Vidéo de présentation de la page de projet sur les Gladiateurs
Vidéo de présentation de la page de projet sur la Ginga
Vidéo de présentation de la page de projet sur Wilhem Belocian
Vidéo de présentation de la page de projet sur Tournoi ASC
Vidéo de présentation de la page de projet sur CS Dammartin
Vidéo de présentation de la page de projet sur Lenain de Tillemont
Vidéo de présentation de la page de projet sur Ishido
2 ▸ Objectifs du Projet
Créer un site web performant et attractif pour l’agence sportive KT Sport Design, intégrant des animations personnalisées, un blog, des pages projets et une page sur l’équipe de l’agence. L’objectif était également de remporter des awards pour la qualité et l’originalité du site.
3 ▸ Défis rencontrés
- Développement et intégration de près de 30 pages uniques avec des animations personnalisées pour chaque bloc.
- Assurer une traduction performante et fluide de l’ensemble du site en anglais.
- Optimisation du site pour qu’il soit performant et réactif tout en ayant des animations complexes.
- Intégration d’un blog, de pages dédiées aux projets et d’une page sur l’équipe de l’agence.
4 ▸ Solutions apportées
- Utilisation de Next.js et TypeScript pour un développement front-end performant et maintenable.
- Mise en place d’un système de traduction performant pour gérer les contenus en anglais.
- Création et intégration d’animations personnalisées pour chaque bloc de contenu, améliorant l’expérience utilisateur et rendant le site plus dynamique et engageant.
- Développement de pages spécifiques pour le blog, les projets et l’équipe, offrant une présentation détaillée et professionnelle de l’agence.
5 ▸ Technologies
- Front-end : Next.js (TypeScript)
- Langages de programmation : TypeScript
- Serveurs de production : Vercel
6 ▸ Processus
Utilisation de méthodes agiles pour le développement, avec une planification rigoureuse et une attention particulière à l’expérience utilisateur et à la performance du site. Les maquettes versions PC ont été réalisées sur Figma par mon chef avant l’intégration. Le développement a suivi une approche mobile first pour garantir une expérience utilisateur optimale sur tous les appareils.
7 ▸ Résultats obtenus
Le site KT Sport Design a été lancé avec succès, recevant plusieurs awards pour sa qualité et son originalité. Il a été reconnu pour ses animations personnalisées et sa performance, ainsi que pour la fluidité de sa traduction en anglais.
8 ▸ Retours sur la mission
Ce projet a permis de démontrer mes compétences en développement web, en création d’animations personnalisées, en gestion de contenu multilingue et en développement mobile first. Il a également montré l’importance de l’attention aux détails et de l’optimisation pour la performance et l’expérience utilisateur.
9 ▸ Compétences Acquises
- Développement avancé avec Next.js et TypeScript.
- Création et intégration d’animations web personnalisées.
- Gestion de contenu multilingue et optimisation des performances de traduction.
- Développement de pages spécifiques pour un blog, des projets et une équipe.
- Utilisation de méthodes agiles pour la gestion de projet.
10 ▸ Difficultés Rencontrées
- Développement et optimisation d’animations complexes pour chaque bloc de contenu.
- Gestion et intégration de près de 30 pages uniques de manière cohérente et performante.
- Assurer une traduction fluide et performante pour l’ensemble du site.
- Intégration et gestion de contenus diversifiés comme un blog et des pages projets.