Ortopedia Para Ti: propuesta de rediseño UX/UI para un e-commerce de productos ortopédicos
Propuesta de rediseño en Figma para una tienda online de productos ortopédicos: nuevo lenguaje visual, componentes actualizados, ficha de producto, menú y blog.
Contexto
Ortopedia Para Ti es una tienda online de productos ortopédicos. Su menú organiza el catálogo en Ofertas, Ortesis y Férulas, Ayudas para el hogar, Movilidad, Calzados y Plantillas, y Rehabilitación, y suma un blog.
La tienda tenía un lenguaje visual y unos componentes que pedían una actualización para ofrecer una experiencia más contemporánea y cercana.
El desafío
Renovar la imagen y la interfaz de una tienda con catálogo amplio sin empezar de cero: había que ordenar lo que ya existía y darle una apariencia más actual y amable para quien compra productos de salud y movilidad.
Objetivos
- Un look and feel más contemporáneo y cercano.
- Componentes de interfaz actualizados y consistentes entre secciones.
- Pantallas clave del e-commerce resueltas, incluida la ficha de producto y el menú.
- Una presentación clara del contenido del blog.
Mi rol
Me encargué del diseño UX/UI en Figma. La implementación en el sitio no formó parte de mi trabajo: lo que se presenta acá es una propuesta de diseño, no un sitio publicado.
Restricciones
- Una tienda existente, con catálogo y estructura de menú ya definidos.
- Elementos actuales que convenía reaprovechar en lugar de rehacer.
- Alcance acotado al diseño de interfaz: sin programación ni puesta en línea.
Proceso
- Revisar la tienda actual: menú, categorías, ficha de producto y blog.
- Definir un nuevo lenguaje visual para la marca en el entorno de e-commerce.
- Actualizar los componentes y reaprovechar los elementos existentes.
- Diseñar en Figma las pantallas y secciones principales.
Decisiones clave
- Reutilizar y reinterpretar elementos existentes antes que reemplazarlos, para que la propuesta siga siendo reconocible.
- Tratar la ficha de producto y el menú como piezas centrales, porque ordenan la compra y la navegación del catálogo.
- Presentar el contenido del blog con la misma lógica visual que el resto de la tienda.
La solución
Una propuesta de rediseño con look and feel renovado y componentes modernizados, aplicada a las pantallas y secciones principales del e-commerce, incluidas la ficha de producto, el menú y la presentación del blog.
Tecnologías y herramientas
Figma.
Qué se entregó
- Nuevo lenguaje visual para la tienda.
- Componentes de interfaz actualizados.
- Diseño de las pantallas y secciones principales del e-commerce.
- Ficha de producto y menú rediseñados.
- Presentación del contenido del blog.
Estado actual: propuesta de rediseño diseñada en Figma. No se informan métricas ni resultados de negocio.