Savonnerie du Luberon

Un site e-commerce bilingue du premier clic à la commande

Le même site, deux langues, un seul back-office.

Beauté & cosmétique·Arts manuels

Un projet, 3 interfaces

À quoi ça ressemble

Savonnerie du Luberon vend ses savons saponifiés à froid en France et en Europe depuis un site unique, disponible en français et en anglais.

Catalogue, panier et tunnel de commande basculent de langue sans rechargement, et le gérant pilote produits, prix, stocks et commandes depuis un back-office dédié.

Le même catalogue alimente aussi une application mobile pensée pour l'achat depuis un smartphone.

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 boutique : hero et best-sellers
Catalogue filtré par catégorie
Fiche produit détaillée avec ingrédients
Panier avec deux articles
Tunnel de commande, étape livraison
Page atelier La Savonnerie
Page contact et horaires
1 / 7

Des enjeux concrets, des réponses concrètes

Les enjeux

Vendre aux clients français et internationaux

Les défis initiaux

Deux sites à maintenir, traductions vite désynchronisées

Nos solutions

Un catalogue unique, bascule FR/EN sur tout le parcours

Les enjeux

Rester autonome sur catalogue, prix et stocks

Les défis initiaux

Chaque changement de prix ou stock bloqué sans développeur

Nos solutions

Back-office dédié : produits, prix, stocks, commandes

Les enjeux

Vendre aussi bien sur mobile que sur desktop

Les défis initiaux

Tunnel d'achat inconfortable sur petit écran

Nos solutions

Application mobile dédiée, même catalogue et panier

Les choix qui comptent

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

UX

Tunnel de commande en trois étapes

Coordonnées, livraison puis paiement, avec validation en temps réel de chaque champ avant de passer à l'étape suivante.

Le récapitulatif et le total mis à jour en direct restent visibles à chaque étape, frais de port inclus.

Marketing & Conversion

Catalogue trié et filtré en un clic

Chips de catégorie et tri par prix ou popularité, avec badges best-seller posés sur les produits qui convertissent le mieux.

Le prix et le bouton d'ajout au panier restent visibles sur chaque fiche, sans clic supplémentaire.

UI

Tableau de bord ventes FR / EN

Quatre indicateurs clés — chiffre d'affaires, commandes, panier moyen et part des ventes en anglais — en un coup d'œil.

Le graphique hebdomadaire distingue FR et EN pour suivre la traction de chaque marché.

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.