Sitio web y sistema de reservas de una empresa de limpieza de tapicería: la IA arma el pedido a partir de una foto en el propio móvil del cliente, el precio se acuerda por WhatsApp y la agenda solo ofrece horarios que están realmente libres.
Proyecto hecho para la sucursal Águas Claras (Distrito Federal, Brasil) de LIMPO.AI.
En pocas palabras
La limpieza de tapicería suele venderse por WhatsApp, con muchas idas y vueltas para enviar fotos, explicar qué hay que limpiar y encontrar un horario. El desafío era acortar ese camino, con el pedido llegando listo a la conversación y la disponibilidad real en el propio sitio, y darle a la sucursal un sistema de gestión sin costos fijos, ya que estaba empezando.
Construimos un sitio en el que el cliente lo resuelve todo en pocos pasos: toma una foto y la IA arma el pedido, ajusta las piezas si hace falta y elige un horario libre. El pedido llega listo al WhatsApp del dueño, que acuerda el precio en la conversación. Detrás, un panel con agenda, clientes, precios, promociones y marketing funciona solo con servicios de plan gratuito.
Qué se entregó
Cuatro etapas del sitio, tal como están en línea.
Nada más entrar, el visitante pasa el ratón (o el dedo) sobre un cojín manchado y ve cómo sale la suciedad, mientras un contador va del 0% al 100% limpio.
El cliente envía una foto y la IA reconoce un sofá, sillón, silla o cama y arma el pedido. El análisis se ejecuta en el propio navegador: la foto solo sale del dispositivo cuando el cliente toca “Veja o preço” (“Ver el precio”), y entonces va al equipo junto con el mensaje.
El cliente arma el pedido pieza por pieza y ve el tiempo de servicio y el de secado. El precio lo da la propia LIMPO.AI, por WhatsApp, con el pedido ya escrito en el mensaje.
Solo aparecen los horarios libres, de lunes a sábado, por la mañana y por la tarde. Al enviar, el horario se comprueba de nuevo y el pedido llega listo al WhatsApp del dueño.
Panel del equipo
Lo que aparece en el sitio se edita en el panel y cambia al instante, sin volver a publicar. Cada persona solo ve las áreas de su nivel de acceso.
La necesidadEl equipo atiende con cupos limitados por la mañana y por la tarde, y para en días libres y feriados.
Lo que se hizoAgenda semanal con los cupos libres por turno, bloqueo de un día entero o de un turno con motivo, y recordatorios de mantenimiento con el mensaje de WhatsApp listo.
Datos ficticiosLa necesidadSaber quién volvió, quién desapareció y quién recomendó, sin hoja de cálculo.
Lo que se hizoUn CRM armado a partir de las reservas: filtros de quién volvió, de quién no pide hace 6 meses y de quién tiene mascota, además de etiquetas, notas y total gastado por cliente.
Datos ficticiosLa necesidadEl precio se acuerda por WhatsApp, pero el equipo necesita una referencia para cada pieza.
Lo que se hizoTabla de ítems con precio y tiempo que no aparece en el sitio: sirve de referencia y se convierte en la estimación de la agenda. Un ítem desactivado sale del sitio sin perder el precio.
Datos ficticiosLa necesidadLas campañas y los cupones cambian cada mes.
Lo que se hizoCupones en porcentaje o en valor, con vigencia, límite de usos, pedido mínimo y servicios, que valen en el sitio al instante. Las recomendaciones y el plan mascota están en la misma pantalla.
Datos ficticiosEn el móvil
La necesidadLa agenda se consulta en la calle, entre un servicio y otro.
Lo que se hizoLa misma agenda en el móvil, día por día, con las reservas de cada turno y los bloqueos.
Datos ficticiosPedidos, ingresos obtenidos, ticket medio, origen de los clientes y la agenda de los próximos 7 días.
Vista en lista o por semana, con confirmar, completar y cancelar, el importe cobrado y el bloqueo de días.
Un CRM armado a partir de las reservas, con historial, etiquetas, recomendaciones y mensajes de WhatsApp listos.
La tabla del simulador, cuotas, cupones, recomendaciones y un plan para mascotas, todo editable.
Pedidos por canal y por campaña, un generador de enlaces con UTM e IDs de GA4, Google Ads y Meta Pixel.
Niveles Administrador y Agente, bloqueo tras contraseñas incorrectas, recuperación por correo e historial de cambios.
Diseño en Figma
Tecnología
Next.js
Versión 16. Sitio, panel y rutas de API en la misma app, con una tarea diaria de recordatorios.
React
Versión 19. Componentes interactivos: el cojín, el simulador, el presupuesto por foto y la agenda.
TypeScript
Reglas de precios, agenda y permisos tipadas y validadas con zod.
Tailwind CSS
Tokens de la marca y del lenguaje visual del sitio.
MediaPipe
Detección de objetos en el navegador, en un Web Worker, sin servidor de IA.
GSAP
Animaciones de la página y desplazamiento suave con Lenis.
Prisma
Reservas, clientes, configuraciones e historial en el Postgres serverless de Neon.
Vercel
Publicado en São Paulo, con una tarea diaria (Cron) para los recordatorios de mantenimiento.
Ingeniería
El modelo, de unos 7,8 MB, solo se descarga cuando la sección se acerca y se ejecuta en un Web Worker: la página no se congela y no hay factura de una API de IA.
Cada reserva comprueba el horario en una transacción serializable en la base de datos, así que dos clientes nunca se quedan con el mismo horario.
UTM, gclid y fbclid se guardan durante 30 días y viajan con la reserva. El panel agrupa los pedidos por canal y por campaña.
GA4, Google Ads y Meta Pixel solo se cargan después de aceptar las cookies, y los datos de un cliente se pueden borrar desde el panel.
Identidad visual
Colores y fuentes comprobados en el sitio en línea, y no solo en el código.
Paleta · haz clic para copiar
Títulos
Mancha sai.
Space Grotesk
Títulos y números destacados.
Destacados
Ácaro sai.
Instrument Serif
Palabras en cursiva dentro de los títulos.
Texto
Higienização no seu endereço
Manrope
Texto corrido y formularios.
Etiquetas
PRÓXIMA VAGA: AMANHÃ
JetBrains Mono
Etiquetas, contadores y el recibo del presupuesto.
Siguiente paso
Creamos sitios que arman el pedido y muestran la disponibilidad al momento, con un panel para que tu equipo gestione los pedidos.
