Volver al portfolio
UX/UINueva featureInvestigación

Leroy Merlin

Proyecto colaborativo del curso UX/UI Immersive: diseñar desde cero una escuela de formación de bricolaje y mantenimiento del hogar, integrada en la web de Leroy Merlin. Cursos online y presenciales, con distintos niveles de dificultad y orientados a un público adulto.

Tipo de proyectoProyecto colaborativo — Uxer School
Año2024
DisciplinasResearch · Arquitectura · UI Design
PlataformaDesktop
HerramientasFigma · Figjam · Notion
Leroy Merlin — pantalla final
UX/UIAprender a usar lo que compras, dentro de la web
2024

lista de deseos en el flujo de compra, en el carrito.

El reto

Crear una escuela de formación dentro de la web

Leroy Merlin quería ir un paso más allá y ofrecer formación propia sobre bricolaje y mantenimiento del hogar. El encargo: diseñar una nueva escuela con distintos niveles de dificultad, orientada a un público adulto e integrada dentro de su web, capaz de acompañar desde el concepto más hobby hasta la entrada a la formación de oficios.

No solo vendes el material: enseñas a usarlo. La formación convierte una compra puntual en una relación a largo plazo con la marca.

Tres perfiles de usuario
01
Necesidad / autosuficiencia
Resuelve una tarea concreta del hogar por sí mismo. 30–75 años, ingresos bajo–medio.
02
Hobby
Disfruta del bricolaje como afición y busca aprender técnicas nuevas. 30–75 años.
03
Profesión
Busca formación de oficio: carpintería, fontanería, pintura, electricidad. 20–67 años.
La investigación

Qué nos contaron los usuarios

Entrevistamos a usuarios de entre 30 y 75 años sobre su interés en recibir cursos —online y presenciales— de mantenimiento del hogar y talleres más especializados. Queríamos entender con qué perfil se identifican, qué tipología de cursos les interesa y qué rango de precios estarían dispuestos a pagar.

Hallazgos clave
01
Confianza de marca
Que la misma marca que provee el material imparta el curso se vive como un valor añadido. Leroy Merlin genera confianza.
02
Online y presencial
Prefieren lo online para tareas sencillas y lo presencial para cursos de mayor dificultad. La modalidad híbrida cubre ambos casos.
03
Precio e incentivos
Dispuestos a pagar 15–30 € por curso online. Los descuentos por compra de producto funcionan como incentivo y fidelización.

El verdadero reto no era el contenido, sino competir con dos cosas: el material gratuito de YouTube y la falta de tiempo del usuario.

El proceso

De la investigación al prototipo navegable

El proyecto arrancó con una fase de research e informe para entender las necesidades del usuario y el contexto de negocio. Desde ahí se definió la arquitectura de la feature y los flujos principales, se desarrollaron los wireframes, el sistema de componentes y la UI final.

Metodología
01
Research e informe
Briefing, objetivos e hipótesis, perfiles de usuario, insights y conclusiones priorizadas.
02
Arquitectura y flujos
Arquitectura de la información de la feature y definición de los flujos de búsqueda y compra.
03
Wireframes
Wireflows y pantallas de la búsqueda del curso y del proceso de compra en todas sus variantes.
04
Componentes
Sistema de componentes (actions & content) documentado y coherente con la marca.
05
UI y sistema visual
Aplicación del lenguaje visual de Leroy Merlin a componentes y pantallas finales.
06
Prototipo
Prototipo navegable en Figma conectando los recorridos diseñados.
Flujos diseñados
Búsqueda del curso
Home con buscador dinámico
Navegación por categorías
Ordenar y filtrar resultados
Ficha del curso: online o presencial
Selección de fecha, hora y lugar
7 pantallas
Compra con registro
Carrito
Iniciar sesión o registro
Código de descuento
Datos de pago
Confirmación de compra
Ruta registrada
Compra como invitado
Carrito
Datos del usuario
Código de descuento
Datos de pago
Confirmación de compra
Ruta sin registro
Leroy Merlin — formación presencial

Curso de carpintería y montaje de muebles.

El resultado

Una nueva funcionalidad completa, de la investigación a la UI

Una propuesta de escuela de formación integrada en la web de Leroy Merlin: dos flujos —búsqueda y compra—, recorridos diferenciados para usuario registrado e invitado, modalidad online y presencial, y un sistema de componentes documentado, todo respaldado por investigación con usuarios.

2
Flujos principales: búsqueda y compra
15+
Pantallas diseñadas en desktop
3
Perfiles de usuario investigados
1
Sistema de componentes
UI final — Leroy Merlin Formación

Flujo de compra: selección del curso, datos de compra y método de pago.

¿Tienes un proyecto de identidad o experiencia digital en mente?