SPEERLA.
Robin Bouvet · développeur web indépendant
← Revenir au site
Six propositions construites avant le premier contact, deux sites livrés
Chaque capsule porte son poids réel en kilo-octets
audit@speerlastudio.comEmailWhatsApp

Proposition · · · · nom du destinataire retiré

Journal de fabrication

Pourquoi ce squelette, et pas un autre.

Une page n’est pas une affaire de goût, c’est une suite de décisions qui se justifient une par une. Voici celles qui ont fait chacune de ces huit pages.

Club de padel · proposition · 29 Ko

le tableau de réservation

  1. Le métier · un centre de padel en construction, deux sociétés déposées en quinze jours.
  2. Le squelette · le tableau. La réservation n’est pas une section de la page, elle EST la page.
  3. Pourquoi celui-là · un terrain se réserve à 22 h pour le lendemain 19 h. Le site n’est pas une vitrine, c’est la caisse.
  4. La pièce technique · quatre terrains sur quatre jours, avec les créneaux déjà pris.
  5. La deuxième · les parties ouvertes : le padel se joue à quatre, et il manque toujours le quatrième.
  6. Ce qui a été retiré · le nom, la commune, son adjectif, et les noms de domaine encore libres que j’avais relevés.

Usinage · proposition · 511 Ko

le plan coté

  1. Le métier · tournage, fraisage et électroérosion à fil, en petites séries.
  2. Le squelette · une planche de dessin industriel. Cadre, quadrillage, cartouche.
  3. Pourquoi celui-là · ce métier se juge sur un plan coté, jamais sur une photo d’usine. Le donneur d’ordre lit des tolérances.
  4. La pièce technique · la découpe au fil se trace au défilement, et les cotes tombent après le trait.
  5. Une précision · les valeurs cotées sont des exemples. Aucune tolérance n’a été inventée pour impressionner.
  6. Ce qui a été retiré · le nom, la commune, le téléphone, et les deux adresses de site relevées au registre.

Voyage sportif · proposition · 542 Ko

le roadbook de course

  1. Le métier · une société de voyages et de stages sportifs, créée il y a cinq semaines.
  2. Le squelette · un roadbook. La page est un parcours, chaque section est une borne kilométrique.
  3. Pourquoi celui-là · un séjour trail ne se vend pas dans une grille de produits, mais sur un profil et un dénivelé.
  4. La pièce technique · le profil d’altitude se dessine au défilement, les compteurs montent avec.
  5. La deuxième · un dossard qui se remplit pendant qu’on tape son nom, avec un numéro tiré du nom.
  6. Ce qui a été retiré · le nom, la ville, la boutique du gérant, et la mesure de son site actuel.

Bijouterie · proposition · 580 Ko

la vitrine qu’on longe

  1. Le métier · une bijouterie de centre-ville, reprise par un nouveau propriétaire.
  2. Le squelette · une vitrine qu’on longe. On défile de côté le long des pièces, comme sur le trottoir.
  3. Pourquoi celui-là · on ne compare pas deux bagues sur une grille. On passe devant, et une pièce arrête.
  4. La pièce technique · une loupe d’horloger qui suit le doigt et grossit trois fois. Le geste ne se voit jamais en vitrine.
  5. La prise de rendez-vous · construite sur les vrais horaires d’ouverture, jour par jour.
  6. Ce qui a été retiré · le nom, l’adresse, le téléphone, et tout le constat mesuré sur son site actuel.

Mobilier · proposition · 898 Ko

la boutique éditoriale

  1. Le métier · vente de mobilier et de décoration, société immatriculée en août.
  2. Le squelette · une revue plutôt qu’un catalogue. De grandes images, du texte long, le panier discret.
  3. Pourquoi celui-là · le mobilier ne s’achète pas à la ligne. Il s’achète après avoir regardé longtemps.
  4. La pièce technique · un panier qui fonctionne, sans plateforme et sans commission.
  5. Le canal · ce dossier a fini en lettre papier au siège, faute de tout autre moyen de les joindre.
  6. Ce qui a été retiré · le nom, le nom de domaine, et les fondateurs, introuvables en ligne de toute façon.

Soudure · proposition · 2 336 Ko

le rail des opérations

  1. Le métier · un atelier de soudure et de chaudronnerie.
  2. Le squelette · un rail horizontal épinglé. La page s’arrête, le contenu avance de côté.
  3. Pourquoi celui-là · une soudure est une suite d’opérations dans un ordre imposé. Une liste se survole, un rail se traverse.
  4. La pièce technique · le défilement horizontal : chaque passe passe devant les yeux.
  5. Le piège évité · la première version reprenait le squelette d’un autre client. Elle a été jetée et refaite.
  6. Le poids · 2 336 Ko, la plus lourde des huit : elle porte une vidéo.

La Boire Bavard · client, site en ligne

la maison qu’on réserve en direct

  1. Le client · une maison d’hôtes de charme en Anjou, notée 9,9 sur 10 par plus de deux cents avis.
  2. Le problème · quinze à vingt pour cent de chaque nuit partaient en commission de plateforme.
  3. Ce qui a été livré · un site qui prend la réservation ET le paiement en direct, jour et nuit.
  4. Le squelette · la maison d’abord, les chambres ensuite, le paiement au bout. On visite avant d’acheter.
  5. Bilingue · français et anglais dans un seul code, pour la clientèle de passage.
  6. Ce qui n’est pas caché · c’est un vrai client, son nom est affiché, et le site est en ligne.

Sport Network · client, site en ligne

la liste d’attente avant le produit

  1. Le client · une société française qui construit un réseau social dédié au sport olympique et paralympique.
  2. Le problème · la communication de lancement était calée, mais le produit n’existait pas encore.
  3. Ce qui a été livré · une page qui ouvre la liste d’attente avant le produit, et qui se partage.
  4. La contrainte · elle devait s’ouvrir instantanément sur un téléphone, dans un stade, sur un réseau saturé.
  5. Le résultat mesuré · premier écran chargé en 3,9 Ko. Bilingue, un seul code.
  6. Ce qui a été remis · le code source, les instructions et tous les comptes, ouverts au nom du client.

Ce que la machine distribue

Six propositions,
deux clients.

Six d’entre elles sont des propositions, pas des sites en service. Construites pour des entreprises réelles, avant même de les contacter. Personne ne les a commandées, personne ne les a payées, et rien n’oblige personne à les prendre. Elles sont ici anonymisées : ni raison sociale, ni dirigeant, ni commune, ni adresse, ni téléphone, ni numéro d’entreprise, ni nom de domaine. Les mots retirés portent leur marque à même le texte. L’adresse de chacune n’est connue que de son destinataire, et elle le restera.

Les deux autres sont des clients réels, avec leur nom, et leur site est en ligne. Leur capsule porte un liseré doré.

Ce qui reste des six, c’est le seul contenu qui m’appartienne : la structure et les pièces techniques. Et la structure se tire du métier, elle n’est jamais recopiée d’un client à l’autre. Chacune s’ouvre sur un bandeau qui dit ce qu’elle est, et se termine sur ce qui est sourcé et ce qui a été mis en attendant.

Client · maison d’hôtes en Anjou

La Boire Bavard

Réservations et paiements en direct, sans plateforme et sans commission.

  • Réservation et paiement en direct
  • Zéro commission sur chaque nuit
  • Français et anglais, un seul code
Client · réseau social sportif

Sport Network

Une page de lancement qui ouvre la liste d’attente avant que le produit existe. En ligne depuis le 14 août 2026.

  • Premier écran chargé en 3,9 Ko
  • Français et anglais, un seul code
  • Code et comptes remis au client, à son nom

  1. Un constat non mesuré n’existe pas. Un poids relevé au navigateur, une date au registre, une balise lue dans le code source. Jamais un chiffre approximatif.

  2. Aucune réalisation inventée. Pas de faux témoignage, pas de faux client, pas de logo posé pour faire nombre.

  3. Je ne réserve jamais le nom de domaine de quelqu’un. Je regarde s’il est libre, je le dis, et je laisse la personne le prendre.

  4. Je construis la page avant d’écrire. Pas un devis, pas trois directions au choix : une proposition entière, finie, offerte. Si elle ne plaît pas, elle n’a rien coûté et elle reste.

audit@speerlastudio.comWhatsApp

Speerla · Robin Bouvet · développeur web indépendant · micro-entreprise · 100 % à distance · speerlastudio.com

La scène tourne en WebGL. Les six propositions s’ouvrent en entier dans cette page ; les deux sites clients s’ouvrent dans un onglet, parce qu’un site en production refuse d’être encadré. Les photographies viennent d’Unsplash et de Pexels, libres d’usage commercial, et aucune n’appartient à un client.

On remplit la machine.