DocuSûr
Treinta y una herramientas PDF, y ni un solo byte de ningún documento enviado a un servidor.
- Año
- 2026
- Diseño
- 10 semanas
- Stack
- React · TypeScript · Tailwind · PDF.js · Vercel
- Diseño de producto
- Diseño
- Desarrollo
- SEO
- Accesibilidad
- herramientas documentales
- 31
- enviados a un servidor
- 0 bytes
- accesibilidad Lighthouse
- 100/100
- rendimiento Lighthouse
- 95/100
Lo que había que resolver.
El contexto
DocuSûr reúne 31 herramientas para manipular documentos (unir, dividir, comprimir, convertir, firmar, OCR), accesibles gratis y sin registro. El servicio lo edita Kayzen Web desde Lyon.
La limitación
Las alternativas para el gran público envían el documento a un servidor extranjero, lo conservan unas horas y financian el servicio con publicidad. Para un contrato, una nómina o un documento de identidad, eso es descalificador, y la mitad de los usuarios profesionales lo saben, sin disponer de alternativa.
La respuesta
Todo se ejecuta en el navegador. El archivo nunca se transmite: la pestaña Red de las herramientas de desarrollo lo demuestra en tres segundos, y es el principal argumento comercial del sitio. Esa restricción dictó toda la arquitectura técnica.
Las puntuaciones registradas en la entrega.
Puntuaciones Lighthouse del sitio en producción. Las publicamos tal cual: cuando una es baja, su causa y su plan de corrección se explican más abajo en lugar de silenciarse.
Cada decisión de diseño, y su porqué.
Un directorio, no un panel de control
Treinta y una herramientas son demasiadas para un menú. La página de inicio es una cuadrícula por categorías con búsqueda instantánea; cada herramienta tiene su propia página y su propia URL, porque así es como se llega a ella desde Google.
La prueba de confidencialidad en la primera pantalla
«Sus archivos nunca salen de su navegador» aparece antes del selector de archivos, con un enlace a la explicación técnica. La promesa de confidencialidad llega antes del acto que la pone en juego.
Arrastrar y soltar, con alternativa
Zona de arrastre, botón de selección clásico y soporte para pegar. Arrastrar y soltar por sí solo excluye a los usuarios de teclado y parte de los usos táctiles.
Paleta del proyecto
Tinta
#111827
Texto
Azul confianza
#2563EB
Acción principal
Verde seguro
#059669
Confirmación de procesamiento local
Gris papel
#F9FAFB
Fondo de las zonas de arrastre
Sistema tipográfico
Titulares
Inter 700
Texto de lectura
Inter 400
Ninguna fantasía: la herramienta debe pasar desapercibida en favor del documento.
Lo que hay bajo el capó.
- React
- TypeScript
- Tailwind
- PDF.js
- Vercel
PDF.js y WebAssembly en el cliente
Lectura, renderizado y escritura de PDF en el navegador. Los procesos pesados (compresión, OCR) pasan por WebAssembly en un worker: la interfaz nunca se congela, ni siquiera con un documento de doscientas páginas.
Ningún almacenamiento, ninguna cuenta
Sin base de datos, y por tanto sin posibilidad de fuga, sin plazo de conservación que declarar, sin encargados del tratamiento que enumerar. Aquí el RGPD se resuelve con la arquitectura en lugar de con una política.
Carga bajo demanda por herramienta
Las 31 herramientas no comparten un bundle único. Abrir «unir dos PDF» no descarga el motor de OCR, que por sí solo pesa varios megabytes.
Cómo se hace encontrar la web.
Una página por herramienta, una intención por página
«Fusionner PDF» (unir PDF), «compresser PDF» (comprimir PDF), «signer un PDF» (firmar un PDF): son búsquedas distintas, de gran volumen y con intención inmediata. Una página única con la lista de herramientas no habría captado ninguna.
El argumento diferenciador en el título
Las etiquetas title llevan «sin envío de archivos» en lugar de un superlativo. En un mercado en el que todas las páginas se parecen, es ese fragmento el que decide el clic.
HowTo en las herramientas por pasos
Las herramientas de varios pasos llevan marcado HowTo; son los fragmentos que retoman los buscadores y los asistentes.
Utilizable por todo el mundo.
Desde junio de 2025, la Ley Europea de Accesibilidad (European Accessibility Act) exige la accesibilidad digital a buena parte de los servicios en línea. La abordamos desde el diseño, no como un parche posterior.
100/100 en Lighthouse, y verificado a mano
La puntuación automática solo cubre una parte de los criterios. Cada herramienta se recorrió con teclado y con lector de pantalla: progreso del proceso anunciado, errores de archivo explícitos, foco devuelto tras la descarga.
Lo que se entregó.
- Inicio — cuadrícula de las 31 herramientas y búsqueda
- /<herramienta> — una página por herramienta
- Confidencialidad — la explicación técnica del procesamiento local
- Quiénes somos, contacto, aviso legal
El desarrollo del proyecto.
Viabilidad
Comprobación de que cada proceso cabe en el navegador, incluido el OCR.
Base
Renderizado de PDF, workers, carga por herramienta.
Despliegue de las herramientas
31 herramientas, una página y un conjunto de pruebas por herramienta.
Accesibilidad
Recorrido con teclado y lector de pantalla en cada herramienta.
Lo que nos preguntan a menudo.
Otros proyectos
Cumplimiento del RGPD y SaaSKonsent by Kayzen
Un proveedor de banners que audita banners es juez y parte: la independencia era el producto.
Ciberseguridad ofensiva y SaaSSentinel by Kayzen
Vender un producto de seguridad a ingenieros: cada afirmación tenía que poder demostrarse.
Datos y servicio meteorológicoMétéo Climat France
358 páginas indexables, un mapa animado sobre 72 horizontes de previsión y ni una sola línea de framework.
El mismo nivel de exigencia, para su web.
Auditoría gratuita de su web actual, presupuesto en 24 horas y un razonamiento por escrito, como el que acaba de leer. Pago en tres plazos sin intereses; ayudas locales verificadas antes de la firma.