DocuSûr
Einunddreißig PDF-Tools – und kein einziges Byte eines Dokuments wird an einen Server geschickt.
- Jahr
- 2026
- Umsetzung
- 10 Wochen
- Stack
- React · TypeScript · Tailwind · PDF.js · Vercel
- Product Design
- Design
- Entwicklung
- SEO
- Barrierefreiheit
- Dokumentwerkzeuge
- 31
- an einen Server gesendet
- 0 Byte
- Lighthouse-Barrierefreiheit
- 100/100
- Lighthouse-Performance
- 95/100
Was gelöst werden musste.
Der Kontext
DocuSûr vereint 31 Werkzeuge zur Dokumentbearbeitung – Zusammenführen, Aufteilen, Komprimieren, Konvertieren, Signieren, OCR –, kostenlos und ohne Registrierung nutzbar. Der Dienst wird von Kayzen Web aus Lyon betrieben.
Die Einschränkung
Die gängigen Alternativen laden das Dokument auf einen Server im Ausland hoch, bewahren es einige Stunden auf und finanzieren den Dienst über Werbung. Für einen Vertrag, eine Gehaltsabrechnung oder ein Ausweisdokument ist das ein Ausschlusskriterium – und die Hälfte der beruflichen Nutzer weiß das, ohne eine Alternative zu haben.
Die Antwort
Alles läuft im Browser. Die Datei wird nie übertragen: Der Netzwerk-Tab der Entwicklertools beweist es in drei Sekunden, und das ist das wichtigste Verkaufsargument der Website. Diese Vorgabe hat die gesamte technische Architektur bestimmt.
Die Werte bei der Auslieferung.
Lighthouse-Werte der Live-Website. Wir veröffentlichen sie unverändert: Ist einer niedrig, stehen Ursache und Korrekturplan weiter unten, statt verschwiegen zu werden.
Jede gestalterische Entscheidung – und ihr Grund.
Ein Verzeichnis, kein Dashboard
Einunddreißig Werkzeuge sind zu viel für ein Menü. Die Startseite ist ein nach Kategorien geordnetes Raster mit Sofortsuche; jedes Werkzeug hat seine eigene Seite und eigene URL, weil man so von Google aus dorthin gelangt.
Der Datenschutzbeweis auf dem ersten Bildschirm
„Ihre Dateien verlassen niemals Ihren Browser“ steht vor der Dateiauswahl, mit einem Link zur technischen Erklärung. Das Datenschutzversprechen kommt vor der Handlung, die es auf die Probe stellt.
Drag-and-drop mit Alternative
Ablagezone, klassischer Auswahl-Button und Unterstützung für Einfügen. Drag-and-drop allein schließt Tastaturnutzer und einen Teil der Touch-Nutzung aus.
Farbpalette des Projekts
Tinte
#111827
Text
Vertrauensblau
#2563EB
Haupthandlung
Sicherheitsgrün
#059669
Bestätigung der lokalen Verarbeitung
Papiergrau
#F9FAFB
Hintergrund der Ablagezonen
Typografisches System
Überschriften
Inter 700
Fließtext
Inter 400
Keine Spielereien: Das Werkzeug soll hinter dem Dokument zurücktreten.
Was unter der Haube steckt.
- React
- TypeScript
- Tailwind
- PDF.js
- Vercel
PDF.js und WebAssembly auf der Client-Seite
Lesen, Rendern und Schreiben von PDFs im Browser. Die schweren Verarbeitungen (Komprimierung, OCR) laufen per WebAssembly in einem Worker: Die Oberfläche friert nie ein, selbst bei einem Dokument mit zweihundert Seiten.
Kein Speicher, kein Konto
Keine Datenbank, also kein mögliches Datenleck, keine anzugebende Speicherdauer, keine aufzulistenden Auftragsverarbeiter. Die DSGVO wird hier über die Architektur gelöst statt über eine Richtlinie.
Laden bei Bedarf pro Werkzeug
Die 31 Werkzeuge teilen sich kein gemeinsames Bundle. Wer „zwei PDFs zusammenführen“ öffnet, lädt nicht die OCR-Engine herunter, die allein mehrere Megabyte wiegt.
Wie die Website gefunden wird.
Eine Seite pro Werkzeug, eine Absicht pro Seite
„PDF zusammenführen“, „PDF komprimieren“, „PDF signieren“: Das sind getrennte Suchanfragen mit hohem Volumen und sofortiger Absicht. Eine einzige Seite, die alle Werkzeuge auflistet, hätte keine davon eingefangen.
Das Alleinstellungsmerkmal im Titel
Die title-Tags tragen „ohne Datei-Upload“ statt eines Superlativs. In einem Markt, in dem alle Seiten gleich aussehen, entscheidet dieses Fragment über den Klick.
HowTo für mehrstufige Werkzeuge
Werkzeuge mit mehreren Schritten tragen ein HowTo-Markup; das sind die Snippets, die Suchmaschinen und Assistenten übernehmen.
Für alle nutzbar.
Seit Juni 2025 schreibt der European Accessibility Act (EU-Richtlinie 2019/882) für einen großen Teil der Online-Dienste digitale Barrierefreiheit vor. Wir berücksichtigen sie schon bei der Konzeption, nicht erst im Nachhinein.
100/100 bei Lighthouse – und von Hand geprüft
Der automatische Score deckt nur einen Teil der Kriterien ab. Jedes Werkzeug wurde per Tastatur und mit Screenreader durchlaufen: angekündigter Verarbeitungsfortschritt, eindeutige Dateifehler, Fokus nach dem Download zurückgegeben.
Was ausgeliefert wurde.
- Startseite – Raster der 31 Werkzeuge und Suche
- /<Werkzeug> – eine Seite pro Werkzeug
- Datenschutz – die technische Erklärung der lokalen Verarbeitung
- Über uns, Kontakt, Impressum
Der Projektablauf.
Machbarkeit
Prüfung, dass jede Verarbeitung im Browser möglich ist, einschließlich OCR.
Fundament
PDF-Rendering, Worker, Laden pro Werkzeug.
Ausrollen der Werkzeuge
31 Werkzeuge, eine Seite und ein Testsatz pro Werkzeug.
Barrierefreiheit
Tastatur- und Screenreader-Durchlauf für jedes Werkzeug.
Was man uns oft fragt.
Weitere Referenzen
DSGVO-Compliance & SaaSKonsent by Kayzen
Ein Banner-Anbieter, der Banner prüft, ist Richter in eigener Sache: Unabhängigkeit war das Produkt.
Offensive Cybersicherheit & SaaSSentinel by Kayzen
Ein Sicherheitsprodukt an Ingenieure verkaufen: Jede Aussage musste nachweisbar sein.
Daten & WetterdienstMétéo Climat France
358 indexierbare Seiten, eine animierte Karte über 72 Zeitpunkte – und keine einzige Zeile Framework.
Derselbe Anspruch, für Ihre Website.
Kostenloses Audit Ihrer aktuellen Website, Angebot innerhalb von 24 Stunden und eine schriftliche Begründung – wie die, die Sie gerade gelesen haben. Zahlung in drei Raten ohne Aufpreis; lokale Förderungen werden vor der Unterschrift geprüft.