Maison Crema Pro
Une boutique qui vend, qui chiffre, qui gère
Catalogue, devis pro et back-office pour équiper cafés, restaurants et hôtels en machines à café.
Alimentaire·Devis & chiffrage
Un projet, 3 interfaces
À quoi ça ressemble
Maison Crema Pro vend des machines espresso, moulins et équipements professionnels à des cafés, restaurants et hôtels.
Chaque fiche produit expose un tarif public et un tarif compte pro, avec un comparateur et une demande de devis qualifiée en 3 étapes.
Les clients pros suivent leurs commandes, factures et parc de machines installées depuis un espace dédié, pendant que l'équipe pilote catalogue, stocks et SEO depuis un back-office autonome.
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 MotionLe 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.
Devis qualifié en 3 étapes
Devis qualifié en 3 étapes
Le formulaire capture l'établissement, le volume quotidien et le matériel envisagé avant de livrer une estimation.
Le récapitulatif latéral se met à jour en temps réel à chaque champ rempli, pour rassurer le prospect avant l'envoi.
Suivi de commande en temps réel
Suivi de commande en temps réel
Chaque commande pro affiche une timeline animée (payée, préparation, expédiée, livrée) directement sur le tableau de bord.
Le client visualise l'état de sa livraison sans appeler le support.
Édition SEO sans développeur
Édition SEO sans développeur
Chaque page affiche un score SEO calculé (sitemap, données structurées, canonical) avec une jauge circulaire.
L'équipe modifie titre et meta description et voit l'aperçu Google se mettre à jour instantanément.
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
