DocuSûr
Trinta e uma ferramentas PDF, e nem um byte de documento enviado para um servidor.
- Ano
- 2026
- Conceção
- 10 semanas
- Stack
- React · TypeScript · Tailwind · PDF.js · Vercel
- Product design
- Design
- Desenvolvimento
- SEO
- Acessibilidade
- ferramentas de documentos
- 31
- enviados para um servidor
- 0 bytes
- acessibilidade Lighthouse
- 100/100
- desempenho Lighthouse
- 95/100
O que era preciso resolver.
O contexto
O DocuSûr reúne 31 ferramentas de manipulação de documentos — juntar, dividir, comprimir, converter, assinar, OCR — acessíveis gratuitamente e sem registo. O serviço é editado pela Kayzen Web a partir de Lyon.
A restrição
As alternativas de grande público enviam o documento para um servidor no estrangeiro, guardam-no algumas horas e financiam o serviço com publicidade. Para um contrato, um recibo de vencimento ou um documento de identificação, isso é desqualificante — e metade dos utilizadores profissionais sabe-o, sem dispor de alternativa.
A resposta
Tudo é executado no navegador. O ficheiro nunca é transmitido: o separador Rede das ferramentas de programador prova-o em três segundos, e é o principal argumento comercial do site. Esta restrição ditou toda a arquitetura técnica.
As pontuações registadas na entrega.
Pontuações Lighthouse do site em produção. Publicamo-las tal como estão: quando uma delas é baixa, a causa e o plano de correção estão descritos mais abaixo, em vez de serem omitidos.
Cada opção, e a sua razão.
Um diretório, não um painel de controlo
Trinta e uma ferramentas são demasiadas para um menu. A página inicial é uma grelha por categorias com pesquisa instantânea; cada ferramenta tem a sua página dedicada e o seu URL próprio, porque é assim que se chega a ela a partir do Google.
A prova de confidencialidade no primeiro ecrã
«Os seus ficheiros nunca saem do seu navegador» aparece antes do seletor de ficheiros, com um link para a explicação técnica. A promessa de confidencialidade chega antes do gesto que a põe à prova.
Arrastar e largar, com alternativa
Zona para largar ficheiros, botão de seleção clássico e suporte para colar. Só arrastar e largar excluiria os utilizadores de teclado e uma parte das utilizações táteis.
Paleta do projeto
Tinta
#111827
Texto
Azul confiança
#2563EB
Ação principal
Verde seguro
#059669
Confirmação de processamento local
Cinzento papel
#F9FAFB
Fundo das zonas de largar ficheiros
Sistema tipográfico
Títulos
Inter 700
Texto corrido
Inter 400
Nenhuma fantasia: a ferramenta tem de se fazer esquecer em favor do documento.
O que está por baixo do capô.
- React
- TypeScript
- Tailwind
- PDF.js
- Vercel
PDF.js e WebAssembly do lado do cliente
Leitura, renderização e escrita dos PDF no navegador. Os processamentos pesados (compressão, OCR) passam por WebAssembly num worker: a interface nunca congela, mesmo com um documento de duzentas páginas.
Nenhum armazenamento, nenhuma conta
Sem base de dados, logo sem fugas possíveis, sem prazo de conservação a declarar, sem subcontratantes a listar. Aqui, o RGPD trata-se pela arquitetura e não por uma política.
Carregamento a pedido por ferramenta
As 31 ferramentas não partilham um bundle único. Abrir «juntar dois PDF» não descarrega o motor de OCR, que sozinho pesa vários megabytes.
Como o site se torna encontrável.
Uma página por ferramenta, uma intenção por página
«Fusionner PDF» (juntar PDF), «compresser PDF» (comprimir PDF), «signer un PDF» (assinar um PDF): são pesquisas distintas, de grande volume e intenção imediata. Uma página única com a lista das ferramentas não teria captado nenhuma.
O argumento diferenciador no título
As etiquetas title indicam «sem envio de ficheiros» em vez de um superlativo. Num mercado em que todas as páginas se parecem, é este fragmento que decide o clique.
HowTo nas ferramentas processuais
As ferramentas com várias etapas têm marcação HowTo; são os excertos que os motores de busca e os assistentes retomam.
Utilizável por todos.
Desde junho de 2025, o Ato Europeu da Acessibilidade exige a acessibilidade digital a uma grande parte dos serviços online. Tratamo-la na conceção, não como correção posterior.
100/100 no Lighthouse, e verificado à mão
A pontuação automática só cobre uma parte dos critérios. Cada ferramenta foi percorrida com teclado e leitor de ecrã: progresso do processamento anunciado, erros de ficheiro explícitos, foco devolvido após a transferência.
O que foi entregue.
- Início — grelha das 31 ferramentas e pesquisa
- /<ferramenta> — uma página por ferramenta
- Confidencialidade — a explicação técnica do processamento local
- Sobre, contacto, aviso legal
As etapas do projeto.
Viabilidade
Verificação de que cada processamento cabe no navegador, incluindo o OCR.
Base
Renderização de PDF, workers, carregamento por ferramenta.
Implementação das ferramentas
31 ferramentas, uma página e um conjunto de testes por ferramenta.
Acessibilidade
Percursos com teclado e leitor de ecrã em cada ferramenta.
O que nos perguntam com frequência.
Outros projetos
Conformidade RGPD & SaaSKonsent by Kayzen
Um editor de banners que audita banners é juiz em causa própria: a independência era o produto.
Cibersegurança ofensiva & SaaSSentinel by Kayzen
Vender um produto de segurança a engenheiros: cada afirmação tinha de ser demonstrável.
Dados & Serviço meteorológicoMétéo Climat France
358 páginas indexáveis, um mapa animado em 72 horizontes — e nem uma linha de framework.
O mesmo nível de exigência, para o seu site.
Auditoria gratuita do seu site atual, orçamento em 24 h e um raciocínio por escrito — como o que acabou de ler. Pagamento em três prestações sem juros; apoios locais verificados antes da assinatura.