Bienestar Senior: rediseño UX/UI de siete tipos de página para un e-commerce de ortopedia y bienestar

Bienestar Senior es una tienda online de productos de ortopedia, movilidad, asistencia y bienestar pensados para adultos mayores.

Una tienda así combina dos tipos de contenido: el comercial, que vende productos, y el institucional, que explica quiénes están detrás. Las dos partes tienen que sentirse parte del mismo sitio.

Renovar el lenguaje visual de toda la tienda y mantener la coherencia entre las secciones comerciales e institucionales, con una navegación y una jerarquía de información que ayuden a encontrar y comparar productos.

• Un lenguaje visual renovado y consistente en todo el sitio.
• Coherencia entre la parte comercial y la institucional.
• Una navegación clara y una jerarquía de información ordenada.
• Una presentación de producto que facilite la lectura.

Me encargué del rediseño UX/UI en Figma. La implementación no formó parte de mi trabajo: el resultado es una propuesta de diseño, no un sitio publicado.

• Una tienda existente, con componentes que convenía reaprovechar.
• Un alcance amplio: siete tipos de página que debían funcionar como un conjunto.
• Alcance limitado al diseño de interfaz, sin programación ni puesta en línea.

1. 1Revisar la tienda actual y su estructura de contenidos.
2. 2Renovar el lenguaje visual y reaprovechar los componentes existentes.
3. 3Diseñar en Figma los siete tipos de página como un sistema, no como piezas sueltas.
4. 4Revisar la coherencia entre las secciones comerciales e institucionales.

• Diseñar los siete tipos de página con los mismos componentes y reglas, para que el sitio se lea como una unidad.
• Priorizar la navegación y la jerarquía de información antes que la decoración.
• Cuidar la presentación del producto como la pieza que más pesa en la decisión de compra.
• Incluir el blog y los artículos dentro de la propuesta como parte del sistema.

Un rediseño que cubre siete tipos de página con un mismo sistema visual:

• Home.
• Categoría.
• Producto.
• Blog.
• Artículo de blog.
• Contacto.
• Quiénes somos.

Figma.

• Rediseño de siete tipos de página en Figma.
• Lenguaje visual renovado, con componentes existentes reaprovechados.
• Navegación y jerarquía de información definidas para toda la tienda.
• Presentación de producto diseñada para la ficha y las categorías.

Estado actual: propuesta de rediseño diseñada en Figma. El blog y los artículos forman parte de la propuesta. No se informan métricas ni resultados de negocio.