Project

Learlin – Leroy Merlin School

UX/UI Design – 2024

Introduction

As part of a UX/UI design bootcamp, my team and I embarked on an exciting project to develop a cutting-edge online platform for DIY courses for Leroy Merlin. Our mission was to design an engaging and educational experience that caters to DIY enthusiasts and professionals alike.

Through a series of well-defined UX/UI processes, we aimed to create a platform that is not only user-friendly but also fosters a vibrant community of learners and creators.

Step 1:

Research and Analysis

The first phase of the project involved conducting thorough research to understand the needs and expectations of our target audience. We focused on three key areas:

  1. Interviews and Surveys: We interviewed DIY enthusiasts and experts to understand their challenges and needs. Additionally, we conducted online surveys to gather broader insights.
  2. Competitor Analysis: We studied similar online course platforms to identify best practices and areas for improvement.
  3. Persona Creation: Based on the data collected, we created several personas representing our typical users, ranging from beginners to experienced DIYers.

Step 2:

Defining the Problem and Objectives

With our research in hand, we clearly defined the problems to solve and our project objectives:

  • Main Problem: DIY enthusiasts need a reliable and accessible platform to learn new skills and improve their techniques.
  • Objectives: Create a smooth and enjoyable user experience that promotes interactive learning and community engagement.

Step 3:

Ideation and Conceptualization

In this phase, we generated ideas and concepts for the platform:

  1. Brainstorming: We held brainstorming sessions to generate innovative ideas.
  2. Sketching and Wireframes: We drew initial sketches and created low-fidelity wireframes to visualize the platform’s structure.
  3. Initial Feedback: We presented our wireframes to some users and gathered their feedback to iterate and improve the design.

Step 4:

High-Fidelity Design

With validated wireframes, we moved on to creating high-fidelity designs using tools like Figma:

  • User Interface (UI): We designed an attractive interface consistent with Leroy Merlin’s brand identity, using their color palette and visual styles.
  • User Experience (UX): We ensured that navigation was intuitive and that users could easily find and access courses.
  • Interactive Prototypes: We created interactive prototypes that allowed users to test the platform and provide additional feedback.

Step 5:

User Testing and Refinement

User testing was a crucial part of our process:

  • Test Sessions: We invited representative users to test our prototype and observed how they interacted with it.
  • Results Analysis: We collected qualitative and quantitative data on their experience, identifying friction points and areas for improvement.
  • Iteration: We iterated on the design based on the feedback received, enhancing the platform’s usability and functionality.

Step 6:

Development and Launch

Finally, we worked on the implementation and launch of the platform:

  • Collaboration with Developers: We collaborated closely with the development team to ensure the design was faithfully implemented.
  • Quality Testing: We conducted quality tests to ensure the platform functioned smoothly across different devices and browsers.
  • Beta Launch: We launched a beta version of the platform for a select group of users, gathering final feedback before the official launch.

Improvements Based on Research

Thanks to our research and user testing, we refined several key sections of the platform:

  • Registration Process: We implemented a series of steps that filter user interests, thus offering the most suitable courses and challenges for each profile.
  • Challenges and Contests: We introduced challenges and contests to motivate users to undertake DIY projects. These contests allow users to win prizes such as discounts, tools, and other incentives.
  • Support Chat: We added a chat feature to enhance user communication. This chat serves both for general inquiries and to provide technical and educational support to students.

Final Result

Our work resulted in a modern, functional, and attractive online DIY course platform designed to inspire and educate DIY enthusiasts of all levels. The platform allows users to:

  • Access Interactive Courses: Videos, step-by-step tutorials, and practical projects.
  • Participate in the Community: Discussion forums and study groups to share experiences and tips.
  • Track Their Progress: Tools to monitor their progress and set learning goals.
  • Enjoy Challenges and Contests: Participate in challenges that let them win prizes and stay motivated.
  • Use the Support Chat: Resolve questions and receive personalized assistance in real-time.

Conclusion

This project not only allowed us to apply our UX/UI design skills in a real-world setting but also taught us the importance of collaboration and continuous feedback. Working with my peers on this project was an enriching experience that culminated in creating a valuable and meaningful platform for Leroy Merlin’s users.