Nous découvrir · le mode détaillé
L'envers de la feuille.
La vitrine montre le résultat. Ce document montre la structure : ce que nous faisons, ce que contiennent et coûtent nos offres, notre méthode, notre technique, notre démarche d'écoconception, nos démos mesurées, et l'expertise de l'équipe qui fait tout cela.
Quand un chiffre est un objectif, c'est écrit. Quand il est mesuré, la méthode et la date sont données. Les sources sont en annexe.
Sommaire01 Ce que nous faisons
Chapitre 01
Ce que nous faisons
Cinq métiers. Chacun a son offre et ses modalités, et pour trois d'entre eux, des démos complètes à ouvrir.
01.1Artisan à partir de 449 € HT · Vitrine à partir de 1 490 € HT
Sites d'artisans et sites vitrines
Artisans, commerces de proximité, entreprises qui veulent un site à leur image.
Un site développé par nous, avec des technologies web actuelles : il ne charge que ce dont il a besoin. Offre Artisan sur un modèle adapté à votre métier, offre Vitrine avec un design dessiné pour vous.
- Référencement local et fiche d'établissement Google
- Hébergement, maintenance et support dans le mensuel
- Refonte d'un site existant, avec les redirections qui préservent le référencement
- Un abonnement : le site est mis à votre disposition, vos textes et vos photos restent les vôtres
01.2à partir de 3 990 € HT
E-commerce
Vendre en ligne, en retrait ou en livraison.
Une boutique complète : catalogue, paiement sécurisé, commandes et espace client.
- Catalogue et stocks
- Paiement sécurisé
- E-mails de commande
01.3sur devis, engagement de moyens
Applications sur mesure
PME, collectivités, logiciels métier.
Une application web : portail, réservation, back-office, outil de gestion. Cahier des charges écrit, devis écrit, périmètre défini ensemble ; nous nous engageons sur les moyens.
- Critères RGAA pris en compte
- Le code vous appartient : livré et documenté
- Devis écrit, engagement de moyens
01.4À partir de 599 € HT par jour, selon les missions
Marque blanche pour les agences
Agences web qui ont besoin de renfort développeur.
Vous vendez et gardez la relation client, nous développons un lot défini, vous livrez sous votre nom. Un devis écrit et un périmètre défini ensemble ; on peut commencer par un petit lot pour tester la collaboration.
- Missions à distance, facturées au livrable par notre SAS
- Pas de présence sur site ni de régie
- React / Next.js, TypeScript, .NET, Node.js, PostgreSQL, et d'autres
01.5Audit complet de votre site : sur demande
Audit de votre site
Sites existants : entreprises, collectivités.
Un audit global de votre site, fondé sur l'écoconception, avec une partie accessibilité (RGAA) incluse, et les corrections à faire en premier.
- Écoconception et accessibilité (RGAA) dans le même audit
- Un analyseur gratuit en ligne
Chapitre 02 · 4 parties
Les offres en détail
Des prix affichés, hors taxes. Un site FrenchLeaf, c'est une création payée une fois, puis un abonnement mensuel qui couvre l'hébergement, la maintenance et le support ; une application sur mesure, c'est un devis écrit, sur un périmètre défini ensemble, avec un engagement de moyens.
02.1La grille
| Artisan | Vitrine | E-commerce | Sur mesure | |
|---|---|---|---|---|
| Pour qui | Artisans et commerces de proximité | Une entreprise qui veut un site à son image | Vendre en ligne, retrait ou livraison | PME, collectivités, logiciels métier |
| Création | à partir de 449 € HT | à partir de 1 490 € HT | à partir de 3 990 € HT | sur devis |
| Mensuel, engagement 36 mois | 49 € HT / mois | 79 € HT / mois | 149 € HT / mois | — |
| Mensuel, engagement 12 mois | 59 € HT / mois | 89 € HT / mois | 169 € HT / mois | — |
| Coût total sur 36 mois | à partir de 2 213 € HT | à partir de 4 334 € HT | à partir de 9 354 € HT | — |
| Inclus |
|
|
|
|
Artisan
Artisans et commerces de proximité
- Création
- à partir de 449 € HT
- Mensuel, 36 mois
- 49 € HT / mois
- Mensuel, 12 mois
- 59 € HT / mois
- Total sur 36 mois
- à partir de 2 213 € HT
- 3 à 5 pages
- Référencement local
- Fiche d'établissement Google
- Formulaire de contact
Vitrine
Une entreprise qui veut un site à son image
- Création
- à partir de 1 490 € HT
- Mensuel, 36 mois
- 79 € HT / mois
- Mensuel, 12 mois
- 89 € HT / mois
- Total sur 36 mois
- à partir de 4 334 € HT
- 5 à 7 pages
- Design sur mesure
- Référencement avancé
- Mesure d'audience
E-commerce
Vendre en ligne, retrait ou livraison
- Création
- à partir de 3 990 € HT
- Mensuel, 36 mois
- 149 € HT / mois
- Mensuel, 12 mois
- 169 € HT / mois
- Total sur 36 mois
- à partir de 9 354 € HT
- Catalogue et stocks
- Paiement sécurisé
- Espace client
- E-mails de commande
Sur mesure
PME, collectivités, logiciels métier
- Création
- sur devis
- Cahier des charges écrit
- Devis écrit, engagement de moyens
- Critères RGAA pris en compte
- Code source livré, il vous appartient
Les montants sont hors taxes. Prix de base : l'offre définitive est fixée sur devis. Le devis écrit précise aussi le périmètre, défini ensemble, et le délai (chapitre 03).
02.2Le mensuel
Le mensuel comprend :
- L'hébergement en Suisse (Infomaniak)
- La maintenance et les mises à jour de sécurité
- Le support par e-mail
- Les petites modifications de contenu
Son montant dépend de la durée d'engagement : 36 mois, le tarif le plus bas, ou 12 mois. Le volume des petites modifications est précisé dans votre devis.
À qui appartient le site ? Non, sauf sur devis ou en marque blanche.
- Offres en abonnement
- Artisan, Vitrine et E-commerce sont des abonnements : le site est mis à votre disposition pendant toute la durée de l'abonnement, et nous ne transférons pas le code.
- Sur devis et marque blanche
- Avec une prestation sur devis (Sur mesure), le code vous appartient et vous est livré, documenté ; en marque blanche, il est livré à l'agence.
- Vos contenus
- Dans tous les cas, vos textes et vos photos restent les vôtres.
- Nom de domaine
- Le nom de domaine des offres en abonnement : si vous en avez déjà un, il reste à votre nom ; sinon, nous nous en occupons et il est enregistré à notre nom.
02.3Maintenance et support
- Support, les jours ouvrés
- Par e-mail
- Un moniteur surveille le site et nous alerte en cas de panne
- Permanente
- Pas de service 24 h/24
- Aucune
| Niveau | Exemple |
|---|---|
| Critique | Site inaccessible, paiements hors service |
| Majeur | Fonctionnalités cassées |
| Mineur | Défauts d'affichage, contenus |
- 1DétectionMoniteur de disponibilité ou signalement
- 2AlerteNotification par e-mail
- 3Prise en chargePar un développeur de l'équipe
- 4CommunicationVous êtes informé
- 5RésolutionProblème corrigé
- Surveillance
- Vérification automatique de la disponibilité, alerte par e-mail en cas de panne, suivi du certificat SSL.
- Sécurité
- Mises à jour de sécurité, certificat SSL renouvelé, sauvegardes régulières.
- Performance
- Mesure Lighthouse et suivi des Core Web Vitals après chaque mise à jour.
- Rapport
- Un point périodique : disponibilité, performances, interventions réalisées.
02.4Audit et marque blanche
- Audit complet de votre siteTout le site, pas une seule page : poids et sobriété, performance, et une partie accessibilité (RGAA), avec les corrections à faire en premier.Sur demande
- Marque blanchePour les agences : un lot défini ensemble, livré sous votre nom. Missions à distance ; un travail à livrer, facturé au livrable ; ni présence sur site, ni régie ; devis écrit, engagement de moyens. React / Next.js, TypeScript, .NET, Node.js, PostgreSQL, et d'autres.À partir de 599 € HT par jour, selon les missions
Chapitre 03
Méthode
Tout part d'un cadrage écrit et d'un devis écrit, sur un périmètre défini ensemble ; le délai est indiqué sur le devis. Six étapes, les mêmes pour un site d'artisan et pour une application ; seule leur durée change.
Étape 1 : Cadrage écrit
Un court échange pour comprendre votre activité, vos clients et vos objectifs. Nous écrivons ensuite un cahier des charges, validé avec vous avant le devis.
- Vous
- Vous relisez et validez le cahier des charges.
- Vous recevez
- Cahier des charges, puis un devis écrit : le périmètre défini ensemble, le chiffrage et le délai.
Étape 2 : Maquette
Design, textes, mise en page. Offre Artisan : un modèle adapté à votre métier. Offre Vitrine : un design dessiné pour vous. Rien n'avance sans votre accord.
- Vous
- Vous validez chaque étape avant qu'on passe à la suivante.
- Vous recevez
- Maquettes validées.
Étape 3 : Développement
Le site est écrit en code (Next.js, TypeScript), avec des tests automatisés et des démonstrations régulières. La communication est écrite, avec des points en visio planifiés.
- Vous
- Vous voyez le site avancer lors de démonstrations régulières.
- Vous recevez
- Points d'avancement écrits.
Étape 4 : Recette
Tests de performance, de référencement, sur plusieurs navigateurs et d'accessibilité. Audit Lighthouse avant la mise en ligne.
- Vous
- Vous validez le site avant sa mise en ligne.
- Vous recevez
- Mesures sur mobile : poids des pages, nombre de requêtes, scores Lighthouse et note de sobriété.
Étape 5 : Mise en ligne
Publication chez Infomaniak, en Suisse, certificat SSL, configuration de la fiche d'établissement Google et du référencement local.
- Vous
- Rien de technique à gérer : nous nous occupons de tout.
- Vous recevez
- Le site en ligne ; sur devis et en marque blanche, le code source livré et documenté.
Étape 6 : Suivi
Surveillance, mises à jour de sécurité, sauvegardes, petites modifications de contenu et support par e-mail, dans le cadre du mensuel.
- Vous
- Un simple e-mail suffit pour demander une modification.
- Vous recevez
- Un rapport de suivi périodique.
Chapitre 04 · 7 parties
Technique
Ce chapitre s'adresse à ceux qui veulent regarder sous le capot : la pile que nous utilisons au quotidien, comment une page arrive à l'écran, ce que nous mesurons, et des extraits du code de nos démos.
04.1La pile
- React / Next.js
- TypeScript
- Node.js
- .NET
- PostgreSQL
- Conteneurs
- et d'autres
Les mêmes outils pour toute l'équipe. Les sites et les interfaces sont écrits en React et Next.js avec TypeScript ; les API et les back-ends en .NET ou Node.js, avec PostgreSQL ; des conteneurs pour l'environnement ; et d'autres outils selon les projets.
04.2Rendu serveur
- 1Requête : votre navigateur demande la page au serveur, chez Infomaniak, en Suisse.
- 2HTML complet et CSS : la page a été rendue par Next.js au build ou à la demande ; le texte s'affiche, lisible sans attendre le JavaScript.
- 3JavaScript des parties interactives : formulaire, simulateur. Chargé ensuite.
- 4Images plus bas dans la page : à la taille de l'écran, chargées quand elles approchent.
04.3Budgets de performance
| Démo | Routes | JavaScript, première visite |
|---|---|---|
| Pairault Plomberie ChauffagePlombier-chauffagiste | 3 | |
| Tessereau ÉlectricitéÉlectricien, bornes de recharge | 3 | |
| Brémaud CouvertureCouvreur-zingueur | 3 | |
| Menuiserie ChabosseauMenuisier | 4 | |
| Sabourin PaysagePaysagiste | 3 | |
| Mainguenaud MaçonnerieMaçon, bâti ancien | 4 | |
| BrumeTable gastronomique | 4 | |
| Le Fournil de SalbartBoulangerie-pâtisserie | 3 | |
| NuqueCoiffure mixte et barbier | 3 | |
| Lise ArnaudeauPhotographe | 3 | |
| La BasculeÉpicerie bio et vrac | 9 | |
| CordeauLogiciel de gestion pour artisans | 14 | |
| Faîtière, espace sinistresAssurance : déclaration et suivi | 10 | |
| Mairie de LoubrelleCollectivité : services en ligne | 25 | |
| La SalicaireTourisme : réservation en ligne | 15 |
Mesures détaillées de quatre démos (ordinateur et mobile bridé) : chapitre 06. Profil mobile : 412×823, DPR 1,75, 4G lente simulée (150 ms, 1,6 Mbit/s), processeur ÷4.
04.4Accessibilité
Nous prenons en compte les critères du RGAA dès la conception (offre Sur mesure) et vérifions l'accessibilité en recette. La démo Mairie de Loubrelle a été conçue avec le RGAA pour référentiel : navigation entière au clavier, paramètres d'affichage et déclaration d'accessibilité.
| Démo | Règles réussies | Défauts | Règle en défaut |
|---|---|---|---|
| Pairault Plomberie | 34 | 5 | color-contrast |
| La Bascule (e-commerce) | 28 | 1 | nested-interactive |
| Cordeau (application) | 26 | 0 | aucune |
| Mairie de Loubrelle | 32 | 0 | aucune |
04.5Sécurité
- Formulaire de contact
- 5 envois par adresse IP et par heure, longueurs maximales par champ, champ piège contre les robots, caractères HTML échappés.
- Données
- Le message part par e-mail via le serveur de messagerie d'Infomaniak ; il n'est enregistré dans aucune base de données du site.
- Serveur
- Certificat SSL, mises à jour de sécurité et sauvegardes dans le mensuel.
// 5 envois par IP et par heure glissante
const contactRateLimiter = createRateLimiter('contact', {
limit: 5,
windowMs: 60 * 60 * 1000,
});
// Longueurs maximales acceptées (le formulaire limite déjà le message à 2000)
const MAX_LENGTHS = {
name: 100,
email: 254,
company: 150,
project: 100,
budget: 60,
message: 2000,
offre: 50,
site: 500,
} as const;
04.6Référencement technique
- Balises title et meta description écrites page par page
- HTML sémantique, un seul titre principal, hiérarchie des titres
- Données structurées Schema.org
- Maillage interne
- Pages rapides sur mobile (Core Web Vitals)
- Fiche d'établissement Google et référencement local
- Suivi de l'indexation dans Google Search Console
- Mesure d'audience et indicateurs définis avec vous : contacts, demandes de devis, ventes
04.7Extraits de code
Du code réel, lu dans le dépôt au moment où cette page est générée : si le fichier change, l'extrait suit. Chaque démo résout un vrai problème de son métier.
export type Tier = "base" | "zone" | "works" | "out";
export function tierOf(c: Commune): Tier {
if (c.km === 0) return "base";
if (c.km <= ZONE_KM) return "zone";
if (c.km <= WORKS_KM) return "works";
return "out";
}
/** Temps de route indicatif depuis Parthenay, arrondi à 5 min (routes départementales). */
export function driveMinutes(km: number): number {
return Math.max(5, Math.round((km * 1.1 + 3) / 5) * 5);
}
« J'habite à… » : chaque commune de la zone (380, en Deux-Sèvres et dans la Vienne) est classée selon sa distance, avec un temps de route indicatif.
/** Jours fériés légaux en métropole (hors Alsace-Moselle). */
export function joursFeries(annee: number): Set<string> {
const deja = cacheFeries.get(annee);
if (deja) return deja;
const p = paques(annee);
const set = new Set<string>([
`${annee}-01-01`,
jourISO(ajouterJours(p, 1)), // lundi de Pâques
`${annee}-05-01`,
`${annee}-05-08`,
jourISO(ajouterJours(p, 39)), // Ascension
jourISO(ajouterJours(p, 50)), // lundi de Pentecôte
`${annee}-07-14`,
`${annee}-08-15`,
`${annee}-11-01`,
`${annee}-11-11`,
`${annee}-12-25`,
]);
cacheFeries.set(annee, set);
return set;
}
Les délais légaux de déclaration se comptent en jours ouvrés : il faut donc Pâques, l'Ascension et la Pentecôte.
function rsMultiply(x: number, y: number): number {
let z = 0;
for (let i = 7; i >= 0; i--) {
z = (z << 1) ^ ((z >>> 7) * 0x11d);
z ^= ((y >>> i) & 1) * x;
}
return z & 0xff;
}
Le billet porte un vrai QR code (norme ISO/IEC 18004), encodé sans bibliothèque : ici, la multiplication dans le corps de Galois GF(2⁸) de la correction d'erreurs Reed-Solomon.
export function controlerTVA(devis: Pick<Devis, "lignes">, chantier: Chantier | undefined, articles: Article[]): AlerteTVA[] {
const alertes: AlerteTVA[] = [];
const reduits = tauxReduits(devis.lignes);
if (reduits.length > 0 && chantier) {
if (chantier.typeLocal === "professionnel") {
alertes.push({
niveau: "erreur",
message: "Ce chantier est un local professionnel : les taux réduits ne s'appliquent qu'aux locaux d'habitation.",
});
} else if (!chantier.achevePlusDe2Ans) {
alertes.push({
niveau: "erreur",
message: "Le logement est achevé depuis moins de deux ans : taux normal de 20 % obligatoire.",
});
}
}
L'éditeur de devis signale une erreur si un taux réduit est appliqué à un local professionnel ou à un logement achevé depuis moins de deux ans.
name: 🌱 Eco Performance Audit
on:
push:
branches: [main, develop]
pull_request:
branches: [main]
workflow_dispatch:
permissions:
contents: read
pull-requests: write
jobs:
eco-audit:
name: Bundle Analysis & Lighthouse Audit
runs-on: ubuntu-latest
Build, analyse du poids du JavaScript et audit Lighthouse, sur les branches principales et les demandes de fusion.
Chapitre 05 · 5 parties
Green IT et écoconception
L'écoconception est notre méthode de travail, pas une promesse chiffrée. Nous ne vous annoncerons pas de grammes de CO₂ économisés : nous appliquons des pratiques connues, nous mesurons ce qui se mesure, et nous vous le communiquons.
05.1Notre position
Ce que nous maîtrisons directement, c'est le poids de vos pages, le nombre de requêtes et l'optimisation des images : ce sont ces indicateurs que nous mesurons et vous communiquons à la livraison, avec les scores Lighthouse relevés sur mobile et la note de sobriété de notre analyseur. C'est une estimation, pas une mesure directe de consommation.
Pour un site existant, nous proposons un audit global fondé sur l'écoconception, avec une partie accessibilité (RGAA) incluse (chapitre 07).
05.2Méthodes
05.2.1
Images
Formats WebP ou AVIF, dimensions adaptées à chaque écran, chargement différé des images hors de l'écran.
Effet attendu Des pages plus légères.
05.2.2
JavaScript
Le code est découpé par page et le code mort est retiré au build ; les modules lourds ne se chargent qu'au moment où ils servent (import dynamique, écrit là où il est utile).
Effet attendu Moins de JavaScript transféré et exécuté sur le téléphone.
05.2.3
Pages générées à l'avance
Les pages sont produites au build (génération statique), ou régénérées en arrière-plan, plutôt qu'à chaque visite.
Effet attendu Moins de calcul serveur.
05.2.4
CSS et polices
Styles réduits au nécessaire, styles critiques en premier, polices peu nombreuses et chargées sans bloquer le texte.
Effet attendu Un premier affichage plus rapide.
05.2.5
Thème sombre
Un thème sombre proposé, comme ici (Forêt).
Effet attendu Sur les écrans OLED, les pixels sombres consomment moins : l'effet dépend du type d'écran.
05.2.6
Alternative sobre
Quand une demande est lourde (vidéos en lecture automatique, par exemple), nous proposons une version sobre au rendu proche : aperçus en image et lecture au clic. Vous gardez le dernier mot, en connaissance de cause.
Effet attendu Beaucoup moins de données chargées à l'ouverture de la page.
05.3Hébergement
Nos sites sont hébergés chez Infomaniak, hébergeur suisse indépendant, dans ses centres de données en Suisse. Nous l'avons choisi pour son indépendance, la localisation des données et la transparence de ses engagements. Selon Infomaniak :
- ses centres de données fonctionnent à l'électricité renouvelable certifiée (hydraulique et autres sources renouvelables locales) ;
- ils sont refroidis à l'air extérieur filtré depuis 2013, sans production de froid artificiel dédiée aux serveurs ;
- leur PUE moyen annoncé est inférieur à 1,1 ;
- depuis 2025, la chaleur de ses nouveaux centres de données est revalorisée pour chauffer des foyers ;
- ses serveurs sont utilisés jusqu'à 15 ans ;
- l'entreprise est certifiée ISO 14001 et ISO 50001 depuis 2015.
05.4Cette page, mesurée
Le JavaScript de cette page ne sert qu'à trois choses : l'en-tête (thème et retour à la vitrine), le repérage du chapitre en cours dans le sommaire, et la mesure ci-dessous. Le reste, planche comprise, est du HTML et du CSS.
Mesure en direct, dans votre navigateur
Mesure après le chargement complet de la page…
05.5Au quotidien
- E-mails
- Pièces jointes lourdes supprimées, images compressées avant envoi, désabonnement des lettres inutiles.
- Stockage
- kDrive (Infomaniak) : fichiers organisés, doublons et versions obsolètes supprimés, projets terminés archivés.
- Rendez-vous
- En visio quand c'est possible (kMeet, caméra coupée par défaut), déplacements regroupés sinon.
- Matériel
- Réparer avant de remplacer ; donner ou revendre ce qui ne sert plus. Mise en veille automatique, luminosité réduite.
- Développement
- Travail en local, documentation en Markdown, versions avec Git plutôt que des copies de fichiers.
- Intégration continue
- Build et audit automatiques sur les branches principales et les demandes de fusion, dépendances en cache.
- Choix des projets
- Nous refusons les projets de minage de cryptomonnaie énergivore, de fast-fashion ou aux contenus illégaux.
- Aujourd'huiAnalyseur SEO et Green IT gratuit en ligne ; pratiques publiées sur le site.
- Prochaine étapeMesures Lighthouse et de sobriété partagées à chaque livraison ; premier article technique.
- 2027Bilan annuel de nos pratiques publié.
- EnsuiteÉtudier la démarche de labellisation Numérique Responsable ; un outil gratuit de contrôle d'accessibilité en ligne.
Chapitre 06 · 1 partie
Réalisations
15 démos complètes, à ouvrir sur votre téléphone : c'est ce que nous livrons. Les entreprises, les contenus et les prix sont fictifs ; le code et les mesures sont réels.
Bâtiment 6
Pairault Plomberie Chauffage
Plombier-chauffagiste · Parthenay
Le site d'un artisan qui répond d'abord à la vraie question du client : est-ce qu'il intervient chez moi, et combien ça coûte ?
- « J'habite à… » : réponse immédiate sur 380 communes, avec le temps de route
- Prix indicatifs affichés, demande de devis avec photos
- Urgence et barre Appeler · Itinéraire · Devis sur mobile
Offre Artisan125 ko de JS · 3 routes/templates/plombier
Tessereau Électricité
Électricien, bornes de recharge · Échiré
Tout le site est dessiné comme un schéma électrique. Chaque départ du tableau mène vers un métier : dépannage, borne, mise en sécurité.
- Simulateur de borne : puissance, IRVE, prix posé
- Dépannage aux délais honnêtes, prix affichés
- Devis pré-rempli depuis le simulateur
Offre Artisan118 ko de JS · 3 routes/templates/electricien
Brémaud Couverture
Couvreur-zingueur · Bressuire
« Jamais au porte-à-porte. » Dans un métier miné par le démarchage abusif, un site construit pour inspirer confiance.
- Schéma de toiture interactif : chaque partie, son problème, son prix
- Identité vérifiable et conseils contre les arnaques
- Urgence après un coup de vent, chantiers datés
Offre Artisan120 ko de JS · 3 routes/templates/couvreur
Menuiserie Chabosseau
Menuisier · La Mothe-Saint-Héray
Le site dessiné comme un plan d'atelier : lignes de cote, fiches de chantier, feuille de débit. Pose de fenêtres et agencement sur mesure.
- 10 réalisations en fiches d'atelier (essence, heures, budget)
- Nuancier des essences de bois
- Délais sur une règle graduée, visite de l'atelier
Offre Artisan122 ko de JS · 4 routes/templates/menuisier
Sabourin Paysage
Paysagiste · Vouillé, près de Niort
Création et entretien de jardins. Les prix d'entretien sont affichés avant et après les 50 % de crédit d'impôt, sources officielles à l'appui.
- Simulateur de contrat d'entretien, prix après crédit d'impôt
- Calendrier du jardin qui suit le mois en cours
- Réalisations avant/après avec budget
Offre Artisan123 ko de JS · 3 routes/templates/paysagiste
Mainguenaud Maçonnerie
Maçon, bâti ancien · Thouars
« Les vieux murs se reprennent à la chaux. » Un site qui vend l'expertise : pourquoi, comment, et chantier par chantier.
- Coupe de mur interactive : chaux ou ciment
- Carnets de chantier semaine par semaine
- Pierres locales, zone, autorisations d'urbanisme
Offre Artisan117 ko de JS · 4 routes/templates/macon
Commerces & services 4
Le Fournil de Salbart
Boulangerie-pâtisserie · Échiré
Le site d'une boulangerie de bourg : ce qui sort du four aujourd'hui, les horaires, et les gâteaux sur commande.
- Pain du jour qui change selon le jour
- Commande de gâteaux avec délai de 48 h
- Tournée dans les villages voisins
Offre Artisan116 ko de JS · 3 routes/templates/boulangerie
Nuque
Coiffure mixte et barbier · Niort, quartier des Halles
Des tarifs clairs mis en page comme un magazine, et une prise de rendez-vous pensée pour le téléphone.
- Grille tarifaire avec durées
- Rendez-vous en 5 étapes, coiffeur au choix
- Réalisations avec leur prix
Offre Vitrine116 ko de JS · 3 routes/templates/coiffure
Lise Arnaudeau
Photographe · Niort
Un portfolio où les photos font tout le travail : séries présentées en planche-contact, prestations et prix d'exemple.
- Séries et visionneuse plein écran
- Prestations, déroulé et déplacements
- Formulaire de projet (date, lieu, budget)
Offre Vitrine115 ko de JS · 3 routes/portfolio/portfolio-premium
La Bascule
Épicerie bio et vrac · Niort, Saint-Liguaire
Une vraie petite boutique en ligne : on commande sur le site, l'épicerie prépare, le client passe prendre. Pas de livraison à gérer.
- Arrivages de la semaine et catalogue au kilo
- Panier et retrait en boutique sur créneau
- Fiches producteurs et panier de la semaine
Offre E-commerce121 ko de JS · 9 routes/portfolio/superette-bio
Restauration 1
Brume
Table gastronomique · Arçais, Marais poitevin
Un restaurant qui vend une expérience : menus composés comme un livret, réservation en ligne et bons cadeaux.
- Menus de saison et accords mets-vins
- Réservation : service, créneau, couverts
- Bons cadeaux avec aperçu en direct
Offre Vitrine119 ko de JS · 4 routes/portfolio/restaurant-premium
Applications 4
Cordeau
Logiciel de gestion pour artisans · Devis, factures, planning
Le logiciel d'une entreprise de chauffage-sanitaire : du devis signé en ligne à la facture payée, en passant par le planning et le bon d'intervention signé sur le chantier.
- Éditeur de devis : TVA 5,5 / 10 / 20 % contrôlée, mentions obligatoires
- Factures prêtes pour la réforme 2026-2027
- Planning des techniciens et application terrain
Offre Sur mesure106 ko de JS · 14 routes/portfolio/saas-artisans
Faîtière, espace sinistres
Assurance : déclaration et suivi · Portail assuré et back-office
Une mutuelle fictive de Niort : l'assuré déclare et suit son sinistre, le gestionnaire traite le dossier. Les deux côtés se répondent en direct.
- Déclaration en 7 étapes, délais légaux calculés
- Indemnisation expliquée ligne par ligne
- Back-office : corbeille, pièces, expertise, statistiques
Offre Sur mesure138 ko de JS · 10 routes/portfolio/sinistres
Mairie de Loubrelle
Collectivité : services en ligne · Commune fictive de Gâtine
Les démarches d'une commune de 3 000 habitants, accessibles à tous : conçue selon le RGAA, navigable entièrement au clavier.
- Signalements sur plan, suivis jusqu'à leur résolution
- Réservation de salles et inscriptions périscolaires
- Back-office mairie et déclaration d'accessibilité
Offre Sur mesure139 ko de JS · 25 routes/portfolio/commune
La Salicaire
Tourisme : réservation en ligne · Saint-Georges-de-Rex, Marais poitevin
Le site et le moteur de réservation d'un embarcadère, en français et en anglais, avec son espace d'exploitation.
- Places calculées en direct, barque par barque
- Billet avec vrai QR code et ajout à l'agenda
- Planning, embarquement, fermetures météo
Offre Sur mesure143 ko de JS · 15 routes/portfolio/embarcadere
06.1Quatre démos au banc
Un site d'artisan, une boutique, une application et un portail de collectivité, chargés dans un vrai navigateur, sur ordinateur puis sur un mobile bridé (4G lente et processeur ralenti). Les valeurs au-delà d'un seuil sont affichées comme telles.
| Démo | Profil | LCP | CLS | TBT |
|---|---|---|---|---|
| Pairault Plomberie | Ordinateur | 168 ms bon | 0 bon | 15 ms bon |
| Mobile bridé | 1,97 s bon | 0 bon | 90 ms bon | |
| La Bascule (e-commerce) | Ordinateur | 172 ms bon | 0 bon | 22 ms bon |
| Mobile bridé | 2,81 s au-delà du seuil | 0 bon | 171 ms bon | |
| Cordeau (application) | Ordinateur | 244 ms bon | 0 bon | 52 ms bon |
| Mobile bridé | 3,69 s au-delà du seuil | 0 bon | 881 ms au-delà du seuil | |
| Mairie de Loubrelle | Ordinateur | 128 ms bon | 0,029 bon | 0 ms bon |
| Mobile bridé | 2,45 s bon | 0,073 bon | 228 ms au-delà du seuil |
Chapitre 07 · 2 parties
Audit
Deux choses différentes : un audit global de votre site, fait par l'équipe ; et un analyseur gratuit en ligne, qui donne des pistes en quelques secondes. Voici exactement ce que fait chacun.
07.1Notre audit
- Audit complet de votre siteTout le site, pas une seule page : poids et sobriété, performance, et une partie accessibilité (RGAA), avec les corrections à faire en premier.Sur demande
07.2L'analyseur gratuit
- Le serveur télécharge une fois le HTML de la page (10 s et 5 Mo au plus), puis l'analyse : aucun navigateur, aucun service tiers.
- Seules requêtes en plus : robots.txt et sitemap.
- 10 analyses par tranche de 10 minutes et par adresse IP ; seules les adresses publiques en http(s) sont acceptées.
- Les résultats ne sont pas enregistrés sur le serveur ; l'historique reste dans votre navigateur.
| Onglet | Ce qui est analysé | Nature du résultat |
|---|---|---|
| SEO | 14 critères lus dans le code : title, meta description, titres, attributs alt, HTTPS, canonical, mobile, données structurées, Open Graph, robots.txt, sitemap, langue, volume de texte. | Lu dans le HTML |
| Performance | FCP, LCP, TBT, CLS et Speed Index calculés par des formules à partir du code. | Estimation : pour une mesure réelle, PageSpeed Insights |
| Poids | HTML mesuré ; CSS, JavaScript, images et polices estimés par type de fichier. | Estimation |
| Green IT | Note de sobriété de notre modèle (poids, requêtes, DOM, images, polices, scripts tiers), et un ordre de grandeur de CO₂ par visite. | Estimation, pas un bilan carbone |
| Accessibilité | Une dizaine de critères automatisables : viewport, champs et boutons nommés, attributs alt, langue, repères de page, lien d'évitement, titres. | Ne remplace pas un audit RGAA |
Note globaleScore global = SEO × 0,30 + Performance × 0,25 + Green IT × 0,25 + Accessibilité × 0,20
Chapitre 08 · 1 partie
Expertise
FrenchLeaf réunit des développeurs full-stack seniors, au sein d'une SAS basée dans les Deux-Sèvres qui travaille avec des entreprises partout en France. Vous échangez directement avec ceux qui conçoivent et développent votre site.
- Expérience cumulée, en entreprise
- 13 ans
- Développeurs full-stack seniors
- Full-stack
- Domaines de compétence (08.1)
- 6
Développement web moderne, applications métier, architecture logicielle et optimisation des performances, avec un attachement à l'écoconception et à l'accessibilité. Pile commune : React / Next.js, TypeScript, Node.js, .NET, PostgreSQL, Conteneurs, et d'autres (chapitre 04).
08.1Domaines de compétence
- Sites vitrines et applications web
- Pour vous : votre site ou votre application, de la maquette à la mise en ligne.
- Interfaces web complexes
- Pour vous : espaces clients, back-offices et tableaux de bord clairs.
- APIs et intégrations de services tiers
- Pour vous : votre site relié aux outils que vous utilisez déjà.
- Architecture logicielle
- Pour vous : une application solide, qui peut évoluer avec vous.
- Outils métier pour centres de contact
- Pour vous : des logiciels pensés pour le travail quotidien d'une équipe.
- Performance et écoconception
- Pour vous : des pages légères, qui s'affichent vite sur mobile.
Chapitre 09
Questions techniques
Les réponses précises, sans formule commerciale.
Questions techniques
Les scores Lighthouse sont-ils garantis ?
Non. 90 ou plus sur mobile est un objectif, mesuré et communiqué à la livraison. Le résultat dépend aussi des contenus (images, vidéos) et des services tiers que vous ajoutez.
Où est hébergé mon site ?
Chez Infomaniak Network SA, hébergeur suisse indépendant, sur un serveur privé virtuel dans ses centres de données en Suisse. La Suisse n'est pas dans l'Union européenne, mais elle bénéficie d'une décision d'adéquation de la Commission européenne en matière de protection des données.
Le site FrenchLeaf utilise-t-il Google Analytics ou des cookies ?
Pas de Google Analytics, ni cookie publicitaire, ni cookie de mesure d'audience. La mesure d'audience est un outil maison hébergé chez Infomaniak : un identifiant de session aléatoire, effacé à la fermeture de l'onglet, et aucune adresse IP enregistrée dans les statistiques. Des cookies techniques ne sont déposés que lors de la connexion à un espace réservé.
Que se passe-t-il si mon site tombe en panne ?
Un moniteur surveille votre site en permanence et nous alerte par e-mail en cas de panne. Nous vous informons, puis corrigeons ; la gravité de l'incident fixe l'ordre de traitement. Il n'y a pas de service 24 h/24 : personne n'est d'astreinte.
Mon site sera-t-il accessible ?
Nous prenons en compte les critères du RGAA dès la conception et vérifions l'accessibilité en recette. Pour un site existant, notre audit global, fondé sur l'écoconception, comprend aussi une partie accessibilité (RGAA).
Pourquoi Next.js ?
Parce qu'il permet d'envoyer des pages déjà rendues par le serveur, puis de n'ajouter du JavaScript que là où il sert. C'est ce que montrent les mesures de nos démos au chapitre 06.
Les questions de la vitrine
Est-ce que je suis propriétaire de mon site ?
Non, sauf sur devis ou en marque blanche. Artisan, Vitrine et E-commerce sont des abonnements : le site est mis à votre disposition pendant toute la durée de l'abonnement, et nous ne transférons pas le code. Avec une prestation sur devis (Sur mesure), le code vous appartient et vous est livré, documenté ; en marque blanche, il est livré à l'agence. Dans tous les cas, vos textes et vos photos restent les vôtres. Le nom de domaine des offres en abonnement : si vous en avez déjà un, il reste à votre nom ; sinon, nous nous en occupons et il est enregistré à notre nom.
49 € HT par mois, ça comprend quoi ?
L'hébergement en Suisse (Infomaniak), la maintenance technique, les mises à jour de sécurité, le support par e-mail et les petites modifications de contenu. Ce tarif correspond à un engagement de 36 mois ; sur 12 mois, c'est 59 € HT par mois.
Pourquoi pas un Wix ou un WordPress ?
Ce sont des outils qui conviennent à de nombreux projets. Nous avons fait un autre choix : développer nous-mêmes votre site, avec des technologies web actuelles (Next.js, TypeScript), pour qu'il ne charge que ce dont il a besoin. La vitesse d'affichage fait partie des signaux d'expérience de page pris en compte par Google (Core Web Vitals), et un site lent fait fuir une partie des visiteurs.
Je n'y connais rien en informatique.
Pas de souci. On s'occupe de tout, de A à Z. Pour les modifications ensuite, un simple e-mail suffit.
Combien de temps pour apparaître sur Google ?
Google indexe généralement un nouveau site en quelques jours à quelques semaines. Le positionnement dépend ensuite de votre concurrence locale : nous ne promettons pas de place précise, mais nous posons les bonnes bases (pages optimisées, données structurées, fiche d'établissement Google).
Vous travaillez aussi pour les agences web ?
Oui, en marque blanche : vous vendez et gardez la relation client, nous développons un lot défini, vous livrez sous votre nom. À partir de 599 € HT par jour, selon les missions. Les missions se font à distance et sont facturées au livrable par notre SAS, sans présence sur site ni régie.
Chapitre 10
Contact
Le plus simple reste de se parler : 15 minutes avec un développeur de l'équipe pour comprendre votre besoin, sans engagement. Ou un e-mail, si vous préférez écrire.
Pour décrire un projet en détail : le formulaire de contact.
- Ce que devient votre message
- Il part par e-mail via le serveur de messagerie d'Infomaniak, sans être enregistré dans une base de données du site ; il sert uniquement à vous répondre et, le cas échéant, à établir un devis. Conservation : 12 mois après le dernier échange.
- Et ensuite
- Un cadrage écrit, puis un devis écrit : le périmètre défini ensemble, le chiffrage et le délai (chapitre 03).
Annexe
Sources et mentions
Sources citées
- [1]Infomaniak, Page « Écologie » du site Infomaniak Page consultée le 24 septembre 2026. Informations publiées par l'hébergeur.
- [2]Infomaniak, Rapport d'impact Page consultée le 24 septembre 2026.
- [3]web.dev (Google), Largest Contentful Paint (LCP) : seuils « bon » et « à améliorer »
- [4]web.dev (Google), Web Vitals
- [5]Chrome for Developers, Lighthouse performance scoring
- [6]Google for Developers, WebP Compression Study
- [7]HTTP Archive, Web Almanac 2024 : Media
- [8]webpack, Tree Shaking
- [9]Next.js, Static Site Generation (SSG)
- [10]web.dev (Google), Best practices for fonts
- [11]web.dev (Google), Extract critical CSS
- [12]Google, PageSpeed Insights
- [13]sustainablewebdesign.org, Sustainable Web Design : modèle d'estimation
- [14]W3C WAI, How to Meet WCAG 2.1 (Quick Reference)
Mentions
- Éditeur
- FrenchLeaf, SAS au capital de 1 000 €. 1 allée du Logis, 79400 Exireuil, France. RCS Niort 991 774 977, SIRET 991 774 977 00011. Directeur de la publication : voir les mentions légales.
- Hébergeur
- Infomaniak Network SA, rue Eugène-Marziano 25, 1227 Les Acacias (Genève), Suisse.
- Cette page
- Aucun cookie. Votre choix de thème (Forêt ou Clairière) est gardé dans votre navigateur. En production, la mesure d'audience maison, sans cookie, décrite dans la politique de confidentialité.