jāte.
Un coffee truck qui débarque à l'écran : volet qui s'ouvre, couleurs par boisson et logo animé pièce par pièce.
Projet concept. Une maquette proposée par Digital Storm, pas encore validée par le client.
- Client
- jāte.
- Secteur
- Coffee truck itinérant
- Lieu
- Région de Mons
- Année
- 2026
- Ce qu'on a fait
- Site webDirection artistiqueMotion designLogo animé
Le contexte
Le point de départ
jāte. street café est un coffee truck itinérant de la région de Mons. Il sert café, matcha et boissons signatures sur les marchés, les festivals et les événements privés, avec une devise : qu'en un seul regard, on se dise « ça, c'est jāte. ». Ce site est un concept, une maquette proposée par Digital Storm qui n'est pas encore validée par le client.
Notre approche
Ce qu'on a construit
Direction « Spectre jāte » : une base crème et espresso reprise du logo, puis chaque boisson signature teinte sa section (matcha, bleu papillon, pastel, spéculoos). Le logo a été redessiné en vectoriel et découpé en pièces : au chargement, il se remplit et son macron tombe en rebondissant. Dans le hero, le volet de la remorque s'ouvre une seule fois et le titre « ça, c'est jāte. » apparaît au bon moment, avant une boucle d'ambiance. Les titres sont en Bodoni Moda minuscule avec point final, comme le logo, et le texte en Jost. Le site utilise GSAP (ScrollTrigger, MotionPath) et a passé un audit automatique de débordements de 320 à 1920 px.
En mouvement
Le site,
défilé en vrai.
Enregistré tel quel, sur ordinateur et sur téléphone.
Moments forts
Ce qu'on
retient.
Le logo qui se remplit
Au chargement, le logo se remplit comme un gobelet, le macron du « ā » tombe en rebondissant, puis le panneau remonte en vague.
Le volet s'ouvre
Le hero filme le volet de service du truck qui s'ouvre. Le titre se pose au moment où le comptoir se dévoile.
Les signatures en couleur
Quatre chapitres épinglés, dans lesquels le fond se remplit d'une vague à la couleur de chaque boisson. Sur mobile, ils deviennent un carrousel teinté.
La route du truck
Une route en pointillés, sur laquelle la remorque roule entre des arrêts suspendus (marchés, festivals, entreprises, fêtes privées).
Livrables
Ce qu'on
a livré.
Palette & typo
- Site vitrine one-page responsive (concept)
- Logo vectorisé et animé pièce par pièce (macron, point final)
- Hero : film du volet du truck qui s'ouvre, puis boucle d'ambiance
- Quatre chapitres signatures épinglés, chacun teinté de la couleur de sa boisson
- Carte avec prix : tableau sur desktop, onglets par catégorie sur mobile
- Section itinérance avec route animée et formulaire « événements privés » qui prépare un e-mail
- SEO technique : balisage, données structurées, image de partage, sitemap
Sur téléphone
Pensé pour
le pouce.
La majorité des visiteurs arrivent sur mobile. Chaque section est dessinée pour eux d'abord.
Votre projet