Creador de páginas con IA

Bloqio Builder

Le dices qué necesita tu negocio y arma la página. Ves cada bloque, lo puedes editar a mano y puedes deshacer lo que la IA propuso. Tú decides cuándo se publica.

Escríbeme Ver el proyecto

Portada de Bloqio Builder — Captura real del proyecto

Trabajo para una marca: tipo de proyecto
React 19 · TypeScript: herramientas principales
7: capturas reales del proyecto

01 · El reto

Qué estaba pasando

Contexto

Para hacer una web hoy tienes que aprender de plantillas, bloques y decisiones de diseño antes de poder decir lo que tu negocio necesita. Mucha gente se queda en ese paso.

El problema

Quitar esa barrera sin caer en lo contrario: que la IA haga todo por dentro y la persona no entienda qué pasó ni pueda cambiarlo.

Mi parte

Es mi producto. Definí qué debía ser, cómo se usa, cómo están hechos los bloques por dentro, hasta dónde puede llegar la IA, y programé la aplicación.

02 · Cómo lo resolví

Cómo decidí resolverlo

01
Que puedas pedirlo por chat, verlo al instante y corregirlo a mano, sin cambiar de pantalla.
02
Que cada cosa que hace la IA sea un cambio concreto y con nombre, que puedas revisar y deshacer.
03
Que funcione desde el celular de principio a fin, no solo en una computadora.

03 · Lo que hice

Lo que quedó hecho

El editor: bloques que se arrastran y un panel que muestra las opciones del bloque que seleccionaste.
Blob, el asistente que escribe los textos y propone la estructura, siempre como algo que puedes rechazar.
Toda la aplicación por detrás: cuentas, inicio de sesión, guardado y administración.

04 · Gráficos

Los números en gráficos

BB-LOOP

El ciclo de trabajo

Pedir, ver y corregir ocurren en la misma pantalla; publicar es una decisión aparte.

01
Pides
Describes en el chat lo que necesita tu negocio.
02
Propone
La IA arma bloques con nombre, no un resultado opaco.
03
Corriges
Editas a mano cualquier bloque, o deshaces lo propuesto.
04
Publicas
La publicación la decides tú, nunca la IA.

Describe el flujo del producto; no representa tiempos de uso medidos.

05 · El producto

Explora el proyecto

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

01 Preview real del sitio con toggle móvil/desktop y edición a un toque.

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

02 Cada bloque del preview se edita en el lugar, sin perder contexto.

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

03 La página como lista de bloques: orden y visibilidad sin tocar código.

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

04 Salud de página medible: la IA convierte el checklist en siguiente acción.

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

05 La IA se configura como colaborador: tono, cadencia y límites explícitos.

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

06 Sugerencias contextuales que cierran pendientes reales de la página.

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

07 Contenido estructurado: campos claros y elementos con orden controlado.

06 · Cómo quedó

Qué cambió al final

Una aplicación completa y funcionando, donde pedir por chat y editar a mano conviven.
El camino entero cubierto: desde «quiero vender esto» hasta una página lista para publicar.

Lo que no negocié