Euphoria
Un contrôle d'intégration au 1ᵉʳ trimestre de B1. Le prof nous donnait une maquette Figma d'école de yoga, en anglais, et quelques heures pour la traduire en HTML et CSS.
Contexte : le sujet
Une landing pour Euphoria, une école de Hatha Yoga inventée par le prof. Tout en anglais, la maquette l'était. Charte verte (vif et vert d'eau), deux sections image-texte, un form newsletter au pied. Pas de design à inventer, pas de copywriting à écrire. Juste reproduire.
La contrainte : fidélité plus que créativité
Compétence évaluée : sortir le HTML/CSS d'une maquette en temps limité. J'ai bossé en Flexbox, font Inter pour tout, deux blocs image+texte alternés, un form en pied avec firstname/email. Pas de JavaScript, la consigne le demandait.
Ce que je referais autrement : quatre mois plus tard
Mon CSS est en desktop-first, avec une seule media query au-dessous de 768px pour passer en colonne. Les blocs sont en pixels durs (width: 715px...) au lieu d'unités fluides. Mes labels de form ne sont pas tous bien associés. Aujourd'hui je partirais autrement. Mais le contrôle était passé, dans les temps, fidèle à la maquette.