01.Entender
Una tienda online de tablas de surf, accesorios para el surf, neoprenos y ropa, para usuarios en California, este emprendimiento de e-commerce está pensado para ser exclusivamente digital y llevar una comunicación cercana, con un lenguaje familiar para la comunidad de surfistas de este estado.
- Roles: Product Manager & Diseñadora UX/UI.
- Team: 1 Product Manager, 2 Desarrolladores, 1 Diseñador UX/UI, 1 Community Manager.
- Duración: 4 meses.
Problema
El mercado de tiendas de surf en California se encuentra saturado por tiendas online que carecen de cercanía y de una comprensión real de las necesidades, motivaciones y objetivos de los surfistas. Muchas de estas marcas no logran generar una conexión auténtica con sus usuarios, ni construir una comunidad en torno al deporte.
Limitaciones del proyecto
- El alcance del proyecto se limitó al diseño del MVP, sin contemplar una fase de investigación profunda de usuarios, ni ciclos iterativos de validación.
- La falta de un banco de imágenes propio obligó a trabajar con recursos genéricos o provenientes de fuentes externas.
- El mercado altamente competitivo en California exigió que la propuesta logrará diferenciarse dentro de un entorno saturado de surf shops en la región.
- El presupuesto reducido para el desarrollo requirió que todas las soluciones fueran técnicamente viables y ajustadas a recursos limitados.
Priorización por impacto y esfuerzo
02.Investigar & Empatizar
Hipótesis
La creación de un e-commerce desarrollado por y para surfistas permitirá no solo la venta de productos, sino también la fidelización de usuarios a través de una experiencia cercana, auténtica y adaptada a sus necesidades reales. Al construirse como una plataforma pensada desde la comunidad, este enfoque marcará la diferencia en el mercado, promoviendo una cultura de surf activa y una comunicación directa y cercana con sus clientes.
Benchmarking
Aproximación de la Investigación
Se inició con un análisis de la competencia, para comprender y evaluar el mercado actual de venta de productos de surf online en California. En la fase de investigación se entrevistó a un grupo de 22 usuarios, en un 70% hombres y un 30% mujeres, entre las edades de 25-50 años.Estos usuarios son surfistas comprometidos, quienes cada cierto tiempo desean comprar nuevas tablas de surf, accesorios y ropa.
Resultados de la Investigación
Insights
Estos son los puntos más significativos que se han descubierto durante la fase de investigación. Estos puntos se deben tomar en cuenta en la estructuración y diseño de la página web.
Empathy Map
En esta fase realizo un profundo ejercicio de comprender y empatizar por completo con los comportamientos, necesidades y deseos de los usuarios.
03.Definir
User Persona & Scenario
Ir al Prototipo
Customer Journey
Es el recorrido completo del usuario antes, durante y después de usar la página web, esto nos permite ubicar los puntos de dolor para aliviarlos y hacer el diseño más eficiente, anticipándonos a la necesidades del usuario durante la navegación y hacer todo el diseño de la experiencia centrado en el usuario.
Solución
Un e-commerce con el lenguaje visual y escrito de una marca creada por y para surfistas reales, que funcione como el canal principal de ventas y conexión con la comunidad. La propuesta busca ofrecer una experiencia de compra simple, cercana y confiable, facilitando el acceso a tablas, accesorios y ropa, al mismo tiempo que fortalece el vínculo con los usuarios a través de contenidos, acompañamiento en su progreso en el deporte y la promoción activa de una comunidad surfista auténtica.
04.Idear
Sitemap
Aquí definimos la arquitectura de la información, ubicamos estratégicamente los CTAs (Llamadas a la acción), la información de la web para que sea optimizada en el posicionamiento de Google y agilizar el proceso tanto de diseño como desarrollo.
User Flow
El flujo de acciones del usuario dentro de la página web, es excelente mapear las acciones del usuario y lograr optimizar las interacciones y navegación, haciendo nuestro sitio web más amigable para el usuario y aumentando la tasa de conversión al saber posicionar bien los CTAs.
05.Prototipar
Wireframe
UI Kit
Look & Feel
Móvil UI
Desktop UI
06.Delivery
Roadmap
Backlog Resumido
Este backlog representa una visión estratégica del producto. La ejecución se realizó en sprints iterativos de 1 a 2 semanas.
Criterios de Aceptación
- Dado que el usuario ingresa a la tienda, cuando accede a la sección de productos entonces se muestra el listado de productos disponibles con imagen, nombre, precio y talla visibles sin necesidad de hacer zoom.
- Dado que el usuario se encuentra en el catálogo de productos,cuando aplica filtros por tamaño, nivel o precio,entonces se le muestran los resultados sin recargar la página y solo muestra los productos que cumplen con los criterios seleccionados.
- Dado que el usuario inicia el proceso de compra,cuando completa cada paso del checkout,entonces tiene feedback visual del estado del paso (activo, completado o error).
Developer Handoff
- Entrega del archivo Figma con anotaciones para estados, interacciones y breakpoints.
- Documentación y entrega de un design system completo para el proyecto.
- Documentación UX con insights clave y recomendaciones heurísticas para la implementación.
- Kit visual exportado: íconos, imágenes optimizadas, tokens de color.
- Se llevó a cabo una reunión previa al desarrollo con el equipo multidisciplinario, en la que se presentó y explicó el prototipo de manera detallada.
- Reuniones de seguimiento durante el desarrollo para asegurar la consistencia.
07.Testear
Se le recomendó al cliente hacer un seguimiento después del lanzamiento de la web a través de Google Analytics, realizando Tests A/B y analizando sesiones de los usuarios en Hotjar para poder ver el comportamiento real de los usuarios, mejorar su experiencia y aumentar el rango de conversión.