Bosi
Bosi es una marca colombiana especializada en artículos de cuero y calzado. Sin embargo, su sitio web presentó varios cambios que impactaron tanto la experiencia del usuario como la coherencia de la marca.
20 dic 2024
CLIENT
TrendCommerce
CLIENT
TrendCommerce
CLIENT
TrendCommerce
Role
Diseñador UX
Role
Diseñador UX
Role
Diseñador UX
Service
Diseño UX
Service
Diseño UX
Service
Diseño UX
Antecedentes Laborales
Antecedentes Laborales
Antecedentes Laborales
Visualmente y estructuralmente, no reflejaba las recientes actualizaciones de la marca; se añadieron nuevas colecciones sin considerar la usabilidad, accesibilidad o las mejores prácticas de diseño responsivo. El sitio también carecía de alineación con las campañas de marketing en curso, lo que resultó en una apariencia desactualizada y patrones de diseño inconsistentes.
Uno de los principales desafíos fue el acceso limitado a la investigación de usuarios antes de comenzar el proyecto, así como la ausencia de pautas digitales integrales de la marca. Esto hizo esencial enfocarse en mejorar la experiencia del usuario, establecer estándares claros de diseño responsivo y garantizar el cumplimiento de los requisitos de accesibilidad y rendimiento de Google.
El rediseño se centró en mejorar el flujo del usuario, la consistencia visual y la alineación de la marca en todo el sitio de comercio electrónico. Las actualizaciones clave incluyeron la reestructuración del diseño UX y UI, mejorando la visibilidad del producto con filtros dinámicos ligados a campañas, y refinando la jerarquía de la página de inicio para mayor claridad y navegación. Los banners fueron redefinidos para servir únicamente propósitos promocionales, reduciendo el ruido visual, mientras que la propuesta de valor de la marca se integró de manera más clara en el diseño.
Visualmente y estructuralmente, no reflejaba las recientes actualizaciones de la marca; se añadieron nuevas colecciones sin considerar la usabilidad, accesibilidad o las mejores prácticas de diseño responsivo. El sitio también carecía de alineación con las campañas de marketing en curso, lo que resultó en una apariencia desactualizada y patrones de diseño inconsistentes.
Uno de los principales desafíos fue el acceso limitado a la investigación de usuarios antes de comenzar el proyecto, así como la ausencia de pautas digitales integrales de la marca. Esto hizo esencial enfocarse en mejorar la experiencia del usuario, establecer estándares claros de diseño responsivo y garantizar el cumplimiento de los requisitos de accesibilidad y rendimiento de Google.
El rediseño se centró en mejorar el flujo del usuario, la consistencia visual y la alineación de la marca en todo el sitio de comercio electrónico. Las actualizaciones clave incluyeron la reestructuración del diseño UX y UI, mejorando la visibilidad del producto con filtros dinámicos ligados a campañas, y refinando la jerarquía de la página de inicio para mayor claridad y navegación. Los banners fueron redefinidos para servir únicamente propósitos promocionales, reduciendo el ruido visual, mientras que la propuesta de valor de la marca se integró de manera más clara en el diseño.
Visualmente y estructuralmente, no reflejaba las recientes actualizaciones de la marca; se añadieron nuevas colecciones sin considerar la usabilidad, accesibilidad o las mejores prácticas de diseño responsivo. El sitio también carecía de alineación con las campañas de marketing en curso, lo que resultó en una apariencia desactualizada y patrones de diseño inconsistentes.
Uno de los principales desafíos fue el acceso limitado a la investigación de usuarios antes de comenzar el proyecto, así como la ausencia de pautas digitales integrales de la marca. Esto hizo esencial enfocarse en mejorar la experiencia del usuario, establecer estándares claros de diseño responsivo y garantizar el cumplimiento de los requisitos de accesibilidad y rendimiento de Google.
El rediseño se centró en mejorar el flujo del usuario, la consistencia visual y la alineación de la marca en todo el sitio de comercio electrónico. Las actualizaciones clave incluyeron la reestructuración del diseño UX y UI, mejorando la visibilidad del producto con filtros dinámicos ligados a campañas, y refinando la jerarquía de la página de inicio para mayor claridad y navegación. Los banners fueron redefinidos para servir únicamente propósitos promocionales, reduciendo el ruido visual, mientras que la propuesta de valor de la marca se integró de manera más clara en el diseño.
El Resultado
El Resultado
El Resultado
SEO improvements included semantic title structures, keyword-rich content, and unified navigation across all brand pages. A fixed header improved orientation, and a redesigned footer guided users toward key actions like newsletter subscriptions.
To ensure long-term consistency, I developed a digital guideline outlining standards for visual design, accessibility, SEO, and interaction, helping the brand maintain coherence in future marketing campaigns and site updates.
To continue improving performance, I recommended:
• Optimizing graphic assets for faster loading and mobile responsiveness.
• Conducting user interviews and usability testing to refine the experience.
• Using heatmaps and tree testing to measure behavior and validate site structure.
As a result, the website now offers a more cohesive, accessible, and performance-driven experience, aligned with both brand identity and user expectations.
SEO improvements included semantic title structures, keyword-rich content, and unified navigation across all brand pages. A fixed header improved orientation, and a redesigned footer guided users toward key actions like newsletter subscriptions.
To ensure long-term consistency, I developed a digital guideline outlining standards for visual design, accessibility, SEO, and interaction, helping the brand maintain coherence in future marketing campaigns and site updates.
To continue improving performance, I recommended:
• Optimizing graphic assets for faster loading and mobile responsiveness.
• Conducting user interviews and usability testing to refine the experience.
• Using heatmaps and tree testing to measure behavior and validate site structure.
As a result, the website now offers a more cohesive, accessible, and performance-driven experience, aligned with both brand identity and user expectations.
SEO improvements included semantic title structures, keyword-rich content, and unified navigation across all brand pages. A fixed header improved orientation, and a redesigned footer guided users toward key actions like newsletter subscriptions.
To ensure long-term consistency, I developed a digital guideline outlining standards for visual design, accessibility, SEO, and interaction, helping the brand maintain coherence in future marketing campaigns and site updates.
To continue improving performance, I recommended:
• Optimizing graphic assets for faster loading and mobile responsiveness.
• Conducting user interviews and usability testing to refine the experience.
• Using heatmaps and tree testing to measure behavior and validate site structure.
As a result, the website now offers a more cohesive, accessible, and performance-driven experience, aligned with both brand identity and user expectations.