DocuSûr
Eenendertig pdf-tools, en geen enkele byte van een document die naar een server gaat.
- Jaar
- 2026
- Ontwerp
- 10 weken
- Stack
- React · TypeScript · Tailwind · PDF.js · Vercel
- Productdesign
- Design
- Ontwikkeling
- SEO
- Toegankelijkheid
- documenttools
- 31
- naar een server verzonden
- 0 bytes
- Lighthouse-toegankelijkheid
- 100/100
- Lighthouse-performance
- 95/100
Wat er opgelost moest worden.
De context
DocuSûr bundelt 31 tools om documenten te bewerken — samenvoegen, splitsen, comprimeren, converteren, ondertekenen, OCR — gratis en zonder registratie toegankelijk. De dienst wordt vanuit Lyon uitgegeven door Kayzen Web.
De beperking
De alternatieven voor het grote publiek sturen het document naar een server in het buitenland, bewaren het enkele uren en financieren de dienst met advertenties. Voor een contract, een loonstrook of een identiteitsbewijs is dat onaanvaardbaar — en de helft van de professionele gebruikers weet dat, zonder over een alternatief te beschikken.
Het antwoord
Alles draait in de browser. Het bestand wordt nooit verzonden: het tabblad Netwerk van de ontwikkelaarstools bewijst het in drie seconden, en dat is het belangrijkste commerciële argument van de website. Die beperking heeft de hele technische architectuur bepaald.
De scores bij oplevering.
Lighthouse-scores van de website in productie. Wij publiceren ze zoals ze zijn: als een score laag is, staan de oorzaak en het verbeterplan hieronder beschreven in plaats van verzwegen.
Elke keuze, en de reden erachter.
Een gids, geen dashboard
Eenendertig tools is te veel voor een menu. De homepage is een raster in categorieën met directe zoekfunctie; elke tool heeft zijn eigen pagina en zijn eigen URL, want zo komt men er vanuit Google terecht.
Het bewijs van vertrouwelijkheid op het eerste scherm
“Uw bestanden verlaten nooit uw browser” staat vóór de bestandskiezer, met een link naar de technische uitleg. De belofte van vertrouwelijkheid komt vóór de handeling die haar op de proef stelt.
Slepen en neerzetten, met terugvaloptie
Een neerzetzone, een klassieke selectieknop en ondersteuning voor plakken. Alleen slepen en neerzetten sluit toetsenbordgebruikers en een deel van het aanraakgebruik uit.
Kleurenpalet van het project
Inkt
#111827
Tekst
Vertrouwensblauw
#2563EB
Hoofdactie
Veilig groen
#059669
Bevestiging van lokale verwerking
Papiergrijs
#F9FAFB
Achtergrond van de neerzetzones
Typografisch systeem
Koppen
Inter 700
Lopende tekst
Inter 400
Geen fratsen: de tool moet naar de achtergrond verdwijnen ten gunste van het document.
Wat er onder de motorkap zit.
- React
- TypeScript
- Tailwind
- PDF.js
- Vercel
PDF.js en WebAssembly aan clientzijde
Lezen, renderen en schrijven van pdf's in de browser. De zware bewerkingen (compressie, OCR) lopen via WebAssembly in een worker: de interface bevriest nooit, zelfs niet bij een document van tweehonderd pagina's.
Geen opslag, geen account
Geen database, dus geen mogelijk lek, geen bewaartermijn om te melden, geen verwerker om op te sommen. De GDPR wordt hier via de architectuur geregeld in plaats van via een beleid.
Laden op aanvraag per tool
De 31 tools delen geen gemeenschappelijke bundle. Wie “twee pdf's samenvoegen” opent, downloadt niet de OCR-engine, die op zichzelf al meerdere megabytes weegt.
Hoe de website vindbaar wordt.
Eén pagina per tool, één intentie per pagina
“PDF samenvoegen”, “PDF comprimeren”, “PDF ondertekenen”: dat zijn afzonderlijke zoekopdrachten, met een hoog volume en een directe intentie. Eén pagina die alle tools opsomt, had er niet één opgevangen.
Het onderscheidende argument in de titel
De title-tags vermelden “zonder bestanden te verzenden” in plaats van een overtreffende trap. Op een markt waar alle pagina's op elkaar lijken, is het dat fragment dat de klik bepaalt.
HowTo voor de procedurele tools
De tools met meerdere stappen hebben een HowTo-markering; het zijn deze fragmenten die zoekmachines en assistenten overnemen.
Bruikbaar voor iedereen.
Sinds juni 2025 verplicht de Europese toegankelijkheidsrichtlijn (European Accessibility Act) digitale toegankelijkheid voor een groot deel van de onlinediensten. Wij regelen dat in het ontwerp, niet achteraf.
100/100 in Lighthouse, en handmatig gecontroleerd
De automatische score dekt slechts een deel van de criteria. Elke tool is doorlopen met het toetsenbord en met een schermlezer: aangekondigde verwerkingsvoortgang, duidelijke bestandsfouten, focus teruggegeven na de download.
Wat er is opgeleverd.
- Home — raster van de 31 tools en zoekfunctie
- /<tool> — één pagina per tool
- Privacy — de technische uitleg van de lokale verwerking
- Over ons, contact, colofon
Het verloop van het project.
Haalbaarheid
Controle dat elke bewerking in de browser past, ook OCR.
Basis
Pdf-rendering, workers, laden per tool.
Uitrol van de tools
31 tools, één pagina en één testset per tool.
Toegankelijkheid
Toetsenbord- en schermlezertraject voor elke tool.
Wat ons vaak gevraagd wordt.
Andere projecten
AVG/GDPR-compliance & SaaSKonsent by Kayzen
Een bannerleverancier die banners audit, is rechter en partij: onafhankelijkheid wás het product.
Offensieve cybersecurity & SaaSSentinel by Kayzen
Een securityproduct verkopen aan engineers: elke bewering moest aantoonbaar zijn.
Data & WeerdienstMétéo Climat France
358 indexeerbare pagina's, een geanimeerde kaart over 72 tijdstappen — en geen enkele regel framework.
Hetzelfde niveau van zorg, voor uw website.
Gratis audit van uw huidige website, offerte binnen 24 uur en een schriftelijke onderbouwing — zoals die u net hebt gelezen. Betaling in drie termijnen zonder extra kosten; lokale subsidies gecontroleerd vóór ondertekening.