Diseño UX/UI de web de catálogo técnico para Ortoalresa

Diseño UX/UI

WordPress + React

Web de catálogo

Diseño UX/UI de una web de catálogo para Ortoalresa, empresa especializada en equipamiento científico de laboratorio. El proyecto se centró en crear una experiencia clara para explorar productos técnicos complejos, con fichas de producto avanzadas, navegación estructurada y contenido visual propio mediante fotografía y vídeo corporativo.

Wireframes UX orientados a dispositivos

El proceso de diseño comenzó con una fase de wireframing centrada en los distintos dispositivos, lo que permitió definir la estructura del sitio priorizando la claridad en la presentación de información técnica. Este enfoque facilitó la construcción de una navegación intuitiva adaptada a diferentes resoluciones y contextos de uso.

Catálogo técnico de productos

La web se diseñó para albergar un catálogo técnico completo que permite explorar los diferentes equipos de laboratorio de la marca. La estructura facilita la navegación entre categorías y ofrece acceso a información detallada sobre características, aplicaciones y especificaciones de cada producto.

Además, se desarrolló un sistema de importación automatizada a medida que sincroniza productos y accesorios directamente desde el ERP del cliente. Este proceso permite mantener el catálogo actualizado de forma eficiente y minimiza posibles errores en la gestión de la información técnica.

Front-end a medida con React y WordPress

La implementación técnica del proyecto se basó en WordPress como gestor de contenidos combinado con un front-end a medida desarrollado con React. Esta arquitectura permite mejorar el rendimiento del sitio y ofrecer una experiencia de navegación fluida, manteniendo la facilidad de gestión de contenido de WordPress.

Fichas de producto avanzadas

Cada producto cuenta con una ficha detallada donde se presentan especificaciones técnicas, configuraciones disponibles y documentación relevante. Estas fichas están diseñadas para facilitar la consulta por parte de profesionales del sector científico y técnico.

Fotografía corporativa de instalaciones

Para reforzar la comunicación visual de la marca se realizó un shooting fotográfico de las instalaciones de la empresa, mostrando tanto los espacios de trabajo como los procesos de fabricación y ensamblaje de los equipos.

Vídeo corporativo y vídeo de ensamblaje de producto

El proyecto incluyó la producción de un vídeo corporativo que presenta la actividad de la empresa y un vídeo técnico que muestra el proceso de ensamblaje de uno de sus equipos. Este contenido ayuda a transmitir la precisión, calidad y capacidad tecnológica de la compañía.

Configurador de centrífugas a medida

Se desarrolló un configurador interactivo de centrífugas que permite explorar diferentes configuraciones de producto directamente desde la web. Esta herramienta facilita a los usuarios comprender las distintas opciones disponibles y seleccionar el equipo más adecuado según sus necesidades.

El configurador se alimenta también de la información sincronizada desde el ERP del cliente mediante el sistema de importación automatizada, lo que garantiza que las combinaciones de producto y accesorios disponibles estén siempre actualizadas y alineadas con el catálogo real de la empresa.

Servicios relacionados con este proyecto

Este proyecto combina diseño UX/UI, desarrollo web a medida y arquitectura de catálogo para productos técnicos. Estos servicios permiten crear webs de catálogo complejas, integradas con sistemas internos de la empresa y optimizadas para ofrecer una navegación clara y eficiente.