Applicazione web e open source

DocuSûr

Trentuno strumenti PDF e nemmeno un byte di documento inviato a un server.

Anno
2026
Progettazione
10 settimane
Stack
React · TypeScript · Tailwind · PDF.js · Vercel
  • Product design
  • Design
  • Sviluppo
  • SEO
  • Accessibilità
https://docusur.kayzen-lyon.com
Home page del sito DocuSûr — Applicazione web e open source, realizzato da Kayzen Web
strumenti per documenti
31
inviati a un server
0 byte
accessibilità Lighthouse
100/100
performance Lighthouse
95/100
Il punto di partenza

Cosa c'era da risolvere.

Il contesto

DocuSûr riunisce 31 strumenti per lavorare sui documenti (unione, divisione, compressione, conversione, firma, OCR) accessibili gratuitamente e senza registrazione. Il servizio è sviluppato da Kayzen Web a Lione.

Il vincolo

Le alternative per il grande pubblico inviano il documento a un server all'estero, lo conservano per qualche ora e finanziano il servizio con la pubblicità. Per un contratto, una busta paga o un documento d'identità è squalificante, e metà degli utenti professionali lo sa, senza avere un'alternativa.

La risposta

Tutto si esegue nel browser. Il file non viene mai trasmesso: la scheda Rete degli strumenti per sviluppatori lo dimostra in tre secondi, ed è l'argomento commerciale principale del sito. Questo vincolo ha dettato tutta l'architettura tecnica.

Misurato, non dichiarato

I punteggi rilevati alla consegna.

Punteggi Lighthouse del sito in produzione. Li pubblichiamo così come sono: quando uno è basso, la causa e il piano di correzione sono spiegati più sotto invece di essere taciuti.

PageSpeed
95
Performance: 95 su 100
100
Accessibilità: 100 su 100
92
Best practice: 92 su 100
100
Posizionamento sui motori di ricerca: 100 su 100
Design e direzione artistica

Ogni scelta di design, e il suo perché.

  1. Un elenco, non una dashboard

    Trentuno strumenti sono troppi per un menu. La home è una griglia per categorie con ricerca istantanea; ogni strumento ha la sua pagina dedicata e il suo URL, perché è così che ci si arriva da Google.

  2. La prova di riservatezza nella prima schermata

    «I tuoi file non lasciano mai il tuo browser» compare prima del selettore di file, con un link alla spiegazione tecnica. La promessa di riservatezza arriva prima del gesto che la mette in gioco.

  3. Trascina e rilascia, con alternativa

    Area di rilascio, classico pulsante di selezione e supporto all'incolla. Il solo trascinamento esclude chi usa la tastiera e una parte degli usi touch.

Palette del progetto

  • Inchiostro

    #111827

    Testo

  • Blu fiducia

    #2563EB

    Azione principale

  • Verde sicuro

    #059669

    Conferma di elaborazione locale

  • Grigio carta

    #F9FAFB

    Sfondo delle aree di rilascio

Sistema tipografico

Titoli

Inter 700

Testo corrente

Inter 400

Nessuna fantasia: lo strumento deve farsi dimenticare a vantaggio del documento.

Ingegneria

Cosa c'è sotto il cofano.

  • React
  • TypeScript
  • Tailwind
  • PDF.js
  • Vercel
  1. PDF.js e WebAssembly lato client

    Lettura, rendering e scrittura dei PDF nel browser. Le elaborazioni pesanti (compressione, OCR) passano per WebAssembly in un worker: l'interfaccia non si blocca mai, nemmeno su un documento di duecento pagine.

  2. Nessuna archiviazione, nessun account

    Nessun database, quindi nessuna fuga possibile, nessun periodo di conservazione da dichiarare, nessun responsabile del trattamento da elencare. Qui il GDPR si gestisce con l'architettura anziché con una policy.

  3. Caricamento su richiesta per strumento

    I 31 strumenti non condividono un unico bundle. Aprire «unisci due PDF» non scarica il motore OCR, che da solo pesa diversi megabyte.

Posizionamento SEO

Come il sito si fa trovare.

  1. Una pagina per strumento, un'intenzione per pagina

    «Fusionner PDF», «compresser PDF», «signer un PDF» (unire, comprimere, firmare un PDF): sono ricerche distinte, ad alto volume e con intenzione immediata. Una pagina unica con l'elenco degli strumenti non ne avrebbe intercettata nessuna.

  2. L'argomento distintivo nel titolo

    I tag title riportano «senza inviare il file» invece di un superlativo. In un mercato in cui tutte le pagine si somigliano, è questo frammento che decide il clic.

  3. HowTo sugli strumenti procedurali

    Gli strumenti in più passaggi hanno un markup HowTo; sono gli estratti che motori di ricerca e assistenti riprendono.

Accessibilità

Utilizzabile da tutti.

Da giugno 2025 l'Atto europeo sull'accessibilità (European Accessibility Act) impone l'accessibilità digitale a una larga parte dei servizi online. La affrontiamo in fase di progettazione, non come rimedio a posteriori.

  1. 100/100 Lighthouse, e verificato a mano

    Il punteggio automatico copre solo una parte dei criteri. Ogni strumento è stato percorso da tastiera e con screen reader: avanzamento dell'elaborazione annunciato, errori sui file espliciti, focus restituito dopo il download.

Struttura del sito

Cosa è stato consegnato.

  • Home — griglia dei 31 strumenti e ricerca
  • /<strumento> — una pagina per strumento
  • Riservatezza — la spiegazione tecnica dell'elaborazione locale
  • Chi siamo, contatti, note legali
Metodo

Lo svolgimento del progetto.

  1. Fattibilità

    Verifica che ogni elaborazione stia nel browser, OCR compreso.

  2. Base tecnica

    Rendering PDF, worker, caricamento per strumento.

  3. Rilascio degli strumenti

    31 strumenti, una pagina e una serie di test per ciascuno.

  4. Accessibilità

    Percorsi da tastiera e con screen reader su ogni strumento.

Domande

Cosa ci chiedono spesso.

Apri la scheda Rete del tuo browser prima di caricare il documento: nessuna richiesta in uscita ne contiene il contenuto. Si verifica in tre secondi, ed è il motivo per cui lo mettiamo in evidenza invece di un logo di conformità.

Il servizio non costa quasi nulla da far girare, proprio perché non c'è un server di elaborazione. Serve da dimostrazione pubblica di ciò che sappiamo fare, un uso più onesto della pubblicità.

Lo stesso livello di rigore, per il tuo sito.

Audit gratuito del tuo sito attuale, preventivo entro 24 ore e un ragionamento scritto, come quello che hai appena letto. Pagamento in tre rate senza interessi; agevolazioni locali verificate prima della firma.

Condividi