01. Le contexte
Fast-Fit est une page web pour un site de sport, construite section par section au fil du cours : d’abord le hero, puis la section programmes, et ainsi de suite. C’est ici que j’ai commencé à séparer les composants de la page de design et à explorer le prototypage (de ma prorpe initiative).
02. Le Défi
- Garder une cohérence sur l’ensemble de la page — transitions, hiérarchie typographique, espacements et couleurs — à travers toutes les sections, et ce sans encore utiliser l’auto layout
- Prototyper à l’intérieur même de mes composants (interactive components), une technique que j’ai recherchée et intégrée moi-même dans plusieurs sections : programmes, témoignages, footer et boutons
- Concevoir une flèche « back to top » réellement fonctionnelle, entièrement par curiosité personnelle (d’où les deux écrans identiques sur la maquette)
Prototype & illustrations
Personne ne m’a demandé de faire fonctionner cette flèche. C’est cette curiosité-là, plus que la théorie du cours, qui m’a fait comprendre tout ce que Figma pouvait faire, avant même de connaitre l’auto layout !
Le détail de ce projet est en cours de rédaction — revenez bientôt !