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.
Lista de deseos en el flujo de compra, en el carrito.
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.
La resolución: si compras material eléctrico, accedes a un curso de electricidad para instalarlo tú mismo — el producto y el conocimiento para usarlo, conectados en el mismo recorrido.
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.
Curso de carpintería y montaje de muebles.
Qué nos contaron los usuarios
Entrevistamos a usuarios de entre 31 y 74 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.
El verdadero reto no era el contenido, sino competir con dos cosas: el material gratuito de YouTube y la falta de tiempo del usuario.
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.
Wireflow del flujo de compra del curso: Carrito → login (registro o invitado) → pago → confirmación. El wireframe completo, antes de llegar a la UI final.
Qué se planteó y se dejó fuera
Del brainstorm de funcionalidades que surgió tras el research (información de cursos, modalidad, reserva y compra, descuentos, seguimiento del curso, asesoramiento particular, chat/foro exclusivo, alquiler de herramientas con fianza, certificado), no todo entró en el alcance final. El equipo decidió ceñirse exactamente a lo que pedía el brief de Leroy Merlin, dejando en el aire las ideas que lo mejoraban pero que nadie había pedido.
El certificado de finalización quedó planteado desde el propio brainstorm de funcionalidades y nunca llegó a resolverse — ni a favor ni en contra.
Puesto a prueba con usuarios reales
Testeamos el prototipo con 5 personas —entre 29 y 74 años, perfiles de necesidad/autosuficiencia y hobby— en sesiones moderadas con think-aloud. Cada persona resolvió dos tareas: buscar un taller de electricidad básica ("arreglar enchufes de manera sencilla"), y completar la compra de un curso online de principio a fin.
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 wireflows —búsqueda y compra, esta última con sus variantes registro/invitado—, modalidad online y presencial, y un sistema de componentes documentado, todo respaldado por investigación y validado con usuarios reales.
Flujo de compra: selección del curso, datos de compra y método de pago.
Del brief a una funcionalidad real, validada con usuarios: la escuela de formación conecta el producto con el conocimiento para usarlo, tal y como planteaba el reto inicial.
¿Tienes un proyecto de identidad o experiencia digital en mente?