RADWAVE™, démo front-end e-commerce skateboard

Le contexte

RADWAVE™ est un projet concept, pensé pour la vente en ligne et l'UI design : une boutique en ligne fictive de skateboards et de matériel, avec une identité visuelle rétro 90s / Y2K assumée (chrome, dégradés holographiques, typos bulle, couleurs flash, textures VHS). Cible fictive : les skateurs de 16 à 30 ans et les amateurs de culture street et de nostalgie 90s.

L'objectif

Prouver, en une visite, qu'un site complet peut être à la fois joli, cohérent et bien construit front-end, du pixel jusqu'au parcours d'achat : direction artistique forte, parcours e-commerce crédible entièrement simulé côté client (catalogue, fiche produit, panier, tunnel de commande) et une pièce de bravoure qui démarque le projet, l'atelier de customisation.

Ma réponse

J'ai construit d'abord un design system complet (couleurs, typographies, ombres nettes façon sticker, effets chrome et holographiques) avant de toucher à la moindre page, pour garantir une cohérence visuelle de bout en bout plutôt qu'un rendu générique assemblé page par page. L'atelier de personnalisation est la pièce centrale : l'utilisateur choisit chaque composant du skate (deck, trucks, roues, roulements, grip) et voit le prix se recalculer en direct avant d'ajouter son build au panier. Le tout construit en Next.js et Tailwind CSS, avec un panier persistant (Zustand) et des animations soignées (Framer Motion), sans backend ni paiement réel : c'est une démo front-end à 100%.