How JAIN Online rebuilt its Moodle LMS for the phone in every learner's pocket
JAIN Online offers UGC-entitled online degrees to working professionals, who mostly study on their phones. Standard Moodle is built for a desk. Filari mapped where the phone experience broke, then rebuilt the theme, navigation, quizzes and reminders mobile-first, without changing how faculty build courses.
Standard Moodle is built for a desktop. On a phone, pages were heavy, menus were buried and quizzes were hard to take.
A phone-first Moodle: lighter pages, bottom navigation, readable content, one-question quizzes and reminders that reach the learner.
Learners can do a full study session on their phone, not just check a notice.
Project snapshot
A mobile-first Moodle LMS for working professionals in online degrees
- Client
- JAIN Online, JAIN (Deemed-to-be University)
- Industry
- Education > Online Degrees
- Project type
- Moodle theme and mobile UX rebuild
- Filari's role
- UX audit, mobile-first theme, quizzes, content reflow, reminders
- Technology
- Moodle, custom theme, caching, notifications
- Learners
- Working professionals in 7 online degrees
Learners study on their phones. Standard Moodle is built for a desk.
In online education, the phone is the classroom. JAIN Online is the online arm of JAIN (Deemed-to-be University), a NAAC A++ university offering UGC-entitled online degrees to working professionals. For most of these learners, the phone is where studying actually happens: on the commute, in a lunch break, late at night.
Moodle is a strong LMS, but its standard layout assumes a large screen and a steady connection. On a phone the same course page turns into a long scroll of blocks, small links and tables that spill off the screen. Filari's Moodle development team's job was to make the JAIN Online LMS feel like it was made for the phone, without changing how faculty build courses.
| Moodle on a phone | What we changed |
|---|---|
| Heavy pages, slow on mobile data | Lighter theme, compressed images, fewer blocks |
| Menus hidden in side drawers | Bottom navigation within thumb reach |
| Small links, easy to mis-tap | Large tap targets and card layout |
| Tables and PDFs need pinch-zoom | Content that reflows to the screen |
| Long quizzes on one page | One question per page, answers saved |
| Deadlines missed without notice | Reminders that reach the phone |
A working learner's week, all on the phone
Pick a day to see what the learner does and what Filari changed in Moodle to make it work on a phone.
A dashboard that fits one screen
The learner opens the LMS. This week's deadlines are at the top, courses are large cards, and the page loads on ordinary mobile data.
Progress at a glance
The learner finishes a reading. Completion ticks and a progress bar show what is done without opening every section.
A reminder that reaches the phone
An assignment is due Sunday and not started. A reminder arrives with a direct link to the assignment, one tap away.
Discussion that reads like a chat
Replying to a classmate or faculty member feels like messaging, not filling a form.
A quiz finished on the phone
Large answer buttons and one question at a time. The quiz is done, and the result shows straight away.
Illustration · not a live screen
Lighter theme, fewer blocks per page and compressed images. Courses shown as cards with large tap targets.
Completion tracking surfaced on the course card, so progress is visible from the dashboard.
Deadline reminders sent to the phone, linking straight to the activity.
Course forum re-laid out for a narrow screen, with replies nested like a chat.
One question per page, with each answer saved as the learner goes.
Six Moodle mobile problems, and how we fixed them
The theme was trimmed for phones: fewer blocks on each page, compressed images and only what the learner needs first. Pages open on ordinary 4G, not only on office Wi-Fi.
The main sections sit in a bar at the bottom of the screen, where a thumb can reach them. No hunting through side drawers to find a course or the calendar.
Courses, activities and deadlines appear as cards with large touch areas, so the learner taps the right thing the first time.
Reading material, tables and embedded documents reflow to the width of the phone, so text stays readable without zooming.
One question per page, big answer buttons and answers saved when the learner moves on. A dropped connection does not mean starting again.
Deadline reminders arrive on the phone with a link straight to the activity, and learners stay signed in instead of logging in on every visit.
Illustrations · not live screens
Three decisions behind a phone-first Moodle
A custom mobile-first Moodle theme
A separate mobile site or a new LMS
Faculty keep building courses in Moodle as before, and every course gets the phone layout automatically.
One question per page, with answers saved
Long quizzes on a single page
A dropped signal or a phone call no longer costs a learner their answers.
Bottom navigation within thumb reach
Menus in side drawers
Learners on the move reach courses, deadlines and messages with one hand.
What we learned
For online degrees, mobile is not a smaller version of the desktop LMS. It is where most studying happens. Fixing the six places the phone experience broke, at theme level, helped every course at once, and faculty did not have to change how they work.
A full study session, on a phone
JAIN Online's learners can now open a course, read, watch, discuss and finish a quiz on their phone, without switching to a laptop. Faculty build courses the same way as before; the phone experience is handled by the platform.
Fewer blocks per page and compressed images for mobile data.
Bottom navigation and large tap targets.
One question per page, with answers saved as the learner goes.
Reminders before work is due, with persistent sign-in.
For tech teamsUnder the hood
How Moodle was tuned for mobile
Theme
Custom mobile-first Moodle theme; desktop layout kept for faculty
Performance
Fewer blocks per page, compressed images, caching
Navigation
Bottom navigation bar and card-based dashboard
Quizzes
One question per page, autosave between pages
Content
Responsive tables and embedded documents
Notifications
Deadline reminders to the phone; persistent sign-in
Questions about Moodle on mobile
Out of the box, Moodle is built for desktop first. Course pages carry many blocks, navigation sits in drawers, tables and PDFs overflow small screens, and quizzes show many questions at once. On a phone that means more scrolling, more tapping and more mistakes.
Filari designed the JAIN Online LMS for the phone first: a lighter theme, a simpler dashboard, bottom navigation, readable content, one question per quiz page and push reminders. Desktop still works, but the phone was the main design target.
Yes. Quizzes show one question per page with large tap targets, and answers are saved as the learner moves on. If the connection drops, the learner can reconnect and continue from the same question instead of starting again.
Pages were slimmed down so the dashboard and course pages load with less data, images are compressed, and videos stream at a quality that suits the connection. The aim was a usable LMS on ordinary 4G, not only on office Wi-Fi.
JAIN Online learners use the LMS in a phone browser, and Moodle also supports its own mobile app with push notifications. Either way, learners sign in once and stay signed in instead of logging in every visit.
Is your Moodle LMS hard to use on a phone?
Send us your LMS URL. We will show you where it slows learners down on mobile, and how to fix it.
More projects like this one
One Moodle LMS for 13 Faculties
A category tree, roles and cohort enrolment per faculty, with reports deans can use, for 200+ programmes on one Moodle site.
Moodle LMS for UGC-Entitled Online Degrees
One four-quadrant course template, weekend live classes, proctored online exams and one gradebook for Vignan's online MBA, MCA, BBA and BCA.
Education
Next.js + Strapi Rebuild for an AI School
Course content moved out of the code into a CMS the team runs, rebuilt on Next.js 16, Strapi 5, MySQL 8 and S3 without touching the live site.