Product designer & product ownerEn producción · herramientas-web.com2026

Herramientas Web

Más de 150 herramientas gratuitas que funcionan en tu navegador: tus archivos nunca salen de tu dispositivo.

https://herramientas-web.com
Privacy by designWeb AppSEOi18n (ES/EN)AccesibilidadJuegosDesarrollo con agentes de IA
00

Resumen

Herramientas Web es una plataforma de utilidades de uso diario —editores de PDF, compresor y conversor de imágenes, calculadoras, herramientas de texto, utilidades para desarrolladores, secciones por país y minijuegos— gratis para siempre y sin registro. Todo el procesamiento ocurre en el navegador del usuario: los archivos no se suben a ningún servidor. El modelo de negocio es publicidad no invasiva. Se diseñó y construyó en dos semanas como producto propio, dirigiendo un equipo de agentes de IA con revisión cruzada entre modelos.

01

El desafío

Los sitios de herramientas online más usados tienen tres problemas en común:

01

Privacidad

Suben los archivos (contratos, DNI, fotos) a servidores de terceros para procesarlos.

02

Fricción

Piden registro, ponen límites diarios o marcas de agua y empujan a un plan pago.

03

Publicidad invasiva

Pantallas completas, descargas falsas y anuncios que tapan la herramienta.

El desafío era ofrecer la misma variedad que los líderes del rubro sin ninguno de estos costos para el usuario, y hacerlo sostenible solo con publicidad no invasiva, lo que exige mucho tráfico orgánico: SEO, velocidad y razones para volver.

02

Investigación

Partimos de una restricción dura —todo tiene que funcionar sin servidor— y de un referente claro del mercado (tinywow). Cada herramienta se evaluó con una rúbrica propia de 8 dimensiones: solo se aprobaba si igualaba o superaba al referente en todas y promediaba 8,5 o más. Las auditorías globales las hizo un modelo distinto al que construyó.

Benchmark contra el líder del rubro (rúbrica de 8 dimensiones)Auditoría de productos de referencia (ej. Squoosh)Análisis heurístico y auditorías globales de UX, SEO/performance y accesibilidadPruebas end-to-end con Playwright (celular y escritorio, claro y oscuro)Cloudflare Web Analytics y Google Search Console

Hallazgos clave

Crítico

La privacidad es el diferencial

La competencia procesa en servidor; hacerlo en el navegador elimina el riesgo de filtrar documentos y abarata la operación (sin costo por archivo procesado).

Crítico

Sin tráfico no hay modelo

Google AdSense rechazó la primera solicitud por «contenido de poco valor»: 622 páginas variantes muy parecidas diluían la calidad percibida del sitio.

Alto

El celular manda

Se encontraron 3.757 controles con área táctil menor a 44 px en 159 páginas.

Alto

Las utilidades no generan regreso

Una calculadora se usa y se cierra; hacía falta un motivo para volver y para compartir.

03

Insights

Personas

A

Administrativo/a o contador/a

Trabajo administrativo y contable

Tech: medio

Objetivos

  • +Unir y comprimir PDF
  • +Calcular IVA, cuotas, aguinaldo y días hábiles rápido y sin instalar nada

Frustraciones

  • -Subir documentos de clientes a sitios desconocidos
  • -Límites diarios y registros
U

Usuario/a ocasional desde el celular

Uso puntual desde el teléfono

Tech: bajo

Objetivos

  • +Achicar una foto para mandarla
  • +Pasar un PDF a imagen
  • +Limpiar un texto copiado

Frustraciones

  • -Anuncios que tapan la herramienta
  • -Botones chicos
  • -Descargas confusas
P

Persona que busca un pasatiempo corto

Jugadores casuales

Tech: bajo a medio

Objetivos

  • +Jugar unos minutos
  • +Desafiar a un amigo

Frustraciones

  • -Juegos que piden cuenta
  • -Juegos llenos de publicidad

Journey Map del usuario

← arrastra para ver mas →
positivaneutralnegativamuy negativa
😐

Búsqueda

Encuentra la herramienta en Google: página dedicada, en su idioma y país

😊

Llegada

La herramienta está arriba de todo, sin registro ni pantallas intermedias

😊

Carga del archivo

Suelta el archivo y ve que «no se sube a ningún servidor»

😊

Ajuste

Cambia opciones con vista previa al instante (el compresor con antes/después estilo Squoosh)

😊

Resultado

Ve el ahorro o el cambio aplicado antes de descargar

😊

Descarga / compartir

Descarga, o en los juegos comparte un reto por link

04

Diseño e iteraciones

El sistema visual es una «mesa de trabajo de precisión»: neutros grafito, un único acento cobalto, modo oscuro, tipografía Geist y nada de colores por categoría, para que la herramienta sea la protagonista. Dentro de los juegos se permite una paleta propia.

16

lotes de herramientas, con hasta 4 rondas de revisión cada uno

8

dimensiones en la rúbrica contra el líder del rubro

2

idiomas completos (ES / EN) y secciones por país (Argentina, España)

Decisiones clave de diseño

01

Procesamiento 100 % en el navegador. Sin backend para las herramientas: privacidad por diseño y costo de operación casi nulo (Astro estático en Cloudflare Pages).

02

Sin registro y gratis para siempre. La promesa del sitio; la monetización es solo publicidad no invasiva en espacios reservados.

03

Calidad antes que cantidad para el buscador. Tras el rechazo de AdSense se sacaron del índice 622 variantes (de 993 a 345 páginas indexables) y se escribieron guías propias para cada una de las 19 categorías.

04

Accesibilidad táctil. Todas las áreas táctiles a 44 px: de 3.757 controles chicos a 0, con un test que lo vigila.

05

Juegos con retos por link para crecer. 17 juegos permiten desafiar a un amigo a la misma partida (misma semilla) con una tarjeta para compartir; la invitación aparece sola después de una buena partida. Compartir se adaptó a cada plataforma: Instagram en el celular (tarjeta + link copiado) y Facebook en la computadora.

06

Honestidad en los mensajes. Por ejemplo, «Limpiar texto» quita los caracteres ocultos de textos de IA, pero aclara que la marca de agua estadística de algunos modelos no se puede quitar.

07

Mantenimiento visible. Página de Novedades con RSS: cada mejora publicada queda registrada.

Cómo se construyó

Trabajé como product owner y director: definí alcance, criterios de calidad y prioridades, y probé cada entrega en mi teléfono. El desarrollo lo hicieron agentes de IA (Claude) en paralelo, cada uno en su copia del repositorio, y otro modelo distinto revisó cada lote con la rúbrica. Más de 4.000 pruebas automatizadas sostienen la calidad. Ejemplo de iteración: el Carpincho Cruza pasó de 2D a 3D (three.js) en una noche: prototipo, aprobación en el iPhone, implementación completa y ajuste fino de la experiencia.

05

Resultados

Herramientas y juegos publicados

150+

Archivos enviados a un servidor

0

Idiomas

ES / EN

Pruebas automatizadas

4.000+

Juegos con retos por link

17

Auditoría global de UX (sobre 10)

8,5

Auditoría global de SEO y performance (sobre 10)

9,8

Auditoría global de accesibilidad (sobre 10)

9

Stack

AstroTypeScriptCloudflare PagesCloudflare WorkersDurable ObjectsTurnstilethree.jsPlaywright

Siguiente caso

Nitidoc

Escáner de documentos privado y offline, sin suscripción ni marca de agua