Aller au contenu Aller au pied de page

Babuzi

La première cliente du studio : une cirière qui forme au métier depuis 2020 et tient seule son site.

Visiter le site (nouvelle fenêtre)
Le film du projet Babuzi, 45 secondes. Le film suit le projet en neuf chapitres. Florence, cirière au Lavandou, façonne la cire. Linectis code son site. Babuzi, l'atelier de Flo, est la première cliente du studio. Une cirière qui transmet depuis 2020, en visio ou dans son atelier. La construction : 275 commits d'avril à septembre 2026. La charte : six teintes testées, une seule retenue. Le code, écrit sur mesure ligne par ligne. Le back-office : Florence modifie seule ses textes, ses photos, ses formations et ses sessions. Le calendrier, où chaque date se réserve en ligne. Un site pensé pour chaque écran, écrit pour Google et pour les IA. Aujourd'hui, babuzi.fr est en ligne.

Le projet

Le contexte

Florence forme au métier de cirier dans son atelier du Lavandou et en visio. Six formations, des stages, des ateliers et un calendrier de sessions : le site devait présenter une offre riche sans la rendre compliquée. Il a été dessiné et codé de bout en bout, sans thème acheté ni constructeur de pages.

Expertise
Site internet sur mesure
Année
2026
Rôle
Direction artistique et développement
Secteur
Formation, artisanat
Autonomie
Formations et sessions
En ligne
babuzi.fr
La pile technique
  • Laravel
  • Statamic
  • Livewire
  • Tailwind CSS
  • Alpine.js
  • GSAP
  • 275 commits d'avril à septembre 2026
  • 6 teintes essayées pour la charte
  • 25 questions fréquentes en réponse
  • 16 pages dans le plan du site
Sommaire

Le site

Trois formats, six parcours : chaque page répond à la question d'une future élève.

Une offre riche, rangée par engagement.

Une formation professionnelle, un stage de deux jours ou un atelier de quelques heures : on choisit d'abord jusqu'où l'on veut aller. Chaque formation a ensuite sa page avec son programme, sa durée, son prix et ses prochaines dates.

  • Page des formations : « Choisissez votre formation au métier de cirier » puis la première des six fiches avec sa durée et son prix
    Les formations
  • Programme détaillé d'une formation : les objectifs pédagogiques puis les deux jours consacrés aux bougies moulées
    Le programme d'une formation
  • Page À propos : pourquoi « Babuzi », le mot lingala décliné du singulier au pluriel
    Le nom de l'atelier
  • Page de contact : les coordonnées de l'atelier à gauche et le formulaire à droite
    Le contact

Pensé pour le téléphone d'abord.

C'est là qu'une future élève compare deux formations et vérifie une date. La durée, le prix et les horaires tiennent dans le premier écran.

Haut de la page d'une formation : La complète, 35 heures, 830 € TTC, ses horaires et deux boutons pour réserver ou poser une question
La page d'une formation sur téléphone : photo, titre, durée, prix et horaires
Sommaire

La fabrication

Un site construit sur des formations et des sessions, pas sur des pages.

Une session saisie une fois.

Florence ajoute une date à une formation. Le calendrier et la page de la formation la reprennent. Choisir cette date remplit déjà le formulaire de réservation.

Calendrier des sessions : un mois en grille à gauche et les dates d'octobre et de novembre, chacune avec son bouton Réserver
Le calendrier sur téléphone : les filtres par format puis la session du 27 octobre et son bouton Réserver

Un panneau qu'elle tient sans nous.

Florence modifie seule ses textes, ses photos, ses formations et ses sessions. Chaque champ du panneau porte sa consigne en français. Rien n'est codé en dur dans une page.

Écrit pour Google et pour les IA.

Chaque formation se déclare aux moteurs de recherche comme un cours (Course, dans le vocabulaire de schema.org). Une foire aux questions répond à ce que les futures élèves tapent dans un moteur. Un fichier llms.txt résume l'organisme pour les assistants qui répondent à la place d'un moteur.

Sommaire

La charte

Les titres en Cormorant Garamond et le texte en Inter, sur cinq couleurs.

  • Vert sapin #134f43 Les boutons, le pied de page
  • Crème #fdfbf7 Le fond des pages
  • Sable #f4efe6 Les bandes et les cartes
  • Ambre #e78f24 Les surtitres
  • Encre #1c1c1c Le texte

Projet suivant

Tous les projets

2025

FamilyNest

SaaS sur mesure Voir le projet