Syndicat DEFIS
Même adresse, autre vitesse
Le site d’un syndicat hospitalier reconstruit sans perdre une seule adresse : recherche jusque dans les PDF, grilles de salaire lisibles sur téléphone, bulletin de paie expliqué.
7,7 s → 2,5 s pour afficher l’accueil sur mobile
2 418 → 709 Ko pour l’accueil
À valider Accord du bureau du syndicat · Droits des photos du CHU · Le client est le syndicat, pas le CHU : n’utiliser ni le logo ni la marque du CHU
- 7,7 s → 2,5 s pour afficher l’accueil sur mobile
- 2 418 → 709 Ko pour l’accueil
- 188 pages, toutes à leur adresse
- 10 publications du syndicat dès le lendemain
Ce qui n’allait plus
Un site WordPress riche, mais lent sur téléphone et difficile à parcourir : des pages de catégorie qui affichaient tous les articles, des accès rapides masqués sur mobile, des documents téléchargés au lieu d’être montrés.
- 7,7 secondes et 156 requêtes pour afficher l’accueil sur mobile
- Des PDF illisibles sur Android et tronqués sur iPhone
- Pas de vraie recherche dans les contenus
- Ni pages légales, ni plan du site
L’objectif
Reprendre le site à l’identique (mêmes adresses, même charte, mêmes contenus) en gagnant en vitesse, en référencement et en confort sur téléphone.
Les fonctions qui changent le quotidien
Une recherche jusque dans les PDF
Résultats instantanés, mots-clés invisibles (« fiche de paie », « dispo », « arrêt maladie ») et texte des documents indexé.
51 grilles de salaire
Une grille par métier, lisible sur téléphone et imprimable sur une page A4.
Le bulletin de paie expliqué
Douze repères à toucher pour comprendre chaque ligne, accessibles au clavier.
Documents lisibles partout
Les PDF s’ouvrent dans la page sur tous les appareils, avec leur format et leur poids annoncés.
Menus repensés
Méga-menu expliqué sur ordinateur ; sur téléphone, un écran par rubrique et les permanences toujours à portée.
Le syndicat publie lui-même
Actualités, bandeau d’alerte, grilles, point d’indice, pages et tableaux, depuis un espace de gestion.
Un espace adhérent protégé
Les contenus réservés aux adhérents sont protégés côté serveur.
Le site, page par page
Une charte respectée, mise en valeur
Charte conservée, relevée sur l’ancien site : le vert du logo, le sapin, l’or et le trait de pinceau orange. Les gabarits que les adhérents connaissent sont gardés ; ce qui gênait la lecture est corrigé.
#029F3C #09431F #003534 #E2AF1C #F4A833 #17294D Typographie
- Merriweather titres et articles
- Cabin menu et texte
- Poppins petites capitales
Partis pris
- Polices réduites aux caractères utiles : de 830 à 185 Ko
- Gris du texte assombri pour atteindre un contraste suffisant
- Chaque document annonce son format et son poids, et s’ouvre d’un clic
- Les trois permanences en cartes : téléphone, courriel, horaires
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.
Mise en ligne sans coupure le 22 octobre 2026
- 16 septembre
Refonte et améliorations
Contenus repris de WordPress, refonte complète, puis améliorations choisies dans une liste : visionneuse, recherche dans les PDF, bandeau d’alerte, impression.
- 9 octobre
Demande du syndicat
Un encart et une page pour les élections professionnelles de décembre.
- 19 octobre
Documents et gestion
Visionneuse partout, espace adhérent repris, premier espace de gestion.
- 20 octobre
Pages éditables et référencement
Pages et tableaux modifiables par le syndicat, descriptions et données structurées.
- 22 octobre
Mise en ligne
Feu vert du bureau du syndicat, bascule du domaine sans coupure.
- 23 octobre
Autonomie
Dix publications du syndicat depuis l’espace de gestion.
Sous le capot
- Astro
- Cloudflare Pages
- Pages Functions
- Pagefind
- PDF.js
- netygo-forms
- netygo-gestion
- Espace adhérent protégé par mot de passe côté serveur.
- Vidéos servies par morceaux, pour être lues sur iPhone.
- Politique de sécurité du contenu calculée à la construction.
- Retour arrière possible : l’ancien site restait intact le jour de la bascule.
Ce que ça a changé, mesuré
| Mesure | Avant | Après |
|---|---|---|
| Performance | 62 | 90 |
| Premier affichage | 4,6 s | 1,7 s |
| Affichage du contenu principal | 7,7 s | 3,5 s |
| Temps de blocage | 190 ms | 0 ms |
| Poids et requêtes | 2 418 Ko · 156 | 704 Ko · 24 |
Lighthouse sur le site construit, servi en local sans compression
- 97 au score de performance en ligne, contenu principal affiché en 2,5 s
- 100 en accessibilité, bonnes pratiques et référencement
- 2 109 → 809 Ko pour un article avec galerie photo
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.
- Référencement SEO technique et local, visibilité dans les réponses des IA, audit et suivi.
- Maintenance et hébergement Reprise d’un projet existant, maintenance, hébergement, sécurité et performance.
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 Les Chats de Brié
Le site d’une association de protection des chats : adoption guidée, dons en ligne, reçus fiscaux automatiques et appli de gestion des fiches. -
É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.