DocuSûr
Trente-et-un outils PDF, et pas un octet de document envoyé sur un serveur.
- Année
- 2026
- Conception
- 10 semaines
- Stack
- React · TypeScript · Tailwind · PDF.js · Vercel
- Product design
- Design
- Développement
- SEO
- Accessibilité
- outils documentaires
- 31
- envoyé à un serveur
- 0 octet
- accessibilité Lighthouse
- 100/100
- performance Lighthouse
- 95/100
Ce qu'il fallait résoudre.
Le contexte
DocuSûr regroupe 31 outils de manipulation de documents — fusion, découpe, compression, conversion, signature, OCR — accessibles gratuitement et sans inscription. Le service est édité par Kayzen Web depuis Lyon.
La contrainte
Les alternatives grand public envoient le document sur un serveur étranger, le conservent quelques heures et financent le service par la publicité. Pour un contrat, un bulletin de paie ou une pièce d'identité, c'est disqualifiant — et la moitié des utilisateurs professionnels le savent, sans disposer d'alternative.
La réponse
Tout s'exécute dans le navigateur. Le fichier n'est jamais transmis : l'onglet Réseau des outils de développement le prouve en trois secondes, et c'est l'argument commercial principal du site. Cette contrainte a dicté toute l'architecture technique.
Les scores relevés à la livraison.
Scores Lighthouse du site en production. Nous les publions tels quels : quand l'un d'eux est bas, sa cause et son plan de correction sont écrits plus bas plutôt que passés sous silence.
Chaque parti pris, et sa raison.
Un annuaire, pas un tableau de bord
Trente-et-un outils, c'est trop pour un menu. La page d'accueil est une grille catégorisée avec recherche instantanée ; chaque outil a sa page dédiée et son URL propre, parce que c'est ainsi qu'on y arrive depuis Google.
La preuve de confidentialité au premier écran
« Vos fichiers ne quittent jamais votre navigateur » est affiché avant le sélecteur de fichier, avec un lien vers l'explication technique. La promesse de confidentialité arrive avant l'acte qui la met en jeu.
Dépôt par glisser-déposer avec repli
Zone de dépôt, bouton de sélection classique et prise en charge du collage. Le glisser-déposer seul exclut les utilisateurs au clavier et une partie des usages tactiles.
Palette du projet
Encre
#111827
Texte
Bleu confiance
#2563EB
Action principale
Vert sûr
#059669
Confirmation de traitement local
Gris papier
#F9FAFB
Fond des zones de dépôt
Système typographique
Titrage
Inter 700
Texte courant
Inter 400
Aucune fantaisie : l'outil doit se faire oublier au profit du document.
Ce qu'il y a sous le capot.
- React
- TypeScript
- Tailwind
- PDF.js
- Vercel
PDF.js et WebAssembly côté client
Lecture, rendu et écriture des PDF dans le navigateur. Les traitements lourds (compression, OCR) passent par WebAssembly dans un worker : l'interface ne gèle jamais, même sur un document de deux cents pages.
Aucun stockage, aucun compte
Pas de base de données, donc pas de fuite possible, pas de durée de conservation à déclarer, pas de sous-traitant à lister. Le RGPD se traite ici par l'architecture plutôt que par une politique.
Chargement à la demande par outil
Les 31 outils ne partagent pas un bundle unique. Ouvrir « fusionner deux PDF » ne télécharge pas le moteur d'OCR, qui pèse à lui seul plusieurs mégaoctets.
Comment le site se rend trouvable.
Une page par outil, une intention par page
« Fusionner PDF », « compresser PDF », « signer un PDF » : ce sont des requêtes distinctes, à fort volume et à intention immédiate. Une page unique listant les outils n'en aurait capté aucune.
L'argument différenciant dans le titre
Les balises title portent « sans envoi de fichier » plutôt qu'un superlatif. Sur un marché où toutes les pages se ressemblent, c'est ce fragment qui décide du clic.
HowTo sur les outils procéduraux
Les outils en plusieurs étapes portent un balisage HowTo ; ce sont les extraits que les moteurs et les assistants reprennent.
Utilisable par tout le monde.
Depuis juin 2025, l'European Accessibility Act impose l'accessibilité numérique à une large part des services en ligne. Nous la traitons à la conception, pas en rattrapage.
100/100 Lighthouse, et vérifié à la main
Le score automatique ne couvre qu'une partie des critères. Chaque outil a été parcouru au clavier et au lecteur d'écran : progression de traitement annoncée, erreurs de fichier explicites, focus rendu après téléchargement.
Ce qui a été livré.
- Accueil — grille des 31 outils et recherche
- /<outil> — une page par outil
- Confidentialité — l'explication technique du traitement local
- À propos, contact, mentions
Le déroulé du projet.
Faisabilité
Vérification que chaque traitement tient dans le navigateur, y compris l'OCR.
Socle
Rendu PDF, workers, chargement par outil.
Déploiement des outils
31 outils, une page et un jeu de tests par outil.
Accessibilité
Parcours clavier et lecteur d'écran sur chaque outil.
Ce qu'on nous demande souvent.
D'autres réalisations
Conformité RGPD & SaaSKonsent by Kayzen
Un éditeur de bandeau qui audite les bandeaux est juge et partie : l'indépendance était le produit.
Cybersécurité offensive & SaaSSentinel by Kayzen
Vendre un produit de sécurité à des ingénieurs : chaque affirmation devait être démontrable.
Data & Service météoMétéo Climat France
358 pages indexables, une carte animée sur 72 échéances — et pas une seule ligne de framework.
Le même niveau d'exigence, pour votre site.
Audit gratuit de votre site actuel, devis sous 24 h et un raisonnement écrit — comme celui que vous venez de lire. Paiement en trois fois sans frais, aides locales vérifiées avant signature.