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:
- Interviews and Surveys: We interviewed DIY enthusiasts and experts to understand their challenges and needs. Additionally, we conducted online surveys to gather broader insights.
- Competitor Analysis: We studied similar online course platforms to identify best practices and areas for improvement.
- 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:
- Brainstorming: We held brainstorming sessions to generate innovative ideas.
- Sketching and Wireframes: We drew initial sketches and created low-fidelity wireframes to visualize the platform’s structure.
- 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.