Tempo
lace up

Tempo est né d'un objectif personnel : réaliser un projet complet de A à Z, sans brief ni client, pour m'entraîner sur toutes les étapes à la fois. Nom, promesse, identité, visuels, maquettes et code.

Le concept : une marque de sneakers urbaines dont la promesse est « ta paire, ton rythme ». Le site devait aller plus loin qu'une vitrine, avec une vraie boutique et un configurateur pour créer sa paire.

Tout l'univers part du nom. L'accueil se présente comme un lecteur de musique : chaque modèle est un morceau avec son BPM, la pulsation autour de la chaussure bat réellement à ce tempo, et la couleur de toute la page suit le modèle en cours.

La collection devient une tracklist, le lookbook des pochettes d'album, l'engagement des liner notes. Pour le reste, je me suis inspiré des codes des grandes marques sans les copier : nom géant derrière le produit, annotations techniques, compte à rebours de drop.

Le noir asphalte et le crème forment la base de la marque. Chaque modèle apporte ensuite sa couleur signature, comme une pochette d'album : orange électrique, violet, vert et acier.

Sur l'accueil, cette couleur devient une variable CSS animée : quand le lecteur change de modèle, le logo, les boutons, le bandeau et la lueur derrière la chaussure changent de teinte ensemble.

Tous les visuels ont été générés par IA puis triés et retravaillés : une vue produit sur fond transparent et une photo portée par modèle, chacune avec son ambiance (terrain de basket, gratte-ciels, escaliers, rue de nuit sous la pluie).

Le plus dur a été la cohérence : même logo « T » sur toutes les paires, même éclairage, même angle. J'ai écarté une série où la Tempo One changeait de forme d'une image à l'autre. Les images sont ensuite passées en WebP : 19 Mo au départ, 1,8 Mo au final.