Contexto
En el marco del Máster en Diseño de UX y Dirección de Proyectos Web, este proyecto final pretende aplicar de manera práctica los conocimientos adquiridos como diseñadores UX a lo largo del curso.
Para ello, nos hemos centrado en Tactic, una tienda local de Barcelona especializada en vender productos de surf, skate y snow. En esta memoria, trataremos de representar todo el proceso que ha sido necesario, tanto metodologías como herramientas creativas y analíticas, con el fin de mostrar cómo el diseño de experiencia de usuario y la estrategia digital consiguen optimizar la presencia online de un negocio como Tactic. Sin más dilación, empecemos!
Para ello, nos hemos centrado en Tactic, una tienda local de Barcelona especializada en vender productos de surf, skate y snow. En esta memoria, trataremos de representar todo el proceso que ha sido necesario, tanto metodologías como herramientas creativas y analíticas, con el fin de mostrar cómo el diseño de experiencia de usuario y la estrategia digital consiguen optimizar la presencia online de un negocio como Tactic. Sin más dilación, empecemos!
Objetivos
1.- Fomentar la capacidad de research y análisis crítico para comprender los factores que influyen en el diseño y dirección de un servicio digital.
2.- Planificar y diseñar la experiencia digital de los usuarios, manteniendo la identidad digital y los valores de la marca Tactic.
3.- Aplicar conocimientos de UX, UI Design y gestión de proyecto para crear una interfaz accesible y lógica para el usuario.
4.- Explorar el ecosistema tecnológico para identificar oportunidades de mejora e innovación, con el fin de ampliar el alcance del producto y potenciar un valor añadido que lo posicione en un espacio estratégico en el mercado actual.
DEFINICIÓN
DE
USERS
Insights
Asesoramiento
El insight más destacado es el asesoramiento. Durante todo el research se ha podido ver que nuestro target valora las sugerencias, ayuda y la compra personalizada que el dependiente les ofrece, al ser también aficionados de los deportes y tener experiencia. En consecuencia, será necesario mantener esta experiencia de usuario en el producto digital. Tanto a la tienda física como a la digital de Tactic, le falta organización y claridad en cuanto a mostrar los diferentes deportes.
Precio
El precio y la calidad son las características que más valor tienen para los usuarios. Ambas, van de la mano, por lo que son igual de importantes y se relacionan con otros aspectos como la marca o el material. El target de usuario considera elevado el precio de los productos de estos deportes de tabla, al mismo tiempo que valoran alternativas como la segunda mano.
Comunidad
Los usuarios que practican estos deportes, no solo lo hacen por el hecho de realizar deporte, sino que es una filosofía de vida que les aporta adrenalina y a su vez forman parte de una comunidad “irreverente”. Este estilo rebelde se utiliza en el diseño UI, aunque Tactic carece de ello. Buscan autenticidad y profesionalidad. También destacan los eventos y actividades que impulsa esta comunidad. Tactic tiene pocos clientes “novatos” o sin experiencia en los tres deportes mencionados.
RESULTADOS
DE LA
INVESTIGACIÓN
Surf, snowboarding y skateboarding son deportes costosos, por lo que adquirir un producto que se adapte al 100 % a mis necesidades es fundamental, especialmente cuando implica una inversión considerable. Basándonos en los insights obtenidos, hemos desarrollado un producto web que responde a estas necesidades a través de tres pilares clave:
1. Un recomendador como nuestro “special sauce”
Este recomendador ayudará a los usuarios a encontrar el producto ideal desde la comodidad de su hogar. Funciona a través de un cuestionario gamificado que hace el proceso más dinámico y entretenido. Además, aquí surge una oportunidad clave para conectar la tienda online y la física: el usuario podrá comprar el producto directamente en línea o, si lo prefiere, agendar una cita en la tienda para verlo en persona y asegurarse de que es la mejor opción.
2. Selección personalizada de productos
Al finalizar el cuestionario, se mostrarán los productos que mejor se ajusten a las necesidades del usuario, indicando un porcentaje de compatibilidad y una explicación detallada de cada opción.
3. Sección de comunidad
Un espacio donde los usuarios podrán descubrir eventos, acceder a videos inspiracionales, leer blogs y conectar con otros apasionados del surf, skate y snowboard. Este apartado refuerza el sentido de comunidad dentro de Tactic en Barcelona.
USER FLOW(S)
Estilo
Gráfico
El estilo de la web fusiona lo profesional con un enfoque urbano y atrevido, reflejando la esencia de una tienda especializada en surf, skate y snowboard.
Los stickers son un elemento icónico en estas culturas; es común ver marcas como Vans o Billabong en tablas, cascos y accesorios. Por ello, hemos incorporado este concepto en el diseño web, replicando la estética de los stickers para reforzar la autenticidad y la conexión con la comunidad.
La fotografía también desempeña un papel clave. Estos deportes no son solo una actividad, sino un estilo de vida que se documenta visualmente. Por esta razón, hemos integrado elementos analógicos de fotografía en el diseño, aportando una narrativa visual auténtica.
El lenguaje es otro aspecto diferenciador. Hemos reemplazado términos convencionales, como “agregar al carrito” por “pa’ la cesta”, para dar un tono más cercano, divertido y representativo del habla de la comunidad.
A nivel visual, los colores atrevidos contrastan con un fondo neutro, simbolizando irreverencia y rebeldía. La tipografía refuerza esta actitud desenfadada y valiente con estilos underground (grafiti) y gruesos, complementados con la integración de stickers y texturas rugosas o retro.
En resumen, este enfoque crea una experiencia visualmente atractiva y alineada con la cultura de los deportes extremos y quienes la viven.
UI DESIGN
FLOW 1
FLOW 2
FLOW 3
Para este user flow, decidimos experimentar más con los elementos de la web para no sobrecargar el primer flujo. En el User Flow 3, exploramos el uso de toggles, banners de cada deporte, el menú y la sección de e-commerce.
Es importante destacar que, aunque Tactic es esencialmente un e-commerce, nuestro enfoque en este proyecto no fue crear otro más, sino desarrollar una herramienta que guíe y facilite la compra. Buscamos ofrecer a los usuarios todas las herramientas necesarias para que se sientan seguros de que el producto que eligen es el adecuado para sus necesidades.
Mock Ups
Conclusiones (líneas futuras)
1.- Se necesita desarrollar en detalle como funcionaría la tienda online Tactic en un dispositivo móvil. Mantener el estilo y el contenido que ofrecemos en la web pero adaptada a una APP. Además, desde la creación de un prototipo mobile pueden surgir otras ideas que no se habían detectado, nuevas funcionalidades innovadoras o diferentes servicios que se pudieran ofrecen a los usuarios de Tactic.
2.- Una mejora en el research ayudaría a optimizar la interfaz, teniendo en consideración más aspectos como el diseño inclusivo. Por ejemplo, ¿Cómo podemos adaptar las funcionalidades de la web a una persona con artrosis o enfermedades similares?. Sería interesante realizar entrevistas a usuarios como el gran surfista Aitor Francesena (surfista ciego, dos veces campeón del mundo), ¿Qúe supone el surf para él? ¿Cómo es la experiencia de compra?... Si dispusiéramos de más tiempo, podríamos alcanzar datos e información muy enriquecedora que ayudaría a mejorar tanto nuestra experiencia como diseñadores UX como la tienda online Tactic.
3.- Testear la web y analizar los resultados del funcionamiento sería uno de los siguientes pasos en el proyecto. También, se podrían realizar pruebas de la arquitectura de información, para observar otros posibles conceptos o estructuras de organización que pudieran funcionar de manera más efectiva.
