Avant de commencer le développement, j’ai analysé le site de référence afin de comprendre sa structure, sa hiérarchie visuelle et l’organisation de ses contenus.

Cette étape m’a permis d’identifier les différentes sections à reproduire, les choix graphiques importants et les éléments d’interface essentiels à respecter.

J’ai ensuite construit la base du site en HTML en veillant à garder une structure propre, lisible et sémantique.

L’objectif était de créer une page bien organisée, avec des balises adaptées, une hiérarchie de titres cohérente et une base solide pour le travail de mise en forme.

Pour en savoir plus sur le code et découvrir l’ensemble du projet, je vous invite à consulter mon dépôt GitHub.

Une fois la structure mise en place, j’ai travaillé le CSS afin de reproduire l’apparence du site original : typographies, espacements, couleurs, grilles, images et comportements visuels.

J’ai également adapté l’interface aux différents formats d’écran afin d’obtenir un rendu fluide et cohérent sur desktop, tablette et mobile.

Pour terminer, j’ai ajouté les interactions nécessaires et ajusté les détails visuels afin de rendre la navigation plus agréable.

Ce projet m’a permis de renforcer mes bases en intégration web, de mieux comprendre l’importance de la précision dans le développement front-end et d’améliorer ma capacité à transformer une maquette ou une référence visuelle en interface fonctionnelle.