Maison Saint-Michel
Une cave bordelaise pensée e-commerce
Catalogue, tunnel de commande et fidélité client, pensés pour un caviste bordelais indépendant.
Un projet, 3 interfaces
À quoi ça ressemble
Maison Saint-Michel est un caviste et une épicerie fine bordelaise, vendus en ligne comme en boutique physique.
Le prototype couvre le parcours complet : catalogue filtrable, tunnel de commande en trois étapes, retrait dans 4 points bordelais et programme de fidélité.
Un back-office pilote les ventes, les stocks et les commandes au quotidien.
Une identité visuelle unique
Couleurs
Typographie
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0 1 2 3 4 5 6 7 8 9 & @ # %
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.js
React
TypeScript
Tailwind CSS
Framer Motion
Node.jsLe projet écran par écran
Des enjeux concrets, des réponses concrètes
Des enjeux concrets, des réponses concrètes
Les choix qui comptent
Trois décisions de conception prises sur ce projet, et pourquoi.
Tunnel de commande en 3 étapes
Tunnel de commande en 3 étapes
Coordonnées, livraison ou retrait, puis paiement : trois étapes avec validation à chaque écran.
Moins d'abandon de panier qu'un checkout Shopify générique à rallonge.
Programme de fidélité visible
Programme de fidélité visible
1 € dépensé = 1 point, avec une jauge de progression vers le bon de 25 €.
Une raison concrète de revenir après le premier achat, en ligne comme en boutique.
Pilotage des ventes en direct
Pilotage des ventes en direct
KPIs et courbe de ventes sur 30 jours, mis à jour sans recharger la page.
Les ruptures de stock remontent dans le tableau de bord avant de bloquer une vente.
Rapide, mesuré, prouvé
La vitesse n’est pas une promesse : elle se mesure.
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
5 étapes pour concrétiser votre projet
Cadrage
On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.
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.
Vous avez lu jusqu’ici ? Continuons ensemble.
Avant de signer, on vous offer sous 3j un prototype de votre projet.
Sans engagement
