Site vitrine "Homekey"

Site vitrine de comparaison de logements

Description détaillée

Ce projet, baptisé HomeKey, a consisté en la reproduction fidèle d'un site de comparaison de logements. L'objectif principal était de traduire une maquette Figma détaillée en code "dur", en utilisant exclusivement les langages HTML et CSS. Il s'agissait de construire l'intégralité de l'interface utilisateur, des différents layouts aux styles visuels, en garantissant une correspondance précise avec le design original. La problématique était de maîtriser l'intégration front-end en partant d'une conception graphique aboutie pour en faire une page web fonctionnelle et esthétique.

HomeKey a été un projet fondamental pour mon apprentissage des bases de l'intégration web. Il m'a permis d'appréhender et de mettre en pratique l'utilisation sémantique du HTML, en structurant le contenu avec des balises appropriées comme <main>, <aside>, <article>, ce qui est crucial pour l'accessibilité et le référencement. Au-delà de l'aspect technique, ce projet représente également l'une de mes réalisations dont je suis le plus fier sur le plan visuel, illustrant ma capacité à produire des interfaces soignées et esthétiquement réussies en CSS pur.

Ce travail a été réalisé à l'IUT, dans le cadre de la ressource R212 : Intégration Web, durant le Semestre 2 de mon parcours.

Le projet HomeKey était un travail entièrement individuel. J'ai été responsable de toutes les étapes de l'intégration, depuis l'analyse de la maquette jusqu'à la production finale du code HTML et CSS, en passant par l'organisation des fichiers et la résolution des défis de mise en page.

Galerie d'images