Docebo LMS Home Page Mockups - EduVantage Academy
This project involved designing and building a bespoke learning platform homepage for Eduvantage Academy using the Docebo learning management system. While the design has been stripped of client-specific branding, it highlights the creative and functional solutions I developed to meet their unique requirements.
Challenges:
Ensuring teachers could access their learning materials in a clear and intuitive way.
Designing a collapsible banner feature using only HTML and CSS due to the absence of JavaScript, requiring a creative workaround.
Highlighting upcoming sessions and providing easy access to the core curriculum.
Creating a design that is fully mobile responsive and works seamlessly within the Docebo platform.
My Role:
Collaborated with the client to gather and curate detailed requirements for the platform.
Created simple wireframes to visualise high-level content placement.
Designed and built the final page, ensuring a responsive and functional user experience.
Delivered a knowledge share showing the client how to maintain elements on the page after the build is complete such as how to edit the text, imagery and links on the page.
Design Solutions:
Designed a user-friendly layout that allows teachers to quickly access their learning materials and stay updated on upcoming sessions.
Developed a collapsible banner feature using innovative HTML and CSS techniques, ensuring smooth functionality despite platform constraints.
Focused on clear, minimalistic navigation to ensure easy access to the core curriculum.
Built a fully mobile-responsive design that adapts seamlessly across devices, providing an optimised experience for all users.
Stripped branding elements to protect client confidentiality while maintaining visual and functional clarity.
Wireframes
Homepage - Desktop
Homepage - Mobile
Reflection:
This project demonstrates the value of creative problem-solving and adaptability, particularly when working with platform constraints. It also reinforced the importance of researching the possibility of creative workarounds to deliver a solution that meets their vision and functional needs.
I’m always excited to work on challenging designs like this and welcome feedback or inquiries about similar projects!ere...