Maison Arlo — Boutique Shopify B2B canapés

Une boutique Shopify B2B qui révèle les prix après connexion

Canapés fabriqués en France : prix visibles uniquement après connexion, remise automatique selon le profil pro.

Un projet, 2 interfaces

À quoi ça ressemble

Maison Arlo vend des canapés fabriqués en France à des hôtels, restaurants, architectes et revendeurs. Le catalogue est consultable par tous, mais les prix restent masqués tant que le visiteur n'a pas de compte professionnel validé.

Une fois connecté, chaque client voit sa propre grille tarifaire, de -15 % à -38 % selon son activité, avec un prix recalculé en direct selon le tissu choisi et la quantité commandée. Côté fabricant, un back-office dédié valide les comptes pros, ajuste les remises par groupe et suit les commandes, en gardant Shopify comme source des produits et des stocks.

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

Catalogue public, prix masqués avant connexion
Connexion pro, identifiants de démo préremplis
Remise pro affichée après connexion
Fiche produit : tissu, quantité, prix en direct
Tiroir panier avec remise et palier volume
Espace pro : commandes et encours autorisé
1 / 6

Des enjeux concrets, des réponses concrètes

Les enjeux

Ouvrir ses tarifs pros sans les exposer au public

Les défis initiaux

Prix catalogue confidentiels, négociés par profil

Nos solutions

Tarifs masqués par défaut, révélés après connexion

Les enjeux

Récompenser le volume sans renégocier à chaque fois

Les défis initiaux

4 profils pros, remises de 15 à 38%, paliers de quantité

Nos solutions

Remise de groupe et palier volume calculés en direct

Les enjeux

Garder Shopify comme source des produits et stocks

Les défis initiaux

Risque de double saisie, vitrine et Shopify déconnectés

Nos solutions

Back-office pro qui lit Shopify, zéro double saisie

Les choix qui comptent

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

Marketing & Conversion

Prix masqués avant connexion

Le catalogue reste visible par tous, mais chaque prix est remplacé par un badge « Prix réservé aux pros » tant que le visiteur n'a pas de compte validé.

Cliquer sur ce badge ouvre directement la connexion, sans quitter la page ni casser la navigation.

UX

Prix recalculé en direct

Chaque changement de tissu ou de quantité recalcule le prix pro immédiatement, remise de groupe et palier volume compris, sans rechargement de page.

Le prix catalogue barré reste visible à côté du prix négocié, pour que la remise reste toujours lisible.

Sécurité

Comptes pros validés un par un

Une demande de compte pro arrive « en attente » dans le back-office, avec SIRET et groupe tarifaire proposé, avant tout accès aux prix.

Le fabricant valide ou refuse en un clic ; tant qu'il n'a rien validé, le compte ne voit toujours que les tarifs masqués côté boutique.

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.