Nouvelle Leader Mar — Phase 1
Quatre directions pour le héros de la landing page.
Les quatre maquettes portent la même narration et la même section de contenu. Seul le héros change — c'est là que se joue la décision. Elles se distinguent par ce dont elles ont besoin comme asset, donc par leur coût et leur risque.
Séquence canvas
Une séquence prérendue, redessinée frame par frame dans un canvas piloté par le scroll. C'est la mécanique exacte de terminal-industries.com.
- Asset requis
- Rendu 3D ou tournage (studio motion)
- Poids héros
- 4 – 8 Mo
- Risque
- Élevé
Le rendu dépend entièrement d'un prestataire externe. Sans budget motion, on livre un « Terminal raté ».
Voir la maquette→Cargo WebGL
Le conteneur est calculé en temps réel. La caméra suit un storyboard de quatre plans, les portes s'ouvrent sur les trois univers produits.
- Asset requis
- Aucun ici (modèle codé) · un GLB optimisé en production
- Poids héros
- 1 – 3 Mo
- Risque
- Moyen
On garde la main : changer un plan ou une couleur ne coûte rien. Budget GPU à surveiller sur mobile.
Voir la maquette→Éditorial
La typographie est l'animation. Un aplat percé par le slogan s'agrandit jusqu'à traverser une lettre, révélant la photographie plein cadre.
- Asset requis
- Photographies uniquement
- Poids héros
- < 500 Ko
- Risque
- Faible
Le plus rapide à livrer, impeccable sur mobile et sur réseau lent. Le filet de sécurité du projet.
Voir la maquette→Système
Le schéma de la chaîne d'approvisionnement, dessiné en SVG : sourcing mondial → hub NLM → tri-température → six destinations.
- Asset requis
- Aucun
- Poids héros
- < 300 Ko
- Risque
- Faible
La seule maquette qui explique le métier en un écran. Réutilisable en plaquette et en slide commercial.
Voir la maquette→Inventaire
Douze marques vectorielles de conditionnement se remplissent, se trient par température, puis se rangent en réserve face aux six destinations.
- Asset requis
- Aucun
- Poids héros
- < 100 Ko
- Risque
- Faible
La seule direction qui montre ce que NLM vend. Les marques resservent au catalogue e-commerce : c'est le seul livrable qui travaille deux fois.
Voir la maquette→Maison
Fond ivoire, typographie à empattements, registre hospitalité. Le slogan, puis les six maisons en liste éditoriale, puis bascule sur vert profond pour les chiffres.
- Asset requis
- Aucun
- Poids héros
- < 80 Ko
- Risque
- Faible techniquement, élevé stratégiquement
Le contrepoint. Il pose une question au client — logisticien ou partenaire d'une maison qui reçoit ? — plutôt qu'une variation esthétique.
Voir la maquette→Note technique
Toutes les maquettes partagent la même infrastructure de mouvement : Lenis pour l'inertie de scroll, GSAP ScrollTrigger pour asservir les timelines à la progression, un bloc sticky de 100 vh sur une piste de 3 à 4 écrans. Chaque héros dispose d'un état de repli statique sous prefers-reduced-motion.
Les incohérences relevées dans le PDF client (26 ans vs 25 ans, 1 000 vs 1 500 références, texte Canva résiduel dans le formulaire) sont signalées en commentaire dans src/lib/nlm.ts et restent à arbitrer.