./mich
Casos de estudio

Luz.ia

Proyecto propio · Luz.ia — 2026

Un ecosistema de agentes de IA para el bienestar, cuya complejidad debía presentarse a terapeutas no técnicos con una interfaz impecable.

Diseño desde cero la arquitectura UI/UX y el design system, priorizando una estética editorial y una experiencia sin fricción.

luzia-agentes-ia.app
Nx
Tw
Sh
Sb
AI

Stack Técnico

Next.js · Tailwind CSS · shadcn/ui · Supabase · Claude Haiku 4.5

Intro

Un ecosistema de agentes de IA para el bienestar, cuya complejidad debía presentarse a terapeutas no técnicos con una interfaz impecable.

Se descartaron los CRMs de terceros para no depender de plataformas externas: eso exigía un dashboard propio con control total de UX y branding.

Diseño desde cero el design system con Next.js y shadcn/ui; el panel interno y el del cliente comparten 60–70% del código.

Rol

Product Engineer · Proyecto propio

Estado

MVP · Pre-validación 2026

Tipo

B2B SaaS Agentes IA Design System

Herramientas

Next.js Tailwind CSS shadcn/ui Supabase Claude Haiku 4.5
La autopsia del proyecto

Problema · Solución · Resultado

La anatomía de la decisión técnica, de la fricción al impacto medible.

01 · El síntoma

Problema

  • Los profesionales del bienestar pierden pacientes por no poder responder fuera de horario ni gestionar altos volúmenes de consultas.
  • La solución orquesta múltiples agentes de IA; el reto era presentar esa complejidad con una interfaz limpia y accesible.
  • Se descartaron CRMs de terceros para no depender de plataformas externas, exigiendo un dashboard propio con control total de UX y branding.

02 · La decisión

Solución

Lidero el frontend con Next.js, Tailwind y shadcn/ui, definiendo un design system premium y pixel-perfect desde el día uno.

Construí la interfaz de auditoría automatizada que conecta un formulario con Claude Haiku 4.5 y entrega reportes HTML en menos de 2 minutos.

Diseñé una arquitectura UI donde el panel de operaciones y el dashboard del cliente comparten 60–70% del código y componentes.

03 · El impacto

Resultado

5 semanas

Hoja de ruta agresiva para lanzar el MVP funcional (en pre-validación).

60–70%

Código y componentes compartidos entre panel interno y cliente.

B2B

Estándar de diseño que posiciona el producto como high-end, no solo automatización.

El Impacto Profundo

< 2 min

Reporte Automatizado

Interfaz que conecta un formulario con Claude Haiku 4.5 para entregar diagnósticos HTML personalizados casi al instante.

60–70%

Código Compartido

Panel interno y dashboard del cliente reutilizan la mayor parte de componentes, optimizando el desarrollo.

5 semanas

Ruta al MVP

Hoja de ruta agresiva hacia el MVP funcional, hoy en fase de pre-validación.

· Fin del caso de estudio ·
Siguiente Caso

Inteligencia Logística

Un mapa logístico nacional que colapsaba bajo el peso de sus propios datos: loaders invasivos y renderizados que asfixiaban al navegador.

Frontend Developer Logística 2024–25
Ver caso completo
Ng
Mb
Rx
Ts