Booki

Le projet Booki consiste à développer la page d’accueil d’une agence de voyage, en utilisant uniquement HTML et CSS. L’objectif principal était d’intégrer l’interface fournie sous forme de maquette Figma, en assurant une mise en page fidèle et responsive.

Conception et intégration

La mission était de transformer la maquette fournie en un site fonctionnel tout en respectant les bonnes pratiques de structuration du code. Cela impliquait :

• Une structuration HTML claire, avec une séparation logique des sections.
• Une mise en page CSS optimisée, utilisant Flexbox et CSS Grid pour une disposition fluide et adaptable.
• Une adaptation responsive, garantissant une expérience utilisateur optimale sur tous types d’écrans.
• Une compatibilité multi-navigateurs, assurant un rendu cohérent sur les principaux navigateurs web.

Technologies utilisées

Ce projet a été entièrement développé en HTML5 et CSS3, en respectant les principes d’accessibilité et de performance. L’approche mobile-first a été privilégiée afin d’assurer une compatibilité optimale sur smartphones, tablettes et desktops.

Objectifs et apprentissages

Ce projet a permis de développer des compétences clés en intégration web, en mettant l’accent sur :

• La conversion d’une maquette Figma en code de manière précise.
• L’utilisation avancée de CSS Grid et Flexbox pour organiser le contenu.
• L’optimisation de la responsivité et des médias queries.
• L’amélioration de la lisibilité du code et des bonnes pratiques HTML/CSS.

Grâce à ce projet, j’ai consolidé mes bases en développement front-end, en garantissant un rendu fidèle aux exigences du design et une expérience utilisateur fluide.