• Facilitador: Talleres con Stakeholders.
  
• Investigador UX: Análisis competitivo y entrevistas.
  
• Diseñador UX: Arquitectura y Flujos.
  
• Diseñador de Sistemas de Diseño: Fundamentos y Componentes Reutilizables.

RIVUS® buscaba ser el primer e-commerce industrial en Latinoamérica, mostrando precios en dólares para facilitar la expansión regional. Esta visión de ser uno de los mejores proveedores en la región, se evidenció con la modernización de la marca en conjunto con la actualización de la página después de mucho tiempo. Esta ultima, siendo más informativa, tenía algunas aproximaciones o características de un e-commerce pero sin ser transaccional.

Mi aporte fue el de generar el diseño del sitio con las recomendaciones existentes en usabilidad, en colaboración constante con RIVUS® y teniendo en cuenta las entrevistas realizadas a clientes reales.

Para entender las necesidades y definir prioridades en el diseño por parte del usuario, se realizaron 11 entrevistas a clientes propios de RIVUS. Analizamos seis competidores (Grainger, 1st Dibs, Fastenal, Balluff, Flexport y MSC) para identificar fortalezas y debilidades en la navegación, búsqueda y presentación de productos. Esto nos ayudó a establecer patrones funcionales relevantes para el diseño.

Con estas descubrimos que los usuarios valoran la claridad que puede haber en el catálogo de productos, las descripciones técnicas, entre otros sintetizados en los siguientes insights:

Basándonos en los hallazgos, desarrollamos wireframes que alineaban las prioridades del usuario con las limitaciones técnicas de la plataforma SaaS VTEX. Los wireframes se centraron en:

• Una navegación optimizada para un catálogo extenso.
  
• Páginas de producto claras y ricas en información, con imágenes y videos complementarios.
  
• Múltiples flujos de interacción según el tipo de usuario (invitado, registrado, etc.).

Partiendo de una lógica de diseño atómico y el manual de marca de RIVUS® se crea una base de sistema de diseño propia.

• Tokens y estilos básicos: Definí colores, tipografías y espaciados, asegurando consistencia en toda la interfaz.
  
• Componentes reutilizables: Diseñé componentes clave como tarjetas de producto, botones, entre otros priorizando la escalabilidad del sistema.
  
• Optimización en Figma: Usé las funcionalidades de modos claro/oscuro para segmentar los diseños de forma eficiente y mantener la flexibilidad en futuras actualizaciones.

El diseño de alta fidelidad incorporó, además de los resultados de la investigación, principios del Baymard Institute, como: La importancia de mostrar al menos el 40% del global de los productos, una organización clara del catálogo, entre otras recomendciones.

Insights y otras características:

• (Insight 1) Se crea una barra de navegación donde se prioriza la búsqueda de los productos: Buscador intuitivo con recomendaciones y categorías visibles.
  

• (Insight 2) Se generan distintas formas de navegación hacia cada una de las categorías.
  

• (Insight 4) Se ubican a lo largo de la página y en distintas secciones importantes, medios de contacto. Así mismo, un ícono clickeable de WhatsApp visibles en todas las pantallas.
  

• Se toma como referencia la visualización de precios en diferentes sitios como Amazon e Ikea. La tasa de cambio se muestra actualizada en la barra de navegación.

• Facilitador: Talleres con Stakeholders.
  
• Investigador UX: Análisis competitivo y entrevistas.
  
• Diseñador UX: Arquitectura y Flujos.
  
• Diseñador de Sistemas de Diseño: Fundamentos y Componentes Reutilizables.

RIVUS® buscaba ser el primer e-commerce industrial en Latinoamérica, mostrando precios en dólares para facilitar la expansión regional. Esta visión de ser uno de los mejores proveedores en la región, se evidenció con la modernización de la marca en conjunto con la actualización de la página después de mucho tiempo. Esta ultima, siendo más informativa, tenía algunas aproximaciones o características de un e-commerce pero sin ser transaccional.

Mi aporte fue el de generar el diseño del sitio con las recomendaciones existentes en usabilidad, en colaboración constante con RIVUS® y teniendo en cuenta las entrevistas realizadas a clientes reales.

Para entender las necesidades y definir prioridades en el diseño por parte del usuario, se realizaron 11 entrevistas a clientes propios de RIVUS, la mayoría hace parte de del área de compra o similares en cada una de sus empresas. Analizamos seis competidores (Grainger, 1st Dibs, Fastenal, Balluff, Flexport y MSC) para identificar fortalezas y debilidades en la navegación, búsqueda y presentación de productos. Esto nos ayudó a establecer patrones funcionales relevantes para el diseño.

Con estas descubrimos que los usuarios valoran la claridad que puede haber en el catálogo de productos, las descripciones técnicas, entre otros sintetizados en los siguientes insights:

Basándonos en los hallazgos, desarrollamos wireframes que alineaban las prioridades del usuario con las limitaciones técnicas de la plataforma SaaS VTEX. Los wireframes se centraron en:

• Una navegación optimizada para un catálogo extenso.
  
• Páginas de producto claras y ricas en información, con imágenes y videos complementarios.
  
• Múltiples flujos de interacción según el tipo de usuario (invitado, registrado, etc.).

Partiendo de una lógica de diseño atómico y el manual de marca de RIVUS® se crea una base de sistema de diseño propia.

• Tokens y estilos básicos: Definí colores, tipografías y espaciados, asegurando consistencia en toda la interfaz.
  
• Componentes reutilizables: Diseñé componentes clave como tarjetas de producto, botones, entre otros priorizando la escalabilidad del sistema.
  
• Optimización en Figma: Usé las funcionalidades de modos claro/oscuro para segmentar los diseños de forma eficiente y mantener la flexibilidad en futuras actualizaciones.

El diseño de alta fidelidad incorporó, además de los resultados de la investigación, principios del Baymard Institute, como: La importancia de mostrar al menos el 40% del global de los productos, una organización clara del catálogo, entre otras recomendciones.

Insights y otras características:

• (Insight 1) Se crea una barra de navegación donde se prioriza la búsqueda de los productos: Buscador intuitivo con recomendaciones y categorías visibles.
  

• (Insight 2) Se generan distintas formas de navegación hacia cada una de las categorías.
  

• (Insight 4) Se ubican a lo largo de la página y en distintas secciones importantes, medios de contacto. Así mismo, un ícono clickeable de WhatsApp visibles en todas las pantallas.
  

• Se toma como referencia la visualización de precios en diferentes sitios como Amazon e Ikea. La tasa de cambio se muestra actualizada en la barra de navegación.

• Facilitador: Talleres con Stakeholders.
  
• Investigador UX: Análisis competitivo y entrevistas.
  
• Diseñador UX: Arquitectura y Flujos.
  
• Diseñador de Sistemas de Diseño: Fundamentos y Componentes Reutilizables.

RIVUS® buscaba ser el primer e-commerce industrial en Latinoamérica, mostrando precios en dólares para facilitar la expansión regional. Esta visión de ser uno de los mejores proveedores en la región, se evidenció con la modernización de la marca en conjunto con la actualización de la página después de mucho tiempo. Esta ultima, siendo más informativa, tenía algunas aproximaciones o características de un e-commerce pero sin ser transaccional.

Mi aporte fue el de generar el diseño del sitio con las recomendaciones existentes en usabilidad, en colaboración constante con RIVUS® y teniendo en cuenta las entrevistas realizadas a clientes reales.

Para entender las necesidades y definir prioridades en el diseño por parte del usuario, se realizaron 11 entrevistas a clientes propios de RIVUS, la mayoría hace parte de del área de compra o similares en cada una de sus empresas. Analizamos seis competidores (Grainger, 1st Dibs, Fastenal, Balluff, Flexport y MSC) para identificar fortalezas y debilidades en la navegación, búsqueda y presentación de productos. Esto nos ayudó a establecer patrones funcionales relevantes para el diseño.

Con estas descubrimos que los usuarios valoran la claridad que puede haber en el catálogo de productos, las descripciones técnicas, entre otros sintetizados en los siguientes insights:

Basándonos en los hallazgos, desarrollamos wireframes que alineaban las prioridades del usuario con las limitaciones técnicas de la plataforma SaaS VTEX. Los wireframes se centraron en:

• Una navegación optimizada para un catálogo extenso.
  
• Páginas de producto claras y ricas en información, con imágenes y videos complementarios.
  
• Múltiples flujos de interacción según el tipo de usuario (invitado, registrado, etc.).

Partiendo de una lógica de diseño atómico y el manual de marca de RIVUS® se crea una base de sistema de diseño propia.

• Tokens y estilos básicos: Definí colores, tipografías y espaciados, asegurando consistencia en toda la interfaz.
  
• Componentes reutilizables: Diseñé componentes clave como tarjetas de producto, botones, entre otros priorizando la escalabilidad del sistema.
  
• Optimización en Figma: Usé las funcionalidades de modos claro/oscuro para segmentar los diseños de forma eficiente y mantener la flexibilidad en futuras actualizaciones.

El diseño de alta fidelidad incorporó, además de los resultados de la investigación, principios del Baymard Institute, como: La importancia de mostrar al menos el 40% del global de los productos, una organización clara del catálogo, entre otras recomendciones.

Insights y otras características:

• (Insight 1) Se crea una barra de navegación donde se prioriza la búsqueda de los productos: Buscador intuitivo con recomendaciones y categorías visibles.
  

• (Insight 2) Se generan distintas formas de navegación hacia cada una de las categorías.
  

• (Insight 4) Se ubican a lo largo de la página y en distintas secciones importantes, medios de contacto. Así mismo, un ícono clickeable de WhatsApp visibles en todas las pantallas.
  

• Se toma como referencia la visualización de precios en diferentes sitios como Amazon e Ikea. La tasa de cambio se muestra actualizada en la barra de navegación.

• Facilitador: Talleres con Stakeholders.
  
• Investigador UX: Análisis competitivo y entrevistas.
  
• Diseñador UX: Arquitectura y Flujos.
  
• Diseñador de Sistemas de Diseño: Fundamentos y Componentes Reutilizables.

RIVUS® buscaba ser el primer e-commerce industrial en Latinoamérica, mostrando precios en dólares para facilitar la expansión regional. Esta visión de ser uno de los mejores proveedores en la región, se evidenció con la modernización de la marca en conjunto con la actualización de la página después de mucho tiempo. Esta ultima, siendo más informativa, tenía algunas aproximaciones o características de un e-commerce pero sin ser transaccional.

Mi aporte fue el de generar el diseño del sitio con las recomendaciones existentes en usabilidad, en colaboración constante con RIVUS® y teniendo en cuenta las entrevistas realizadas a clientes reales.

Para entender las necesidades y definir prioridades en el diseño por parte del usuario, se realizaron 11 entrevistas a clientes propios de RIVUS, la mayoría hace parte de del área de compra o similares en cada una de sus empresas. Analizamos seis competidores (Grainger, 1st Dibs, Fastenal, Balluff, Flexport y MSC) para identificar fortalezas y debilidades en la navegación, búsqueda y presentación de productos. Esto nos ayudó a establecer patrones funcionales relevantes para el diseño.

Con estas descubrimos que los usuarios valoran la claridad que puede haber en el catálogo de productos, las descripciones técnicas, entre otros sintetizados en los siguientes insights:

Basándonos en los hallazgos, desarrollamos wireframes que alineaban las prioridades del usuario con las limitaciones técnicas de la plataforma SaaS VTEX. Los wireframes se centraron en:

• Una navegación optimizada para un catálogo extenso.
  
• Páginas de producto claras y ricas en información, con imágenes y videos complementarios.
  
• Múltiples flujos de interacción según el tipo de usuario (invitado, registrado, etc.).

Partiendo de una lógica de diseño atómico y el manual de marca de RIVUS® se crea una base de sistema de diseño propia.

• Tokens y estilos básicos: Definí colores, tipografías y espaciados, asegurando consistencia en toda la interfaz.
  
• Componentes reutilizables: Diseñé componentes clave como tarjetas de producto, botones, entre otros priorizando la escalabilidad del sistema.
  
• Optimización en Figma: Usé las funcionalidades de modos claro/oscuro para segmentar los diseños de forma eficiente y mantener la flexibilidad en futuras actualizaciones.

El diseño de alta fidelidad incorporó, además de los resultados de la investigación, principios del Baymard Institute, como: La importancia de mostrar al menos el 40% del global de los productos, una organización clara del catálogo, entre otras recomendciones.

Insights y otras características:

• (Insight 1) Se crea una barra de navegación donde se prioriza la búsqueda de los productos: Buscador intuitivo con recomendaciones y categorías visibles.
  

• (Insight 2) Se generan distintas formas de navegación hacia cada una de las categorías.
  

• (Insight 4) Se ubican a lo largo de la página y en distintas secciones importantes, medios de contacto. Así mismo, un ícono clickeable de WhatsApp visibles en todas las pantallas.
  

• Se toma como referencia la visualización de precios en diferentes sitios como Amazon e Ikea. La tasa de cambio se muestra actualizada en la barra de navegación.