Les Chats de Brié
Adopter en trois gestes, donner en une minute
Le site d’une association de protection des chats, pensé pour le téléphone : fiches filtrables, demande d’adoption guidée, dons en ligne et reçu fiscal envoyé dans la seconde.
2,7 Mo → 389 Ko pour l’accueil
96 à 100 score PageSpeed mobile
À valider Accord de l’association · Droit à l’image (photos des chats et de l’équipe) · Dire ou non le lien familial et la gratuité du travail
- 2,7 Mo → 389 Ko pour l’accueil
- 96 à 100 score PageSpeed mobile
- 1 seconde pour recevoir son reçu fiscal
- 1 minute pour mettre un chat en ligne
Ce qui n’allait plus
L’association gérait ses fiches chats dans WordPress, recevait ses dons sur deux plateformes différentes et faisait ses documents d’adoption sous Word. Le site promettait un reçu fiscal que rien n’émettait.
- Un accueil de 2,7 Mo sur téléphone
- Des dons dispersés entre deux plateformes
- Des documents d’adoption à télécharger, remplir et renvoyer
- Des fiches chats qui dépendaient d’un intervenant extérieur
L’objectif
Un site rapide et lisible sur téléphone, qui fait adopter et qui fait donner en une minute, avec des outils que l’association gère seule.
Les fonctions qui changent le quotidien
Les chats
Une liste filtrable par statut, sexe et âge, des fiches aux photos qui défilent au doigt, et trois façons d’aider : adopter, accueillir, parrainer.
La demande d’adoption
Trois étapes (le chat, le foyer, la personne), des notes « bon à savoir » plutôt que des refus, et l’adresse complétée par la Base Adresse Nationale.
Des documents déjà remplis
Après une demande, les documents d’adoption arrivent pré-remplis avec des informations vérifiées, et le certificat se signe en ligne.
Dons en ligne
Don ponctuel, mensuel ou adhésion, par carte, Apple Pay ou Google Pay, avec un portail pour gérer son don.
Reçus fiscaux automatiques
Un reçu par don, mensualités comprises, numéroté et signé, envoyé une seconde après le paiement.
L’appli « Mes chats »
L’association ajoute un chat en cinq étapes depuis son téléphone, avec une aide à la rédaction. Il est en ligne une minute plus tard.
Le mur des adoptés
Sur la page de l’association, des lucioles dessinent les missions, puis se retournent en mur de tous les chats adoptés.
Le site, page par page
Une identité qui a du sens
Un univers chaleureux et dessiné à la main, construit à partir de références d’applications d’adoption et de collectes de refuges. Consigne de départ : ne jamais reprendre les couleurs du logo.
#015747 #B5EC6A #E0A061 #B94E28 #FBF8F2 #1C2220 Typographie
- Figtree titres en 800 resserré, texte et interface
Partis pris
- Un vert pour agir, un citron pour donner, l’abricot pour ce qui est dessiné à la main, jamais pour une action
- 28 pictogrammes au feutre, qui se dessinent quand ils apparaissent
- Une navigation au pouce : barre en bas de l’écran, un seul bouton de don visible
- Le titre « boule de poils » au pelage qu’on peut caresser du doigt
- Rose pour les femelles, bleu pour les mâles, rouge réservé à l’urgence
Essayé, puis écarté
- Deux pistes de design system, « Pop de quartier » et « Refuge clair »
- Une guirlande de photos en accueil
- Une version de nuit avec une lampe de poche pour trouver des chats cachés
Comment le projet s’est déroulé
Chaque piste a été montrée en ligne, sur une adresse d’essai, puis gardée ou écartée en la voyant.
En production le 9 octobre 2026
- 14 septembre
Refonte en local
Nouveau site complet et import des fiches des anciens chats.
- 28 septembre
Nouveau design
Design repensé d’après les références retenues, préproduction en ligne.
- 29 septembre
Parcours et documents
Page de l’association, demande d’adoption, documents pré-remplis : chaque piste montrée sur une adresse d’aperçu.
- 30 septembre au 3 octobre
Accueil et palette
Deux propositions d’accueil écartées, puis une nouvelle palette essayée et intégrée.
- 7 et 8 octobre
Fluidité et appli
Performances, appli « Mes chats », paiements en mode test.
- 9 octobre
Mise en production
Reçus fiscaux, don d’essai, paiements réels et domaine basculé.
- 12 au 16 octobre
Retours de l’association
Frais d’adoption, adhésion, bouton « Devenir adhérent ».
Sous le capot
- Astro
- Cloudflare Workers
- Stripe
- Cloudflare D1
- PDF.js
- three.js
- netygo-forms
- Migration de WordPress vers Astro, servi par un Worker Cloudflare.
- L’appli « Mes chats » fait foi : chaque fiche est réécrite dans le site avant la publication, en une minute.
- Reçus PDF écrits en quelques millisecondes, assez léger pour tenir dans les limites gratuites de Cloudflare.
- three.js chargé sur une seule page ; le fil et le mur dessinés en canvas pour un défilement fluide.
Ce que ça a changé, mesuré
- 389 Ko pour l’accueil, contre 2,7 Mo sur l’ancien site
- 100 au score PageSpeed sur ordinateur, 96 à 100 sur mobile
- 12 % → 0,6 % d’images manquées pendant le défilement après optimisation
- 4 min → 1 min entre une fiche enregistrée et sa mise en ligne
Parlons de ce que vous voulez construire
Nous vous disons franchement ce qui est faisable, en combien de temps et pour quel budget.
- Site web sur mesure Site vitrine, institutionnel ou e-commerce, refonte et migration depuis WordPress.
- Design UI/UX Maquettes, prototype cliquable, design system : l’interface pensée avant d’être codée.
- Logiciel et SaaS Plateforme métier, SaaS, marketplace, outil interne : le logiciel taillé pour votre activité.
D’autres projets racontés
-
Étude de cas Mairie de Brié-et-Angonnes
Le site d’une commune de l’Isère, refait en site statique : accueil vivant, recherche instantanée, démarches en ligne et espace de gestion pour la mairie. -
Étude de cas Clavelin Import
Le site d’un importateur de vins européens : six domaines présentés sur leurs cartes, filtre des vins et tables partenaires. -
Étude de cas Syndicat DEFIS
Le site d’un syndicat du CHU Grenoble-Alpes, reconstruit à l’identique et sans perdre une adresse, avec recherche dans les PDF et grilles de salaire.