Étude de cas · E-commerce · 2026

Tupperware La Réunion : une boutique en ligne construite sans constructeur de page

Une marque que tout le monde connaît, une concession locale que personne ne trouvait, 327 références à vendre et un site hébergé sous un nom de domaine impossible à dicter au téléphone. Voici comment on a construit tupperware.re pour Tupperware Les Mascareignes, et surtout pourquoi on l'a construit comme ça.

Le point de départ : la marque était connue, l'adresse ne l'était pas

Tupperware Les Mascareignes est la concession de la marque pour La Réunion et Mayotte. Le point de retrait est à Saint-Pierre. Le savoir-faire commercial est là depuis des années, la clientèle aussi, et personne dans l'île n'a besoin qu'on lui explique ce qu'est une boîte Tupperware.

Le problème n'était donc pas la notoriété du produit. Il était dans l'adresse. Le site vivait sur tupperware-mascareignes-reunion.com, un nom de 38 caractères qu'il faut épeler deux fois au téléphone, hébergé chez Wix, avec en prime un sous-domaine m. qui servait une version mobile séparée.

Ce détail-là n'en est pas un. Servir le mobile sur une URL différente, c'est présenter deux sites à Google au lieu d'un seul : deux fois moins de force sur chaque adresse, et un doute permanent sur celle qu'il faut afficher. Google a abandonné ce modèle il y a longtemps ; il en reste des traces un peu partout chez les sites construits sur d'anciennes plateformes.

Le nom court était libre. On est parti de là.

Le nom de domaine n'est pas un détail administratif. C'est ce que votre client tape, ce qu'il dicte à une copine, ce qu'il retrouve six mois plus tard. Un nom qu'on ne peut pas répéter à l'oral coûte des clients tous les jours, en silence.

Le choix qui a tout conditionné : pas de constructeur de page

Elementor, Divi, les page builders en général : on s'en sert, chez d'autres clients, et ils font très bien leur travail sur un site vitrine de dix pages. Sur une boutique, la logique s'inverse.

Une boutique, c'est une grille de produits qui se répète des centaines de fois. Chaque couche d'abstraction ajoutée entre la base de données et le HTML se paie sur chacune de ces répétitions : du balisage en plus, des feuilles de style que personne ne lit, des scripts chargés sur des pages qui n'en ont pas besoin. Sur trois pages, ça ne se voit pas. Sur 327 fiches produit, ça se voit.

On a donc écrit un thème. Il s'appelle Tupperware Réunion, il contient 12 gabarits PHP, deux surcharges WooCommerce, une seule feuille de style de 37 Ko et un fichier de fonctions de 8,6 Ko. Elementor est installé mais désactivé, et il le restera.

Capture de la page d'accueil de tupperware.re dans une fenêtre de navigateur : bandeau Click and Collect, logo Tupperware, titre L'utile est agréable et compteurs de références
La page d'accueil. Aucune ligne de HTML n'est générée par un constructeur : tout vient d'un gabarit écrit à la main.

Ce choix a un coût, et on préfère le dire tout de suite : la responsable de boutique ne peut pas déplacer un bloc à la souris. Ce n'est pas un oubli, c'est la contrepartie. On y revient à la fin de l'article, parce que c'est exactement là que se joue la réussite ou l'échec d'un projet comme celui-là.

Ce qu'il y a sous le capot

La charte 2024 de la marque est écrite en dur dans la feuille de style, sous forme de variables CSS : le vert profond, le bleu lagon, le jaune, l'orange, le rouge, plus la typographie et le rayon des angles. Un changement de teinte se fait à un seul endroit et se propage partout. C'est trivial à mettre en place et ça évite les dérives de couleur qui finissent toujours par arriver quand chaque page a sa propre définition du vert de la marque.

  • Un mini-panier rafraîchi en AJAX, avec une jauge qui indique ce qu'il reste à ajouter pour atteindre les 150 € de livraison offerte.
  • Le Click & Collect en natif : une seule zone de livraison, La Réunion et Mayotte, avec retrait en boutique et livraison gratuite. Pas d'expédition hors zone, donc pas de commande impossible à honorer.
  • Stripe pour le paiement, avec le paiement en plusieurs fois.
  • Un formulaire de contact maison plutôt qu'une extension de 300 Ko pour six champs.
  • Des e-mails alignés DMARC, pour que les confirmations de commande arrivent en boîte de réception et pas en indésirables.

Si le Click & Collect vous intéresse pour votre propre activité, on a détaillé le mécanisme et ses pièges dans un article dédié : click and collect à La Réunion, 5 étapes pour booster vos ventes.

327 références rangées en 7 rayons

Un catalogue de cette taille ne se parcourt pas, il se filtre. La page boutique propose donc trois entrées en parallèle : les catégories, une fourchette de prix, et une recherche qui filtre à la frappe sans recharger la page.

Capture de la page boutique de tupperware.re : colonne de filtres par catégorie et par prix, barre de recherche et grille de produits avec leurs tarifs
La boutique et ses filtres. Le compteur en haut à droite se met à jour en même temps que la grille.

Le rangement compte autant que le nombre. Les 327 références sont réparties en sept familles : Cuisine & Préparation (95), Rangements (70), Boissons & Nomade (51), Table & Service (38), Livres & Recettes (32), Cuisson & Réchauffage (25) et Entretien & Accessoires (16). Sept, c'est un chiffre choisi : assez pour que chaque famille ait du sens, assez peu pour tenir dans une colonne sans faire défiler.

Le mobile n'est pas une version dégradée

C'est la conséquence directe du choix de départ. Comme le HTML est écrit à la main, la version mobile n'est pas un repli automatique sur un empilement de blocs : c'est la même page, avec les mêmes informations, réorganisée.

Deux téléphones côte à côte affichant tupperware.re : la page d'accueil et la grille de produits de la boutique en version mobile
Accueil et boutique sur mobile. Deux produits par ligne, prix visible sans zoomer, panier accessible au pouce.

Le SEO : ne pas se battre contre la marque mondiale

Voilà un point où beaucoup d'agences promettent l'impossible. Sur la requête « Tupperware », une concession locale ne passera jamais devant le site officiel de la marque. Ce n'est pas une question de travail ou de budget : Google donne cette place à la marque, et il a raison de le faire.

L'intérêt est ailleurs, dans les recherches où la localisation change la réponse. « Tupperware La Réunion ». « Tupperware Saint-Pierre ». « Boîte hermétique Réunion ». Ce sont des volumes plus petits, mais ce sont des gens qui peuvent venir chercher le produit à 20 minutes de chez eux.

Concrètement, cela veut dire que le gabarit de titre des fiches produit se termine par « Retrait à Saint-Pierre », que la fiche d'établissement est déclarée en LocalBusiness avec le bon numéro de téléphone, et que tout ce qui n'a aucune chance d'être une bonne réponse à une recherche est mis en noindex : les étiquettes, les archives par auteur et par date, les pages de résultats internes, les pièces jointes.

C'est le même raisonnement qu'on applique sur nos autres chantiers de référencement naturel à La Réunion : viser les requêtes qu'on peut gagner, pas celles qui font joli dans un rapport.

Le déménagement du domaine, sans casser l'existant

Changer de nom de domaine est l'opération qui fait le plus peur, et à juste titre : mal faite, elle efface d'un coup tout l'historique accumulé. Bien faite, elle est invisible.

  1. Repointer les DNS chez Wix Les enregistrements de l'ancienne plateforme ont été remplacés par une entrée unique vers le serveur, et le sous-domaine mobile a été supprimé.
  2. Créer un alias côté serveur L'ancien domaine est devenu un alias du nouveau, avec une redirection permanente et le service mail désactivé pour éviter les surprises.
  3. Réémettre le certificat Un seul certificat couvre désormais les quatre noms : le domaine, son www, l'alias et le www de l'alias. Sans cela, un visiteur arrivant sur l'ancienne adresse en HTTPS aurait vu un avertissement de sécurité avant même d'être redirigé.
  4. Vérifier chemin par chemin Une redirection qui renvoie tout vers l'accueil est une redirection ratée : elle jette le trafic des pages profondes. Ici, le chemin est conservé.

Contrôle effectué le jour de la rédaction de cet article : l'ancienne adresse renvoie un 301 vers tupperware.re, la version www aussi, et /boutique/ arrive bien sur /boutique/, pas sur la page d'accueil.

Le consentement avant la mesure

La mesure d'audience passe par Google Analytics, mais le script ne se charge pas tant que le visiteur n'a pas accepté. La bannière est écrite dans le thème, le refus est l'état par défaut, et le Consent Mode v2 est mis à jour au moment du choix. C'est la CNIL qui le demande, et c'est aussi la seule façon d'avoir des statistiques dont on peut faire quelque chose.

Où en est le site aujourd'hui

Les chiffres qui suivent ont été mesurés au moment d'écrire ces lignes, sur la page d'accueil, en conditions mobile.

  • SEO : 100 / 100 au rapport Lighthouse.
  • Bonnes pratiques : 100 / 100.
  • Accessibilité : 94 / 100.
  • Affichage du contenu principal (LCP) : 1,6 seconde.
  • Stabilité visuelle (CLS) : 0,07, soit largement dans le vert.

Ce qu'on surveille, et qu'on ne cache pas

Sur ces 1,6 seconde d'affichage, 1,46 seconde est du temps de réponse serveur. Autrement dit : le site est très léger, mais il attend. Il n'y a aujourd'hui aucun cache de page installé, chaque visite fait travailler PHP et la base de données pour reconstruire un HTML qui n'a pas changé.

C'est le prochain chantier, et il est simple : un cache de page bien réglé ramènerait ce temps de réponse à quelques dizaines de millisecondes, et l'affichage passerait largement sous la seconde. On préfère l'écrire ici plutôt que d'afficher un score et de s'arrêter là. Un site n'est jamais fini, il est à un moment donné de son entretien.

Deuxième point ouvert : sur les images du catalogue, la conversion au format moderne n'a porté que sur une partie de la médiathèque. Le reste suivra au même moment que le cache.

Le livrable qui compte le plus n'est pas le site

On revient au coût assumé du début. Un thème sur mesure, ça veut dire que la personne qui tient la boutique ne réorganise pas les pages elle-même. En échange, elle doit pouvoir faire, seule et sans nous appeler, tout ce qui relève de son métier : ajouter un produit, changer une photo, corriger un prix, traiter une commande.

Le livrable de fin de projet n'a donc pas été un simple mot de passe. C'est un tutoriel de 14 pages aux couleurs de la marque, avec de vraies captures du back-office et pas des illustrations génériques, qui couvre dans l'ordre : se connecter, lire le tableau de bord, traiter une commande Click & Collect jusqu'au retrait, modifier une fiche produit, changer une photo, gérer le stock et les prix, créer un produit de zéro, importer un lot d'images.

Le compte de la responsable de boutique est limité à ce périmètre : elle voit les produits et les commandes, elle ne peut pas toucher au thème ni aux réglages. Ce n'est pas de la méfiance, c'est de la tranquillité — pour elle comme pour nous.

Un site qu'on ne sait pas utiliser est un site mort. On voit régulièrement des boutiques bien faites dont le catalogue n'a pas bougé depuis dix-huit mois, parce que personne n'a jamais montré à la personne concernée où cliquer.

Ce que ce projet dit de notre façon de travailler

  • On choisit l'outil après avoir compris le problème. Un constructeur de page aurait été le bon choix pour une vitrine. Pour 327 fiches produit, non.
  • On dit ce qui n'est pas encore fait. Le temps de réponse serveur est le point faible du site aujourd'hui, il est écrit noir sur blanc dans cet article.
  • On vérifie au lieu d'annoncer. Les redirections ont été testées chemin par chemin, les scores ont été mesurés, pas estimés.
  • On livre l'autonomie avec le site. Sinon on vend un abonnement déguisé à notre propre assistance.

Le site : tupperware.re — Tupperware Les Mascareignes, concession pour La Réunion et Mayotte, retrait en boutique à Saint-Pierre. Mesures Lighthouse et contrôles de redirection effectués en août 2026.

Vous avez un catalogue à mettre en ligne ?

Boutique, Click & Collect, reprise d'un site existant ou changement de nom de domaine : on regarde votre situation et on vous dit franchement ce qui vaut le coup et ce qui n'en vaut pas.