Diseñador de producto e ingeniero de diseño — de punta a punta
DC Medical Aesthetics
El panel que maneja una clínica desde el celular de la secretaria. Ningún procedimiento empieza sin estar pagado.
El producto
Una nota de voz, escrita aquí para la grabación, llena la ficha de una paciente nueva y abre su caso. Datos de demostración; reglas fijas hacen el papel de la IA.
- / Rol
- Diseñador de producto e ingeniero de diseño — de punta a punta
- / Duración
- En vivo desde el 21 sep 2026, en desarrollo activo
- / Equipo
- Solo — producto, diseño, código
- / Año
- 2026
El impacto
Saber cuánto debía una paciente tomaba diez minutos abriendo archivos; ahora cada caso lo muestra junto al siguiente paso.
Contexto
La clínica de medicina estética de la que soy socio, en Barranquilla, funcionaba con WhatsApp, Google Calendar y un Drive compartido: todo escrito, nada conectado. Construí un panel encima de esas herramientas, no en su lugar.
Qué hice
- 01
Tres fases con candado: valoración, pago, procedimiento; la luz verde del procedimiento exige el pago completo, su recibo y el consentimiento firmado.
- 02
Despliegue seguro: una versión de solo lectura desde el primer día; la edición llegó después, con acceso por persona y tras una auditoría de seguridad.
- 03
Reglas como funciones con pruebas: saldos, comisiones de tarjeta, fechas y el cruce de nombres, cubiertos por 12 suites de pruebas.
En detalle
02Un día por horas, y la ciudad donde está el médico. 
03El seguimiento, contado: a quién le toca, quién no tiene fecha y quién se quedó atrás. 
04Permisos por área: el médico lee, la secretaria maneja el día.
Qué puede hacer
Un solo tablero con el día de la clínica: en un portátil en recepción o en un celular dentro de un carro.
- IA
Una nota de voz que llena el formulario
Di quién llegó, para qué y qué pagó. El modelo llena el formulario y no guarda nada hasta que una persona lo revisa.
- Producto
Fases con candado
Cada fase lista lo que falta y lleva al formulario que lo resuelve. El pie siempre nombra el siguiente paso.
- Producto
Los cupos del médico, listos para enviar
El documento que la secretaria ya lleva se vuelve una semana de cupos en rojo y verde, avisa los días que caen en dos ciudades y se copia a WhatsApp.
- IA
Recibos y facturas leídos por IA
Fotografía un recibo, una factura de proveedor o gastos de viaje: los valores vuelven llenos para revisar y luego van al inventario o a la contabilidad del mes.
Cómo se hizo
- 01
Primero se atacó el plan
Mapeé cómo funcionaba de verdad la clínica y luego sometí el plan a una revisión adversarial en datos, seguridad y factibilidad. Encontró las trampas que esconden las hojas de cálculo; solo la tercera versión llegó al código.
- 02
Primero leer, después escribir
La primera versión fue un artefacto de Claude de solo lectura, seguro para ponerlo frente a la clínica desde el primer día. La edición llegó después, con un usuario por persona y tras una auditoría de seguridad; en vivo desde el 21 de septiembre.
- 03
El celular reescribió la interfaz
La secretaria maneja la clínica desde un iPhone, muchas veces desde el carro. Por eso el panel se instala como app, las tablas se vuelven tarjetas, cada zona táctil mide al menos 44 píxeles y una nota de voz llena el formulario de paciente nueva.
- 04
Plata real, y después pedidos reales
Los pagos reales trajeron reglas que ningún plan tenía: una tarjeta de crédito entra al 95 %, porque la clínica le traslada la comisión a la paciente. Después la clínica empezó a pedir: cupos, agenda por ciudad, permisos. La mayoría salió en menos de un día.
Decisiones clave
La hoja de cálculo sigue siendo la fuente de verdad
Lo obvio era una base de datos real. Pero quien lleva la contabilidad trabaja en Drive todos los días, y la clínica no debía depender de mí. Si el panel se apaga mañana, no se pierde nada.
Los saldos se leen, no se suman
Cada fila de ingresos lleva el saldo que queda después de ese pago, así que sumar cuenta la deuda otra vez con cada abono. Una versión temprana reportó un saldo fantasma de treinta y ocho millones de pesos. Ahora manda la fila más reciente.
Un color por ciudad, nunca solo
El médico trabaja en tres ciudades: naranja para Barranquilla, azul para Bogotá, verde azulado para Medellín, validados para daltonismo. El nombre siempre va junto a su punto, así que nadie tiene que distinguir el verde azulado del azul.
- Estrategia de producto
- HTML y Vanilla JS
- Tailwind CSS
- Cloudflare Workers
- Google Apps Script
- Google Drive y Calendar
- Claude (API y MCP)
- PWA
- Playwright
- node --test
Soy socio de la clínica junto al médico y construí el panel de punta a punta. El protocolo médico es suyo; el uso diario de la secretaria moldeó los flujos. Pantallas y recorrido usan datos de prueba: ninguna paciente real, ninguna cifra de la clínica.