decathlon

Project developed at O2O as part of the design team.

Rol: Lead Design Team, UX-UI, Design System Specialist.

Upgrading the Decathlon mobile app to meet modern design standards

The Challenge

Esquiador en el aire realizando un salto en la nieve bajo un cielo despejado.

Our primary goal was evolving the Decathlon mobile app to align with modern design standards and improve user engagement.

They provided defined User Stories for us to analyze and design; meanwhile, they tasked us with developing a roadmap for future product evolutions.

Persona escalando una roca en escalada en roca al aire libre, con equipo de escalada y posando en una pared de roca vertical.

Analysis and proposal

Defining the roadmap and task backlog

Pantalla que muestra varias diapositivas de presentación con contenido en español, enfocado en estructura, tareas, cronogramas y pasos a seguir para un proyecto de diseño UX.

Conducted user and market research alongside an internal system audit, identifying critical flaws.

Developed a strategic high-level roadmap to guide the project’s evolution over the coming months.

desing system

Building a scalable UI Kit for the mobile application

The team performed a full app mapping, developed user stories, and created component libraries. We defined new components, organized the interfaces, and redefined user flows.

Pantalla de presentación de estilos de color con secciones para fondo y contenido, mostrando varias paletas de colores en estilos primarios, secundarios, activos, y de advertencia.

Captura de pantalla de un diseño de interfaz de usuario, que muestra varias columnas y diferentes botones y elementos interactivos en diferentes colores y estilos.

design

Implementing the design system

We designed the entire application from the ground up, leveraging the component library we had previously developed.

Pantallas de una aplicación móvil que muestra una tienda en línea y un sistema de acumulación de puntos. La primera pantalla presenta ropa deportiva, como leggings y sudaderas, con precios y opciones de favoritos. La segunda pantalla muestra el sistema de acumulación de puntos en actividades deportivas, con información sobre los puntos ganados y faltantes, con montañas de fondo.

Pantallas de una aplicación de compras en línea en dos modelos de celular, en la izquierda la pantalla muestra un código de barras y un menú con opciones como mis compras, datos, tienda habitual, deportes favoritos, opiniones, chats y configuración. A la derecha, una sección de favoritos con productos de leggins deportivos que tienen el precio de 179,99 euros y botones para añadir al carrito. En la parte inferior hay iconos de navegación para inicio, favoritos, carrito y perfil.

Pantallas de una aplicación de tienda en línea y una promoción de fidelidad de Decathlon, con imágenes de ropa deportiva y un grupo de personas en un gimnasio dándose la mano.