5,0/5 · 40 avis Google · relevé du 07/09/2026 Montpellier & Hérault

WordPress dès 690 € TTC · Site en code dès 39 € TTC/mois + 349 € TTC d’activation Calculer mon prix

06 89 86 19 06
Site Web Montpellier

Étude de cas · Boutique de mode techwear

Cyber-Punk.fr, une boutique où l’on compose son look comme dans un jeu.

Cyber-Punk.fr est une boutique de mode techwear dont le parcours d’achat se joue comme un jeu vidéo : on choisit une silhouette, on glisse les pièces sur l’avatar zone par zone, et le prix se recalcule avec une remise qui grimpe à chaque zone complétée. Site Web Montpellier a conçu le parcours, les visuels et le module. Le paiement en ligne ouvre prochainement.

Cyber-Punk.fr — Étude de casCyber-Punk.fr — Étude de casCyber-Punk.fr — Étude de cas5,0/5 sur Google40 avis · Site Web Montpellier · relevé du 07/09/2026
Réalisé par Site Web Montpellier

Sur téléphone

Cyber-Punk.fr Ce film est le parcours réel, joué dans le navigateur : pièces posées sur l’avatar, offre pack, récapitulatif.
Secteur
Boutique de mode techwear
Type de site
E-commerce gamifié
Site en ligne
Cyber-Punk.fr 
Pièces
27
Silhouettes
2
Remise pack
jusqu’à −20 %

L’atelier en détail

Chaque zone
a son rôle.

Sélectionnez un point pour lire ce qu’il fait. La légende reprend les six points sous la capture.

Atelier de Cyber-Punk.fr : silhouette femme équipée d’un look complet rouge et magenta, emplacements, inventaire et total avec remise pack de 20 %
Une vraie silhouetteLe look s’affiche porté : base réaliste et vêtements en calques transparents, alignés au pixel.
Un inventaire de jeuSept emplacements sur cinq zones : le haut du corps prend jusqu’à trois couches, et un remplacement s’annule.
Femme ou hommeChanger de silhouette garde le look en cours.
Glisser ou toucher27 pièces filtrées par zone, à glisser sur l’avatar ou à toucher.
Le total et l’offre packLe montant s’anime à chaque pièce ; la jauge des cinq zones fait passer la remise de −5 % à −20 %.
Deux ambiancesSignal (clair) ou Néon noir (sombre), en un clic.
  1. 01Une vraie silhouetteLe look s’affiche porté : base réaliste et vêtements en calques transparents, alignés au pixel.
  2. 02Un inventaire de jeuSept emplacements sur cinq zones : le haut du corps prend jusqu’à trois couches, et un remplacement s’annule.
  3. 03Femme ou hommeChanger de silhouette garde le look en cours.
  4. 04Glisser ou toucher27 pièces filtrées par zone, à glisser sur l’avatar ou à toucher.
  5. 05Le total et l’offre packLe montant s’anime à chaque pièce ; la jauge des cinq zones fait passer la remise de −5 % à −20 %.
  6. 06Deux ambiancesSignal (clair) ou Néon noir (sombre), en un clic.

Le parti pris

Ce qu’il fallait
rendre possible.

Le point de départ du projet et ce que le site devait réussir.

Le point de départ

Sur une boutique de mode, le client imagine mal la tenue complète et achète pièce par pièce. Le parcours devait lui faire composer un look entier, le voir porté sur une vraie silhouette et l’inciter à compléter sa tenue, sans jamais masquer le nom ni le prix des pièces.

Ce que l’agence a conçu

Du parti pris
au parcours d’achat.

Conception, visuels, animations et code : tout a été réalisé par Site Web Montpellier.

01

Parcours client gamifié.

Silhouette, atelier, récapitulatif des tailles, panier, commande : chaque étape est un écran de jeu.

02

Avatars et 27 pièces en calques.

Deux vraies silhouettes et des vêtements en calques transparents, alignés au pixel près.

03

Glisser-déposer sur l’avatar.

Sept emplacements, haut du corps en trois couches, remplacement avec annulation ; un simple toucher suffit sur téléphone.

04

Offre pack et rappel.

Remise de −5 % à −20 % selon les zones complétées ; un rappel propose la pièce manquante en un clic.

05

Deux ambiances.

Signal (clair) ou Néon noir (sombre), en un clic depuis l’en-tête.

06

Module autonome.

Conçu pour s’intégrer à une boutique WordPress ou fonctionner seul.

Le site en images

Le site,
page après page.

Des parties du site Cyber-Punk.fr que le film ne montre pas. Sélectionnez une vue pour l’agrandir.

01L’accueil et l’avatar habillé
02Trois looks prêts à porter
03La fiche en tiroir mobile

Fonctionnalités du site

Ce que le site
permet de faire.

Dans le parcours

Sur le site de Cyber-Punk.fr.

  • Trois looks prêts à porter, à essayer en un clic
  • Looks enregistrés et partageables par lien
  • Chaque pièce posée confirmée par un message, sans masquer ni le nom ni le prix

Pour aller plus loin

Un projet
dans le même esprit ?

Votre projet

À votre image

Et si le prochain sitec’était le vôtre ?

Parlez-nous de votre activité : nous vous rappelons sous 48 h. Site WordPress dès 690 € TTC, ou site en code dès 39 € TTC/mois avec 349 € TTC d’activation. Nom de domaine et hébergement : précisés au devis.

Tout commence par un échange.

Votre activité, vos idées, vos attentes.

Réserver un créneauRendez-vous · 30 minutes ou décrire mon projet par écrit

Autres réalisations de l’agence

D’autres projets
dans le même esprit.

D’autres sites animés conçus par Site Web Montpellier, chacun avec son étude de cas.

Parlons de votre site

Votre projet
commence ici.

Un site comme celui de Cyber-Punk.fr vous parle ? Décrivez votre activité : nous vous rappelons sous 48 h pour en parler, puis nous vous proposons un devis détaillé, sans engagement.

Cyber-Punk.fr — Étude de casCyber-Punk.fr — Étude de casCyber-Punk.fr — Étude de cas5,0/5 sur Google40 avis · Site Web Montpellier · relevé du 07/09/2026

Tout commence
par votre activité.

Quelques mots pour comprendre ce que vous souhaitez.

Vous préférez en parler de vive voix ?

Cyber-Punk.fr · Boutique de mode techwear

Page.

Cyber-Punk.fr — Étude de cas

Contact

Envie de créer votre site web ?

Et si on parlait de votre projet ?

Cyber-Punk.fr — Étude de casCyber-Punk.fr — Étude de casCyber-Punk.fr — Étude de cas ★★★★★ 5,0/5 sur Google · 40 avis vérifiés Dès 690 € TTC Livré en 21 jours
Création site internet professionnel Montpellier - réalisation agence web

Complétez le formulaire