Étude de cas — mamajuliatienda.com

Le contexte

D'un stand de marché à une présence en ligne

Mamita Julia tient depuis des années un stand au marché couvert d'Andahuaylas, une ville andine du sud du Pérou. Son activité reposait entièrement sur le passage physique et le bouche-à-oreille.

L'objectif : lui donner une présence en ligne professionnelle, sans bouleverser sa façon de travailler et sans lui imposer d'outils complexes ou de frais récurrents. Le défi n'était pas celui d'un « gros projet », mais un défi de justesse — livrer un site rapide, fiable et exploitable au quotidien par une commerçante qui n'est pas du métier, à un coût d'hébergement quasi nul.

La problématique

Trois contraintes ont structuré toute la conception

Pas de paiement en ligne

La clientèle locale fonctionne en espèces et par Yape (paiement mobile péruvien). Imposer une passerelle bancaire aurait créé de la friction et de la défiance.

Conformité des descriptions

Les produits sont des compléments de bien-être. La réglementation péruvienne interdit toute allégation de santé : chaque fiche est rédigée de façon strictement factuelle.

Autonomie et coût maîtrisé

Le site devait vivre sans abonnement mensuel, sans serveur à administrer, et rester simple à faire évoluer dans le temps.

La solution livrée

Une boutique qui passe par un outil déjà familier

Un site 100 % statique, bilingue espagnol / anglais, installable comme une application (PWA), dont le parcours de commande s'appuie sur WhatsApp.

Le client navigue dans le catalogue, compose un panier, vérifie sa sélection, puis l'envoie en un toucher : le message de commande est pré-rédigé et s'ouvre directement dans sa propre application WhatsApp. Mamita Julia confirme le prix et la disponibilité, et coordonne le retrait ou la livraison. Aucune donnée personnelle n'est stockée, aucun cookie de suivi déposé — une architecture volontairement « sans collecte ».

Fiche technique

Les choix d'architecture

Chaque décision technique répond à une contrainte du projet : durabilité, autonomie, coût maîtrisé.

Front-end natif

HTML, CSS et JavaScript natifs, sans framework ni étape de build. Le code reste lisible, durable et sans dépendances à maintenir.

Architecture pilotée par les données

Le moteur de rendu est générique : il itère sur un fichier de données unique. Ajouter un produit se fait à un seul endroit — ce qui rend le site réplicable.

Bilingue ES / EN

Système d'internationalisation maison : toutes les chaînes de texte sont centralisées, la bascule de langue est instantanée.

Progressive Web App

Installable sur l'écran d'accueil, fonctionne hors-ligne grâce à un service worker. Stratégie de cache « réseau d'abord » : le contenu affiché est toujours frais.

Performance

Images WebP, chargement différé, priorisation de l'image principale. Le site reste léger, y compris sur des connexions mobiles modestes.

Référencement & partage

Balises méta, Open Graph et données structurées : aperçus de partage propres et site correctement indexable.

Hébergement & déploiement

Cloudflare Pages, nom de domaine sur Cloudflare Registrar, déploiement par ligne de commande (Wrangler) — procédure documentée et reproductible.

Discipline de versionnement

Chaque livraison incrémente des numéros de version alignés et une entrée de changelog : une mise à jour se propage proprement, sans contenu « fantôme » servi par un ancien cache.

Points forts

Ce que ce projet démontre

✓

Zéro friction

Pas de compte à créer, pas de carte à saisir. Le client reste dans un outil qu'il utilise déjà tous les jours.

✓

Pensé pour durer

Pas de framework, pas de build, pas de dépendances qui vieillissent. Le site fonctionne à l'identique dans cinq ans.

✓

Vie privée par défaut

Le site ne collecte rien. C'est un choix d'architecture, et un argument de confiance pour la clientèle.

✓

Modèle réplicable

Le contenu étant séparé du code, cette base est aussi un gabarit : elle peut équiper d'autres commerçants indépendants.

Le site

mamajuliatienda.com en images

Le mot de la fin

Calibrer une solution au juste niveau

« Pas de sur-ingénierie, pas de technologie pour la technologie. La bonne solution, au bon niveau, pour un besoin réel — c'est aussi ça, le métier. »

mamajuliatienda.com