🌍 Booki – Intégration d’une page d’accueil responsive en HTML & CSS

Aperçu

Contexte

Dans le cadre de ma formation chez OpenClassrooms, j’ai intégré l’équipe fictive de la start-up Booki pour développer la page d’accueil de leur futur site web. Ce site permet aux utilisateurs de rechercher des hébergements et activités dans la ville de leur choix.

Objectif

Intégrer, à partir de maquettes Figma (desktop, tablette, mobile), une interface responsive en HTML et CSS, en respectant une charte graphique précise, des contraintes techniques définies, et une structure de fichiers existante.

Défis techniques

• Intégration responsive sans framework CSS (comme Bootstrap), en pur HTML5 et CSS3
• Respect pixel-perfect des maquettes fournies
• Utilisation de Flexbox pour le positionnement des éléments
• Optimisation de l’accessibilité et de la sémantique HTML
• Organisation du code et gestion d’un environnement de développement clair et structuré

Compétences développées

• Intégration web à partir de maquettes Figma
• Responsive design : adaptation multi-écrans (mobile, tablette, desktop)
• Maîtrise des fondamentaux HTML/CSS sans dépendance à des bibliothèques externes
• Collaboration en équipe fictive avec une CTO et un UI designer

Liens utiles