CASESTUDY
Moodle LMS Platform redesign
Designing and Integrating Moodle LMS for an EdTech startup's eLearning platform
Industry
eLearning
Duration
6 months
Services
Design Audit, UX/UI Design, Moodle LMS Development
Devices
Web & Mobile
The Wandering Raven is a young and passionate EdTech startup that wishes to be the go-to platform for creative writing. They had a basic Moodle LMS integrated website and wanted us to create a seamless & playful online learning experience for their students.
eLearning design process
- Persona Building
- Journey Mapping
- User Flow
- Heuristic Evaluation
- Information Architecture Optimization
- Wireframing
- Style Guide
- Illustrations
- Character Design
- Moodle LMS development
eLearning design approach
UX Research
Interviewing the educators at TWR and a sample group of the target audience was an integral part of the UX research that we conducted. It helped us understand from the eyes of the mentor, their problems, and the student’s what experience they were hoping to get out of a Moodle LMS eLearning experience. We started devising a strategy along the same lines.
Audit
We began with a heuristic evaluation of the existing website and discovered that it lacked visual appeal, a learner-centric UX and predictability which were barriers to attracting the target audience.
Disorganized interface
When TWR approached us, they already had a website but were not happy with it. We could see right away that their issues stemmed from the website having an uneven, non-intuitive and obtrusive interface.
Unengaging
Being a website primarily for users aged 8 – 18 years, it was essential that it have predictability in interactions, search and navigation etc. that would help make the eLearning experience more engaging. Without an engaging experience, it is difficult to expect users of a young age group to be engrossed in the experience TWR was offering with the help of Moodle LMS.
Mobile inaccessibility for learning
It was important that TWR be able to provide the same interactive and responsive eLearning experience to both web and mobile users. An optimized mobile experience is what the website lacked that we had to work on.
Unstructured Content
Nothing disinterests’ a user as much as difficulty in finding the next step on their path to betterment. Being an EdTech platform for users aged 8 – 18 years, it was very important that TWR’s content organization be updated to have a more ideal information grouping and prioritization.
Lack of Playful and Gamified experience
Community activities are always more fun than individual ones and one of the things TWR was lagging in was trying to bring their users together as a community and creating a playful and gamified experience especially since their primary user age group was 8 – 18 years.
Information Architecture
Information Architecture was an influential aspect we wanted to focus on because as an eLearning platform for users aged 8 – 18 years, it was important that it be intuitive and user friendly to ensure that users did not have to spend too much time searching for the information they were looking for.
"The finished product is intuitive and user-friendly. The site's unique look and feel is also noteworthy. Tcules Infotech's team invests in their clients and their visions. Customers can expect a seamless engagement with their team."
Branding
TWR had given us the creative freedom to explore various options keeping their goals in mind. They wanted us to make the user feel as if they were a wanderer, meandering through the magical lands discovering things that were unseen to the human eye until now. We weaved a story to ensure the end-user would be involved in it endlessly.
Storytelling
Defining of characters
TWR had told us how they wanted to use quirky and mystical creatures. We starting drawing up characters that would fit the bill and conjured up beasts so peculiar that they would end up being mascots for TWR.
Developing a theme for the story
Now that the characters were birthed, it was important for us to give them a home that would be fitting. We made them a home with the same vision we made them from.
Illustration
After all was said and done, it was time for us to put the characters into their world and integrate that world with the Moodle LMS integrated eLearning website to give the site a colorful, fun and engaging feel.
Wireframing
We catered to the clients time and budgetary constraints and decided to take the hybrid wireframing route. Our UX team worked cohesively with the content and the digital team to help bring into reality the client’s visualization.
The client being intimately involved in the page schematic process helped us to better arrange elements on the website in accordance with the needs of the target audience while also maintaining transparency which allowed the client to reevaluate their ideas from a fresh perspective.
The prototyping helped affirm the client’s beliefs in their ideas and our execution & we could expedite the process of finalizing the eLearning website design.
Moodle Implementation
We were elated when the client asked to reimplement the Moodle LMS integration on their eLearning website.
Our objective was to create an engaging, intuitive and accessible EdTech system to deliver meaningful, measurable results. We did so by installing some essential plugins and doing a smart configuration and custom theming of the Moodle LMS to fit right into our client’s eLearning platform.
We reduced our client’s burden by taking away their pain of installing, customizing, integrating and supporting the Moodle system on their site so that they were free to focus on creating quality content.
Previous
Next
Final Outcome
- Made it seamless, intuitive & non-obtrusive.
- Brought predictability in interactions, search and navigation.
- Restructured the layout and make it responsive.
- Organized the information grouping and prioritization.
- Introduced progress tracking alongside community participation.
Related Case Studies
Have a project for us?
Back