Développement de l’interface responsive du site Booki en HTML et CSS à partir d’une maquette Figma, en respectant des spécifications techniques précises et une structure de projet imposée.
Cliquez pour agrandir — défilement horizontal pour explorer
Contexte OpenClassrooms :
Au début de mon alternance chez Booki en tant que développeur web, j’ai été chargé d’intégrer l’interface du site vitrine de la start-up. L’objectif du projet était de permettre aux utilisateurs de rechercher des hébergements et des activités dans la ville de leur choix. Pour cela, je travaillais à partir d’une maquette finalisée par l’UI designer, ainsi que d’une base de code et d’un dossier de ressources fournis par l’équipe.
Le défi consistait à transformer une maquette en interface web fidèle, responsive et fonctionnelle, tout en respectant des contraintes techniques précises. Il fallait compléter une base HTML/CSS déjà amorcée, conserver l’arborescence de fichiers imposée et produire une intégration propre, cohérente et adaptable aux différents formats d’écran.
J’ai intégré l’ensemble de l’interface en m’appuyant sur la maquette fournie et sur la note de synthèse rédigée par l’équipe. J’ai :
Le site a été intégré de manière fidèle à la maquette, avec une interface claire, moderne et responsive. Le projet m’a permis de consolider mes bases en intégration web, de mieux comprendre la collaboration entre design et développement, et de produire un rendu structuré, maintenable et conforme aux attentes de la CTO.
