Lueur — Boutique bougies artisanales
Une boutique faite pour durer
Catalogue à variantes, back-office autonome, tunnel d'achat soigné — le tout prêt pour Shopify.
Un projet, 2 interfaces
À quoi ça ressemble
LUEUR vend ses bougies artisanales coulées à Uzès à travers une boutique à variantes (taille, parfum, contenant) et un tunnel d'achat en quatre étapes.
Côté gérante, un back-office complet pilote produits, stocks, promotions, SEO et contenu du site sans écrire une ligne de code.
Le prototype est pensé pour être repris directement sur Shopify.
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.
Livraison offerte en temps réel
Livraison offerte en temps réel
La barre du panier recalcule en direct la distance au seuil de livraison offerte (49 €) à chaque ajout ou retrait d'article.
Un levier de conversion visible au moment exact de la décision d'achat, pas juste un bandeau statique en haut de page.
Stock par variante, pas par produit
Stock par variante, pas par produit
Chaque combinaison taille × parfum a son propre stock, calculé et affiché au moment où la cliente choisit sa variante.
Certaines combinaisons tombent à zéro indépendamment des autres tailles du même parfum, sans fausser la disponibilité globale du produit.
Variantes et prix pilotés sans code
Variantes et prix pilotés sans code
Le modal produit expose un tableau contenance × prix et la liste des parfums avec leur pastille couleur, modifiables directement.
La gérante ajuste ses variantes et tarifs depuis un formulaire, sans toucher au code ni dépendre d'un développeur.
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
