One page · Interface front-end

Travel : une one page de voyage immersive intégrée en HTML et CSS, avec vidéo en arrière-plan.

Travel est un exercice d'intégration front-end que j'ai réalisé pour travailler la mise en page d'une one page immersive sur le thème du voyage. L'écran d'accueil s'appuie sur une vidéo en arrière-plan pensée comme une invitation à découvrir des destinations, avec un message clair posé au premier plan. C'est une démonstration personnelle, pas un projet client.

Côté technique, la page est construite uniquement en HTML et CSS. La vidéo couvre toute la zone d'accueil et reste lisible grâce à un voile et à une hiérarchie de texte travaillée. La mise en page repose sur des techniques CSS modernes pour positionner le contenu, et l'ensemble est responsive afin de garder une lecture confortable du mobile au grand écran.

Cet exercice met en avant ma maîtrise de l'intégration HTML/CSS et du responsive : structurer une interface autour d'un média plein écran, garder un texte lisible sur une vidéo, et soigner le rendu visuel sans recourir à JavaScript. Il illustre ma façon d'aborder une one page, de la structure du balisage jusqu'aux finitions de l'animation et du contraste.

Intégration HTML/CSS sans framework

Une one page construite uniquement en HTML et CSS, avec un balisage propre et une mise en page maîtrisée autour d'un média plein écran, sans dépendance externe.

Arrière-plan vidéo immersif

Une vidéo couvre toute la zone d'accueil pour créer une ambiance de voyage, avec un voile et une hiérarchie de texte qui gardent le message lisible au premier plan.

Mise en page responsive

L'interface s'adapte du mobile au grand écran grâce à des techniques CSS modernes, pour conserver un rendu net et une lecture confortable sur tous les formats.