Octavio Ruiz

Kilmer Tórrez

Los pacientes escribían sin saber qué terapia necesitaban. Ahora la web explica cada terapia y arma el mensaje de consulta según lo que sienten.

Tipo
Web
Para quién
Consulta de medicina natural
Mi rol
Diseño y desarrollo
Tiempo
20 horas
Inicio de la web de Kilmer Tórrez con la foto de la Dra. y los botones para agendar

Contexto

Qué era

La web de la Dra. Kilmer Tórrez, que atiende con medicina natural en Río Blanco y Managua.

Para quién

Personas con dolor, estrés u otras molestias que buscan acupuntura, moxibustión, drenaje linfático, masaje terapéutico o TENS y agendan por WhatsApp.

Por qué se hizo

Para ordenar la consulta: que la Dra. tenga el contexto de cada paciente antes de reservar la cita.

Qué recibí

Fotos de la Dra. de dos sesiones, el logo en PNG sin versión vectorial, una pieza para redes con las terapias, el número de WhatsApp y referencias visuales de paletas y sitios.

El reto

Qué había que resolver

Que alguien que no sabe qué terapia necesita pueda contar qué siente y llegue al WhatsApp de la Dra. con un mensaje claro, sin guardar datos de salud en ningún servidor.

Lo más difícil

El cuerpo en 3D: que cualquier persona pueda girarlo y marcar el punto exacto desde el celular, y que siga funcionando con un mapa plano si el teléfono no soporta 3D.

Proceso

Partí de la pieza para redes y de las fotos. Armé un sistema de diseño propio (oliva, salvia, acqua y solace; Urbanist y Figtree) y lo revisamos con la Dra. en 6 rondas sobre capturas con notas. La lista de terapias de la primera ronda pasó a ser un carrusel con fotos, y en la ronda 4 ella pidió paneles claros con desenfoque.

Pieza para redes con la que se promocionaba la consulta
Punto de partida: la pieza para redes.
Primera versión de la sección de terapias, como lista
Ronda 1: las terapias como lista.

El producto

Carrusel de terapias con la acupuntura abierta
Terapias en carrusel: cada tarjeta explica la terapia y lleva a reservarla.
Paso de la consulta con un cuerpo en 3D y un punto marcado en el pecho
Consulta: el paciente gira un cuerpo en 3D y marca dónde siente la molestia.
Inicio y terapias en celular
En celular: la Dra. primero y una terapia a la vez.

Mi trabajo

Qué hice

Diseño de la experiencia y del sistema visual, orden de los textos que entregó la Dra. y desarrollo del sitio: Next.js exportado como sitio estático para Cloudflare, con el mapa del cuerpo en three.js.

Con quién

Con la Dra. Kilmer Tórrez, que revisó cada ronda, y con Claude Code en el desarrollo.

Resultado

Qué se entregó

Una web de una página con 5 terapias y una consulta por pasos que arma el mensaje para WhatsApp junto con una ficha de los puntos marcados. No usa base de datos.

Métricas

  • En desarrollo.

Tiempo invertido

20 horas

Lo que aprendí

Qué haría diferente

Preguntar más sobre el contexto antes de entrar a código.
Todos los proyectos