Diagnocell

El proyecto de Diagnocell comenzó con una situación complicada:

• Un proveedor anterior había dejado en línea una versión básica e incompleta del sitio.
• El sitio no correspondía con la calidad que esperaba el cliente.
• El cliente no tenía acceso a su servidor de hosting.
• El proveedor anterior había dejado de responder.

El sitio anterior estaba organizado alrededor de una navegación limitada que priorizaba IHQ, Histología, Marcas, Catálogo y Nosotros. Algunas categorías existían dentro del sitio, pero no eran visibles desde el menú principal. Las personas tenían que encontrarlas a través de contenido o catálogos PDF, lo que hacía más difícil entender la oferta de productos.

Además, el sitio no tenía una sección de Contacto adecuada, aunque Diagnocell depende mucho de la comunicación directa y la venta consultiva. La experiencia se sentía más cercana a un sitio de presencia, cuando necesitaba funcionar como un canal funcional de cotización.

La investigación inicial fue práctica y estuvo basada en las restricciones reales del proyecto. Revisé el sitio existente, utilicé Wayback Machine para recuperar capturas de versiones anteriores y preparé un cuestionario-brief para obtener información más precisa del cliente.

A través de llamadas con el cliente, una auditoría del sitio y la revisión de contenido, entendí que el sitio debía apoyar a dos tipos principales de usuarios: personas técnicas que buscan productos o categorías específicas, y equipos de compras que necesitan suficiente información para solicitar una cotización.

Los hallazgos principales fueron:

• Las categorías de productos no eran fáciles de encontrar.
• Los catálogos PDF competían con la exploración de productos.
• La navegación no reflejaba cómo las personas necesitaban buscar.
• Las acciones de contacto y cotización no eran suficientemente visibles.
• La sección Nosotros necesitaba comunicar más que misión, visión y valores genéricos.
• Las marcas eran importantes porque funcionaban como señales de confianza para compradores de hospitales y laboratorios.

La principal decisión de UX fue mover el sitio de una estructura centrada en la marca a una estructura centrada en productos y cotizaciones.

La navegación final dio mayor visibilidad a Productos, Marcas, Nosotros, Contacto y Solicitar Cotización. Las categorías se agruparon jerárquicamente bajo Productos, incluyendo IHQ, Histología, Sondas FISH / CISH, Patología Digital, Consumibles / Reactivos y Equipos.

Catálogo pasó a tener un papel secundario y se renombró como Recursos en el footer. Esto redujo la confusión porque los catálogos PDF seguían siendo útiles, pero ya no tenían que competir con la navegación principal de productos y la experiencia de cotización.

El sitio se estructuró alrededor del proceso comercial real:

• Las personas exploran los productos.
• Preparan una solicitud de cotización.
• Diagnocell revisa la disponibilidad.
• Diagnocell orienta cuando es necesario.
• El equipo comercial da seguimiento por WhatsApp.

Esto hizo que el sitio estuviera más alineado con la forma en que realmente vende la empresa.

Después de validar el contenido, la arquitectura de información y el sitemap con el cliente, pasé al diseño UI en Figma. La dirección visual cambió de un estilo comercial genérico a una experiencia más editorial y científica, con texturas microscópicas, una jerarquía más clara y una sensación más marcada de especialización.

La dirección de interfaz se enfocó en:

• Hacer más fácil de escanear el catálogo de productos.
• Dar una estructura más clara al contenido técnico.
• Mantener visibles las marcas como señales de confianza.
• Hacer fáciles de encontrar las acciones de cotización.
• Traducir el contexto científico de Diagnocell al lenguaje visual del sitio.

Creé wireframes de alta fidelidad y rediseñé los componentes principales del catálogo, las secciones de marcas, las páginas de contenido y el flujo de cotización. El prototipo ayudó a validar el comportamiento antes del desarrollo, especialmente en torno a:

• Exploración de productos por categoría.
• Comportamiento de guardar para cotizar.
• Estados de CTA y feedback del conteo de productos.
• Revisión de la solicitud de cotización.
• Ajuste de cantidades antes del envío.

El sitio final se desarrolló como un tema personalizado de WordPress usando CPT y ACF. También preparé los datos del catálogo para importarlos a partir de catálogos PDF, nombres de productos, SKU, marcas y extracción con apoyo de IA. En el primer lote se importaron alrededor de 500 productos y el sistema quedó listo para futuras importaciones por CSV o entradas manuales en WordPress.

Diagnocell ahora tiene un sitio más claro, completo y administrable que permite:

• Explorar productos
• Solicitar cotizaciones
• Dar seguimiento comercial
• Actualizar contenido
• Hacer crecer el catálogo de productos

La nueva estructura da mayor visibilidad a las categorías, conserva las marcas como señales de confianza y convierte el sitio en un canal funcional de cotización en lugar de ser solo un sitio de presencia.

El proyecto reemplazó un sitio incompleto, mejoró la presentación de la marca, aclaró la estructura de productos, apoyó el proceso comercial y entregó al cliente un sistema de WordPress que puede actualizar con el tiempo.