Booki

Intégration d’un site de réservation d’hébergements et d’activités à partir d’une maquette fournie. Ce projet m’a permis de consolider mes compétences en HTML, CSS et responsive design en reproduisant fidèlement une interface moderne et adaptée à tous les écrans.

Contexte de la mission

Le projet Booki a été réalisé dans le cadre de ma formation de Développeuse WordPress auprès de l’organisme de formation OpenClassrooms.

Booki est une start-up spécialisée dans le développement de solutions web. L’entreprise souhaite concevoir un site Internet permettant aux utilisateurs de rechercher des hébergements et des activités dans la ville de leur choix.

Dans le cadre de ce projet, j’ai occupé le rôle de développeuse web en alternance. Ma mission consistait à intégrer l’interface du site à partir d’une maquette fournie, en utilisant les technologies HTML et CSS, tout en respectant les exigences de responsive design et les bonnes pratiques du développement web.

Captures du projet

Description du projet

Ce projet m’a permis de réaliser l’intégration complète d’un site vitrine statique en HTML5 et CSS3, à partir des maquettes fournies par l’UI Designer et des spécifications techniques définies par la CTO.

À partir d’une structure de projet existante, j’ai développé l’ensemble des interfaces en veillant au respect des bonnes pratiques d’intégration web. J’ai conçu une mise en page entièrement responsive, adaptée aux différents supports (ordinateur, tablette et mobile), grâce à l’utilisation de Flexbox, de media queries et d’unités relatives garantissant une expérience utilisateur optimale sur tous les écrans.

Une attention particulière a été portée à la qualité du code, notamment à travers l’utilisation d’un balisage HTML sémantique, le respect des règles d’accessibilité, l’organisation des feuilles de style et l’optimisation de l’affichage des contenus. L’ensemble des composants de l’interface (en-tête, navigation, cartes, filtres, boutons, pied de page, etc.) a été intégré avec fidélité conformément aux maquettes fournies, sans recourir à des frameworks ou bibliothèques externes.

Ce projet m’a permis de consolider mes compétences en intégration front-end, en responsive design, en structuration de projet et en application rigoureuse des standards du web. À l’issue du développement, le site a été livré sous la forme d’un projet complet, organisé et prêt à être déployé sur un environnement d’hébergement.