Maison Sable, par Mokom Studio
Maison Sable est une biscuiterie fictive que j'ai imaginée pour vous montrer mon univers à travers un exemple artisanal. Cela vous permet de vous projeter et de voir comment je construis une boutique en ligne : cadrage, recherche, référencement, parcours, direction artistique, textes et performance. La marque, les produits et les avis sont inventés.
Une marque fictive, une démarche réelle
| Étape | Décision clé |
|---|---|
| Cadrage | Maquette fidèle à Shopify, publiée sur GitHub Pages, fiction signalée partout |
| Catalogue | 11 produits, une recette = une page, 14 allergènes réglementaires toujours visibles |
| Recherche | « Coffret biscuits artisanaux » en priorité ; aucune biscuiterie « de bord de mer » ne s'impose |
| Architecture | 2 collections seulement, tout produit à 2 clics de l'accueil |
| Référencement | une intention par page, titles et descriptions contrôlés automatiquement, site non indexé (marque fictive) |
| Parcours | ajout au panier en 1 à 2 gestes, aucun champ de paiement dans la commande simulée |
| Direction artistique | l’idée d’une boîte à biscuits en fer, en version gourmande : vraies photos, palette caramel et beurre |
| Mise en avant | aucune fausse donnée de vente, économies réelles calculées |
| Textes | chaque fait vient du catalogue ou de la fiche d'identité de la marque |
| Commande et conformité | livraison chiffrée, rétractation en ligne, déclaration nutritionnelle, aucun cookie |
Les résultats mesurés
Mesures de laboratoire du 28 septembre 2026, avant la mise en ligne : téléphone simulé, connexion 4G lente, processeur ralenti quatre fois.
| Mesure | Résultat |
|---|---|
| Affichage de la photo principale | 2,35 s sur l'accueil, 2,28 s sur une fiche produit, 1,94 s sur une collection (objectif : 2,5 s au plus) |
| Stabilité de la mise en page | décalage de 0,04 au plus (objectif : 0,1) |
| Réaction à l'ajout au panier | 184 ms (objectif : 200 ms) |
| Poids | 391 Ko à l'arrivée sur l'accueil, 13 Ko de JavaScript, aucun script externe ni cookie |
| Lighthouse (mobile) | performance de 91 à 100, accessibilité 100, bonnes pratiques 100 sur 6 pages |
Accessibilité testée au clavier et par mesure des contrastes ; un test avec un lecteur d'écran réel reste à faire. Site volontairement non indexé : aucune donnée de visiteurs réels.
Parlons de votre boutique
Vous préparez une boutique en ligne ou un site vitrine ? Mokom Studio applique la même méthode à votre projet.