Mimumo App: Evolución mobile para e-commerce
Adaptando el e-commerce a una experiencia de compra móvil fluida e intuitiva.
Sector
- E-commerce
- Retail
- DIY & Crafts
Mi rol
- UX Research & Strategy
- UI Designer
- Interaction designer
Herramientas
- Figma
- Photoshop
- PrestaShop
Entregables
- Investigación de mercado
- Estrategia de producto
- Diseño UI
El origen
Mimumo nació como un e-commerce 100% funcional que diseñé y desarrollé sobre
PrestaShop.
Analizando las métricas de la tienda, detecté una brecha crítica: aunque el tráfico móvil
superaba el 70%, la tasa de conversión en la versión responsive no escalaba en proporción. Este
proyecto se diseñó como una Prueba de Concepto (PoC) para explorar cómo una experiencia
nativa podría eliminar esas fricciones, visualizando la evolución de la marca desde una web
transaccional hacia un entorno móvil enfocado en la recurrencia y la compra por impulso.
El reto
Aunque Mimumo ya funcionaba como negocio, la experiencia en dispositivos móviles presentaba fricciones inherentes a la web responsive: tiempos de carga mejorables y un checkout de múltiples pasos que enfriaba la intención de compra. El desafío de este concepto fue reimaginar el User Journey para un entorno nativo, buscando simplificar radicalmente la navegación de un catálogo con miles de referencias pequeñas sin perder la carga estética y emocional que caracteriza al sector craft.
La solución
Diseñé una experiencia de compra nativa centrada en la "comprabilidad" y la inspiración visual. Para resolver la fricción detectada en la web, redefiní el flujo de compra centrándome en tres áreas críticas de interacción:
- Navegación visual y categorización: Optimicé la navegación complementando el menú general con una barra horizontal basada en iconografía personalizada. Esto permite al usuario explorar las familias de productos (Papeles, Estampación, Stickers...) de un vistazo, reduciendo la carga cognitiva y acelerando el descubrimiento.
- Sistema de filtrado facetado: En el sector craft, el color y la marca son decisivos. Diseñé un sistema de filtros modales optimizados para el pulgar, destacando la selección visual de color y colecciones. Esto permite refinar búsquedas complejas sin perder el contexto del catálogo, algo que resultaba tedioso en la versión responsive..
- Checkout nativo lineal: Reduje el proceso de pago a pasos mínimos y lineales. Eliminé distracciones visuales en la etapa final y diseñé tarjetas de resumen claras para aumentar la confianza del usuario, facilitando la conversión rápida o "compra por impulso".
El proceso
1. Análisis y definición
Como fundadora, aproveché el acceso directo a los datos del negocio para auditar el comportamiento real del usuario. El análisis de Google Analytics y los mapas de calor de Hotjar revelaron puntos de fricción críticos, validando con datos la necesidad imperiosa de mejorar la experiencia de usuario y optimizar el flujo de compra para el canal móvil.
2. Conceptualización
Salté directamente a la definición de la estructura visual. Planteé una arquitectura de navegación más plana que en la web, eliminando sub-niveles innecesarios para que el usuario llegara al producto en máximo 2 toques.
3. Diseño UI
Evolucioné la identidad visual de la web para adaptarla a patrones nativos (iOS/Android).
- Color & Atmósfera: Mantuve los tonos pastel y la estética "clean" de la marca Mimumo para dejar que las fotos de los productos fueran las protagonistas.
- Tipografía: Ajusté las escalas tipográficas para asegurar legibilidad en pantallas pequeñas sin perder la personalidad de la marca.
- Componentes: Diseñé un sistema de tarjetas de producto que maximiza el espacio de la imagen, clave para la compra de material artístico.
4. Diseño de interacción
El objetivo fue crear una experiencia de navegación sin fricción. Prioricé la claridad
visual y el espaciado para que moverse entre categorías fuera intuitivo.
Además, diseñé micro-interacciones con propósito para aportar una sensación táctil a la
interfaz digital: desde el feedback visual inmediato al marcar un producto como favorito,
hasta la respuesta del selector de cantidad en la ficha de producto. Estos detalles mejoran
la usabilidad, confirmando cada acción para que la experiencia de compra sea fluida y
transmita seguridad al usuario.
¿Tienes un proyecto en mente?
Escríbeme y vemos cómo podemos colaborar.