ARPENT

Une boutique de sacs à dos sur mesure, calque par calque

Le client compose son sac en direct, l'atelier suit la fabrication sans ouvrir une ligne de code.

Mode / habillement·Arts manuels

Un projet, 2 interfaces

À quoi ça ressemble

ARPENT vend des sacs à dos personnalisables : le client choisit le tissu, la façade, les poches, les sangles et les accessoires, et voit son sac se composer en direct, vue avant et arrière, avec un prix qui s'anime à chaque choix.

Côté atelier, chaque commande arrive avec sa fiche de fabrication prête à imprimer, et l'équipe ajoute un nouveau coloris ou désactive une option sans toucher au code.

Une identité visuelle unique

Couleurs

Typographie

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0 1 2 3 4 5 6 7 8 9 & @ # %

RegularMediumSemiboldBoldExtrabold

Titres qui portent le message

Sous-titres qui structurent

Un texte courant lisible sur tous les écrans, avec des interlignes généreux.

Construit avec des technologies qui durent

Les technos les plus utilisées au monde, qui font tourner Airbnb et Netflix.

Next.jsReactTypeScriptTailwind CSSFramer Motion

Le projet écran par écran

Accueil : le sac se compose pièce par pièce
Suivi des commandes avec CA, volume et délai moyen
Configurateur : le sac dessiné en direct
Filtre par étape de fabrication en un clic
Sac personnalisé, vue arrière et calques actifs
Fiche de fabrication : sac avant/arrière et statut
L'Explorateur 32 L, un autre modèle à composer
Options et prix de la boutique pilotés sans code
Accessoires vendus à l'unité, stock affiché
Ajout d'un coloris avec aperçu live sur le sac
Panier avec le détail de la configuration
Nouveau coloris publié et visible tout de suite
Paiement en 3 étapes, carte Stripe ou PayPal
1 / 13

Des enjeux concrets, des réponses concrètes

Les enjeux

Montrer le sac exact avant achat

Les défis initiaux

Un configurateur 3D coûteux ou peu lisible

Nos solutions

Rendu par calques en 2D, avant et arrière

Les enjeux

Afficher un prix juste à chaque étape

Les défis initiaux

Des suppléments qui se perdent à la caisse

Nos solutions

Prix animé qui se met à jour à chaque choix

Les enjeux

Piloter l'atelier sans développeur

Les défis initiaux

Changer un coloris veut dire rouvrir le code

Nos solutions

Back-office qui gère options et commandes

Les choix qui comptent

Trois décisions de conception prises sur ce projet, et pourquoi.

UI

Configurateur par calques

Chaque option ajoutée empile un calque visible sur le sac, en vue avant ou arrière.

Le client voit exactement ce qu'il commande, sans maquette 3D ni visite en boutique.

Marketing & Conversion

Prix qui réagit en direct

Le prix total s'anime en direct à chaque choix de tissu, poche, sangle ou accessoire.

Il reste affiché avec le bouton d'ajout, jamais de supplément découvert à la caisse.

UX

Fiche de fabrication instantanée

Chaque commande génère sa fiche de fabrication : vues avant/arrière, configuration détaillée et statut.

L'atelier imprime ou renvoie l'e-mail de confirmation en un clic, sans ressaisie.

Rapide, mesuré, prouvé

La vitesse n’est pas une promesse : elle se mesure.

Performances : 96 sur 100
Performances
Accessibilité : 93 sur 100
Accessibilité
Bonnes pratiques : 100 sur 100
Bonnes pratiques
SEO : 100 sur 100
SEO

Chargement immédiat

Le contenu essentiel s’affiche en une fraction de seconde : rendu côté serveur, HTML léger, JavaScript réduit au strict nécessaire.

Images optimisées

Formats modernes (WebP/AVIF), dimensions adaptées à l’écran et chargement différé hors de l’écran : aucun octet gaspillé.

Stabilité visuelle

Pas de saut de mise en page pendant le chargement : les tailles sont réservées à l’avance, l’interface reste calme sous les yeux.

Une sécurité qui ne dort jamais

Ce qui tourne en arrière-plan pour que votre projet reste debout, quoi qu’il arrive.

Sauvegardes quotidiennes sur serveur distant

Procédure de reprise testée mensuellement

Monitoring automatique toutes les 5 min du service, alerte auto si service down

Chiffrement SSL

Isolation des environnements de développement

Étape 1 sur 5 : Cadrage

5 étapes pour concrétiser votre projet

Cadrage

Client
PDFcahier-des-charges.pdfPDF · 14 pages
ou

On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.

CyberScale

Reçu ! On vous prépare un prototype sous 3j

Vous décrivez votre projet

Un cahier des charges si vous en avez un, quelques paragraphes libres sinon.

0 €libre, le prototype reste à vous

Vous avez lu jusqu’ici ? Continuons ensemble.

Avant de signer, on vous offer sous 3j un prototype de votre projet.

Ajustements illimités, sans surcoûtLivraison et rapport hebdomadaireVous ne payez que si satisfait

Sans engagement

Questions fréquentes

Parce que nous limitons volontairement notre charge à 3 projets simultanés.

Résultat : des maquettes en 72 heures, 90% des messages répondus dans l'heure, une livraison chaque semaine et des délais garantis contractuellement.

Si nous sommes en retard, vous recevez gratuitement 2 mois de maintenance, d'hébergement, d'articles de blog et de social media.