La Fair Art
Conception & développement · Mode durable, friperie & upcycling
Site vitrine pour La Fair Art, marque de mode éthique basée à Tamraght, spécialisée dans la friperie et l'upcycling de vêtements de seconde main. Au-delà de la vitrine produit, le site raconte une histoire : celle de pièces qui ont déjà vécu une vie, et à qui l'on offre un nouveau chapitre.
Visiter le siteNotre approche
Plutôt qu'un site vitrine classique avec header et footer standards, nous avons conçu une expérience entièrement sur mesure, pensée comme un lookbook éditorial. La typographie du hero est composée de textures de vêtements réels (denim, motifs floraux, tee-shirts vintage) formant le nom de la marque, un clin d'œil direct à l'univers du upcycling. La navigation se fait au scroll, à travers une série de chapitres narratifs plutôt que des pages ou un menu classique, chacun avec ses propres transitions animées (Framer Motion) pour immerger le visiteur dans l'univers créatif et engagé de la marque.
En détail
Une grille éditoriale, pas un menu
Sous le hero, trois piliers de la marque (Pièces upcyclées, Looks éditoriaux, Voix politique), introduits comme des unes de magazine plutôt que comme des liens de navigation classiques.
Chapitre « Rural Women »
Un hommage aux femmes rurales marocaines, en calligraphie arabe et photographie documentaire, reliant streetwear et vêtements traditionnels du quotidien, l'un des multiples chapitres du scroll narratif, chacun animé par des transitions Framer Motion propres.
Chapitre « Seven Colors, A Lila »
La lila Gnaoua et ses sept couleurs sacrées, illustrée avec des nuanciers interactifs et une photographie éditoriale. Ces deux chapitres ne sont que des exemples : le site en compte plusieurs autres, chacun avec sa propre mise en scène et ses transitions animées au fil du scroll.
Stack technique
Fonctionnalités
- Hero collagé : typographie composée de textures de vêtements réels
- Aucun header/footer classique : navigation par scroll narratif
- Grille éditoriale (pièces upcyclées, looks, engagement politique)
- Plusieurs chapitres narratifs au scroll, avec transitions de page fluides (Framer Motion)
- Storytelling culturel marocain intégré au design (citations, calligraphie, couleurs)
- Section boutique « Coming soon »
- Polices sur mesure (Anton, Pacifico, Bebas Neue, Quicksand, Cairo)