Producto con IA · SaaS

Bloqio Builder

Creador web con IA donde el objetivo de negocio se vuelve una página estructurada y editable. La IA propone, la persona decide: de la idea a publicar sin caja negra.

Contribución: Founder y product builder. Definí concepto, estrategia, UX, arquitectura de bloques, comportamiento de la IA y dirección técnica del producto.
Especialidad: React 19 · TypeScript · Vite

AI website builder

01 / El reto

Entender el negocio antes de diseñar la solución.

Crear una web todavía obliga a muchas personas a entender plantillas, componentes y decisiones de diseño antes de poder expresar lo que su negocio necesita.

Reducir esa complejidad sin convertir la IA en una caja negra ni quitar al usuario el control sobre la estructura, el contenido y la publicación.

02 / El enfoque

Una dirección clara para producto, experiencia y operación.

01
Combinar conversación, vista previa y edición directa dentro del mismo flujo.
02
Traducir solicitudes en acciones tipadas, validadas, agrupadas y reversibles.
03
Diseñar la experiencia mobile-first desde onboarding hasta preparación para publicar.

03 / Trabajo realizado

Del criterio a una solución que el equipo puede usar.

Editor basado en esquema JSON, secciones modulares e inspector contextual.
Blob, asistente con IA para copy, estructura y cambios controlados.
Frontend, backend, autenticación, administración y flujos de cuenta.

04 / El producto

La experiencia en contexto.

01 / 07Editor móvil con vista previa de la portada y acciones de guardar y actualizar.

02 / 07Sección de confianza con métricas dentro del preview y controles flotantes del builder.

03 / 07Panel Bloques de tu página: agregar, reordenar y controlar visibilidad.

04 / 07Blob califica la página 92/100 con logros completados y pendientes accionables.

05 / 07Ajustes de guía de Blob: tono de textos, cantidad de ideas y permiso para crear secciones.

06 / 07Blob sugiere en el chat la imagen para compartir y cómo subirla para cerrar el 100%.

07 / 07Editor del bloque Servicios con campos de contenido y elementos reordenables.

05 / Resultado

Lo que el proyecto dejó construido.

Una aplicación full-stack que conecta creación asistida, edición visual y control de cambios.
Un recorrido completo desde el objetivo inicial hasta una página preparada para publicar.

Principios aplicados