Euphoria – Landing Page Bien-être
Réalisation d'une interface complète lors d'un contrôle de fin de module. L'enjeu était de respecter une charte graphique douce (tons pastels et verts) tout en assurant une structure technique irréprochable pour favoriser la conversion (inscription à la newsletter et aux cours).
Expertise Technique :
- Design Responsive "Mobile First" : Intégration de Media Queries spécifiques pour adapter la navigation et les sections de contenu sur smartphone, passant d'un affichage en ligne à une colonne centrée. - Layout Fluide : - Utilisation de Flexbox pour le header et les sections d'information. - Gestion précise des Background Images et du positionnement du texte pour garantir une lisibilité optimale sur toutes les résolutions. - Composants d'Interaction : Création d'un formulaire d'inscription en pied de page (newsletter) avec un stylage personnalisé des boutons et des champs de saisie. - Typographie & Espacement : Utilisation de la police Inter et travail minutieux sur les line-height et les paddings pour renforcer l'aspect apaisant du site.
Le Challenge Technique : Le défi sur ce contrôle était de réussir l'inversion des éléments dans la section "Develop your full power" lors du passage sur mobile, tout en gardant un équilibre visuel parfait entre les images et les blocs de texte.