Saltar al contenido principal
Volver
Producto propio · SaaS en producción

Convertí el formulario de contacto en una conversación que cierra

Rivelko genera formularios conversacionales con IA, los incrusta en cualquier web con una línea de código y trabaja cada lead capturado en pipelines, deals y tickets.

Next.js 16Arquitectura hexagonalMulti-tenantStripeMCP

¿Qué es Rivelko?

Rivelko es un constructor de formularios conversacionales con IA que convierte un formulario de contacto estático en una conversación que capta más leads. Cada lead capturado continúa dentro del mismo producto —pipelines, deals y tickets— para que nada de lo captado se enfríe.

01 / De un vistazo

Cuatro cifras que resumen el producto

Verificables en el repositorio del producto.

13KB
Pesa el widget sobre el cable, gzipped y aislado con Shadow DOM
<2 min
De describir el negocio a tener el formulario en vivo
1 línea
De código para incrustarlo en cualquier web
655
Tests automatizados repartidos en 102 ficheros
02 / El problema

Un formulario de contacto pide datos a quien aún no ha decidido nada

Y el lead que captura suele morir en una bandeja de entrada.

Seis campos en frío son una barrera para alguien que todavía está decidiendo si te interesa. Y aunque los rellene, el lead aterriza en un correo que nadie vuelve a abrir. Rivelko ataca las dos mitades del problema con dos decisiones de producto.

La captura es una conversación

Preguntar de una en una, con el tono del sector y adaptándose a lo que la persona ya ha contado, convierte mejor que un formulario largo mostrado de golpe.

El cierre vive donde ocurrió la captura

Por eso el CRM está dentro del producto y no integrado con un tercero: el salto entre herramientas es exactamente donde se pierden los leads.

03 / Decisiones técnicas

Las cinco decisiones que sostienen el producto

Despliega cada una para ver el porqué.

Hexagonal de verdad

El dominio no depende de nada y la infraestructura es la única capa que toca el exterior.

La capa de dominio no importa nada; los casos de uso dependen solo de interfaces de puertos; e infraestructura —Prisma, Stripe, Resend, el AI SDK— es la única que habla con el mundo. Un caso de uso que importe el cliente de Prisma directamente ha roto la arquitectura, y esa es la regla que el árbol de directorios no puede enseñar por sí solo. Hoy son 20 módulos de casos de uso.

El widget es un bundle aparte

Compilado con esbuild, servido como IIFE y montado en Shadow DOM.

El widget no puede importar de la aplicación: es un bundle independiente. Esa restricción es lo que lo mantiene en 13KB gzipped y lo que impide que los estilos del sitio anfitrión lo deformen, porque vive dentro de un Shadow DOM. Se incrusta con una sola etiqueta de script y funciona igual en WordPress, en Shopify o en HTML a mano.

Dos hosts, un solo despliegue

Marketing y aplicación se sirven desde el mismo proyecto, con una única fuente de verdad para las rutas.

rivelko.com sirve la web de marketing y app.rivelko.com el panel y la API, ambos desde un único proyecto de Vercel. Un módulo de rutas del dominio es la fuente de verdad y un test falla si la configuración se desincroniza. La invariante crítica: la API no se redirige nunca. Un 308 sobre una petición preflight o sobre un POST rompería todos los formularios incrustados, y el navegador lo reportaría como un error de CORS, no de redirección.

Multi-tenant, y probado como tal

La frontera entre clientes se aplica en los casos de uso y una suite de pentest la vigila.

Buscar por id no filtra por cliente a propósito: la comprobación de propiedad vive en la capa de casos de uso, donde se lee el recurso y después se verifica que pertenece a quien llama. Para que eso no dependa de la memoria de nadie, hay una suite de pentest que recorre las rutas con parámetro de id y falla si alguna se olvida la comprobación. Es la defensa contra el primer riesgo del OWASP API Security Top 10.

Abierto a agentes de IA

Un servidor MCP permite operar la cuenta desde un agente, con freno para lo destructivo.

Rivelko expone un servidor MCP para que un agente de IA pueda crear formularios, consultar conversaciones y mover deals. Las operaciones destructivas no están disponibles por defecto: hay que abrir una ventana explícita antes de poder borrar nada, y el orden entre comprobar permisos y abrir esa ventana está fijado por tests.

OWASP API Security Top 10 — API1:2023 Broken Object Level Authorization

04 / Stack

Con qué está construido

Elegido para desplegar rápido sin hipotecar el mantenimiento.

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind v4
  • Prisma + Neon
  • AI SDK v6
  • Stripe
  • NextAuth
  • Resend
  • esbuild
  • Vercel
05 / Mi papel

Qué construí exactamente

Producto completo, de la idea al despliegue, en solitario.

Rivelko no es un encargo: es producto propio. Eso significa que cada decisión —qué construir, qué no, cómo cobrarlo y cómo sostenerlo— es mía, y que el resultado se puede auditar entero.

  • Producto y diseño
  • Arquitectura
  • Frontend
  • Backend y API
  • Widget embebible
  • Facturación y planes
  • Infraestructura y despliegue
06 / Preguntas frecuentes

Lo que suelen preguntarme sobre Rivelko

¿Qué es Rivelko?

Rivelko es un constructor de formularios conversacionales con IA. Convierte un formulario de contacto estático en una conversación que capta más leads, y después trabaja cada lead en pipelines, deals y tickets dentro del mismo producto.

¿En qué se diferencia de un formulario de contacto clásico?

Un formulario clásico muestra todos los campos a la vez y entrega el resultado a un correo. Rivelko pregunta de una en una, adapta el tono al sector y deja el lead en un tablero donde se le da seguimiento hasta el cierre. También ofrece formularios clásicos cuando esa es la mejor opción.

¿Cómo se incrusta en una web?

Con una sola etiqueta de script. El widget pesa 13KB gzipped, se monta en un Shadow DOM para que los estilos del sitio no lo afecten, y solo funciona en los dominios que se hayan autorizado previamente.

¿Quién ha construido Rivelko?

Ray Martín, desarrollador fullstack de producto. Es un producto propio, construido en solitario de principio a fin: producto, arquitectura, frontend, backend, widget, facturación e infraestructura.

Esto es lo que construyo cuando el cliente soy yo.

Si tienes un producto entre manos y quieres que llegue a producción con este nivel de acabado, hablemos.