Web IA — Product end-to-end

Una de las primeras plataformas que permitían a pequeños negocios crear su web profesional con IA, sin tocar código ni contratar a un desarrollador.

Cliente
qdq
Rol
Product Design UX/UI
Herramientas
FigmaVisual Studio CodeChatGPT
Año
2023 - 2024

El problema

En 2023 existían muy pocas plataformas no-code de creación web y las que se habían, pedían al usuario que aplicasen conocimientos de diseño, SEO o copywriting.

El reto era diseñar una herramienta que no pidiera nada de eso. Que alguien como Carlos, dueño de una ferretería sin presencia digital previa, pudiera acceder al producto, contestar unas preguntas y salir con una web profesional orientada a generar leads sin tomar una sola decisión técnica y en tan solo un par de minutos.

El enfoque

Empezamos con un desk research y un benchmark de la competencia para identificar dónde había hueco real de mercado. En 2023 la oferta era escasa, especialmente en productos que integrasen dominio, hosting, correo y SEO en un único paquete. Esa carencia se convirtió en el ángulo competitivo del producto.

A partir de encuestas y entrevistas con propietarios de negocios locales construimos tres user personas con distintos niveles de madurez digital, lo que nos permitió priorizar funcionalidades sobre comportamiento real y no sobre suposiciones. Carlos (ferretería, perfil de baja madurez digital) marcó el listón: si el flujo funcionaba para él, funcionaría para Laura (psicóloga) y David (entrenador personal). Con las personas y las user stories definidas, alineamos al equipo antes de bajar al diseño.

BenchmarkUser persona
Investigación: benchmark y personas

Prompt, onboarding y UI

La pieza más crítica del producto era el prompt de IA: el puente entre los datos que daba el usuario y la web que recibía a cambio. Si el output no convencía en la primera previsualización, perdíamos al usuario antes de que llegara a editar.

Trabajamos en estrecha colaboración con IT para definir qué información estructurada pedir al usuario (sector, servicios, tono de marca, objetivos comerciales) y qué tipo de output debía devolver la IA: no solo copy, sino estructura de página, jerarquía de secciones y recomendaciones visuales coherentes con el tipo de negocio. Iteramos el prompt varias veces hasta que los outputs eran consistentes entre sectores, que un restaurante, un despacho de abogados y un estudio de yoga recibieran propuestas igual de creíbles dentro de su contexto.

Esa fase me dejó claro que diseñar con IA no es un handoff lineal: el prompt se itera entre diseño y desarrollo a la vez, en bucle, hasta que el output deja de necesitar parches.

El resultado

Web IA y Landing IA llegaron al mercado como dos productos hermanos: uno para sitios de hasta tres páginas, otro para landings de página única. Ambos incluyen dominio, hosting, correo asociado y presencia en la Guía Útil de qdq, eliminando las decisiones técnicas que suelen frenar al usuario antes de empezar.

VALIDACIÓN EN EL MOBILE WORLD CONGRESS 2024

Presentamos el producto en el MWC, donde pude realizar testeo directo con clientes potenciales sobre la plataforma. Recogí 240 respuestas, nacionales e internacionales, con un 87 % de satisfacción alta. Más allá del dato, el testeo en vivo nos dio algo que ninguna encuesta consigue: ver dónde dudaban los usuarios, qué les sorprendía y qué daban por hecho. Eso nos permitió iterar el producto sobre comportamiento observado en lugar de declarado.

Actualmente, Landing IA está publicada en landingia.qdq.com.

Aprendizajes

Cuando diseñas para usuarios sin perfil técnico, la calidad del primer output es lo que decide si el usuario confía o se va. La previsualización inicial tenía que ser lo bastante buena para que el usuario sintiera que el producto ya había hecho el trabajo por él. Si dudaba en esa pantalla, lo perdíamos. Ese momento concentra más decisiones de diseño que cualquier otro del flujo.

Y una idea que solo confirmas diseñando con IA: el prompt es un artefacto de diseño en sí mismo. No es un asunto exclusivo de desarrollo. Diseñar con IA exige una relación con dev mucho más fluida que con un producto tradicional, porque el prompt se itera entre los dos equipos a la vez, no se entrega. Trabajar tan de cerca con IT confirma que la comunicación constante entre producto/diseño y desarrollo es clave para que el producto tenga éxito. Esa forma de trabajar es probablemente lo que más me he llevado del proyecto.

Vista ampliada de la imagen