El recorrido completo de compra
De la portada a la confirmación del pedido. Las seis pantallas están conectadas entre sí y funcionan con datos reales: 43 productos, 107 variantes por dilución, inventario de las 5 sucursales y la agenda de los 5 médicos. El carrito, los favoritos, el idioma y el tema se conservan al recargar.
Página de inicio
“Naturalmente al cuidado de tu familia.”
La versión aprobada, ya unificada: absorbe todo lo que aportaba la segunda dirección. 18 secciones.
- Carrusel de 3 ejes: herencia, síntoma y consulta
- Compra por síntoma, kits-protocolo y marca propia Gliser
- Médicos, reseñas, lealtad Chochito y contador de herencia
Catálogo con filtros
43 productos · 42 facetas con conteo real
Los cuatro ejes de navegación del sitemap, combinables y con el número de resultados calculado en vivo.
- Filtros por sistema, tipo, marca, síntoma y precio
- Orden por precio, valoración y novedades
- Botón “Cargar más”, nunca scroll infinito
Síntoma → remedio
“Este asistente orienta, no diagnostica.”
El mostrador digitalizado: el asistente de 3 pasos lleva del malestar al remedio, con la explicación al lado y derivación al médico.
- 12 síntomas con contenido educativo propio
- Productos relacionados y leyenda sanitaria por síntoma
- Enlace directo a agendar consulta
Detalle de producto
Ejemplo: BHI Sleep Heel · Heel
La página que convierte, con lo que un cliente de homeopatía realmente pregunta antes de comprar.
- Comparador 6CH / 30CH / 200CH que explica, no solo cambia el precio
- “Te dura aproximadamente 33 días”, derivado de la posología
- Médico asignado, equivalente Gliser y COFEPRIS en bloque fijo
Agendar consulta
5 médicos homeópatas titulados · 5 sucursales
Sucursal, médico y horario en tres pasos. Es el servicio que ninguna plataforma puede copiar.
- Horarios reales por médico, con huecos ya ocupados
- Mapa, teléfono y WhatsApp de cada sede
- La cita queda guardada en el navegador
Finalizar compra
De la portada a la confirmación en 90 segundos
Una sola página, como invitado. La elección de entrega va arriba y el costo se ve desde el principio.
- Recoger en sucursal con existencias reales por sede
- Puntos Chochito Card calculados sobre el subtotal
- Medios de pago del negocio · demostración, sin cobros
Direcciones visuales
La exploración de identidad que precedió al MVP. La decisión ya está tomada: el sitio usa una piel marino institucional, que evolucionó de la dirección “Wellness contemporáneo”. Ambos tableros se conservan como documentación del proceso.
Boticario Heredado
“El cuidado de siempre, con calidez de botica de barrio.”
Paleta cálida en cremas y terracota, tono artesanal y humano que honra los 107 años de historia.
- Colores, tipografías y texturas
- Personalidad: cercana, tradicional, cálida
Wellness Contemporáneo
“Bienestar natural, claro y para hoy.”
Paleta marino y aire limpio, estética moderna de bienestar que proyecta confianza y modernidad.
- Colores, tipografías y componentes
- Personalidad: limpia, actual, confiable
Sistema de diseño
Los bloques reutilizables que dan consistencia a todo el sitio.
Librería de componentes
“La librería que viste en el home, lista para aprobar.”
Tokens, tipografía, colores, botones, tarjetas y estados — la base técnica sobre la que se construye el sitio.
- Escala tipográfica y de color
- Componentes en claro y oscuro
- Accesibilidad (contraste AA)
Landing de la propuesta
“Gracias por confiarnos 107 años de cuidado.”
Página narrativa que presenta la visión y el porqué del proyecto, pensada como carta de presentación.
- Contexto y objetivos del rediseño
- Resumen de la propuesta 2026