RADWAVE™, démo front-end e-commerce skateboard
Une démo front-end complète, boutique en ligne de skateboards, direction artistique rétro 90s et Y2K, avec un atelier de customisation où le prix évolue en temps réel.
100 % front-end : catalogue, panier et atelier fonctionnent réellement, mais aucun backend ni paiement n'est branché derrière.
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 et 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 %.
Le projet en images
Un projet en tête ?
Décrivez-moi votre besoin, je vous reviens avec un devis sous 48h.
Devis gratuit, réponse sous 48h.