Client Needs & Business Goals
We crafted a small Dark themed Design System for this Mobile App UX Design project. Learning Management System Apps are not easier to design; you need to design for better engagement and facilitate learning so the users keep viewing the courses.
90% learners lose their interest after few minutes of watching the video (2mins – 9mins)
Instructional videos perform best between 2 and 9 minutes to maximize information retention and avoid cognitive overload.
Client
Steve B ► Startup
- Engaging and user friendly interface for easier learning
- Gamifying the interface of learning with focus on progress
Budget
$2500-$3000
- Simple Video Player with focus on learning rather than controls
- Community of students to keep them motivated
Client & challenge
Steve B, a startup founder, asked ProDesign to design the mobile app UX for LEARNIN, a learning management system (LMS) app built around video courses. LMS apps are not easy to design: they have to drive engagement and support learning so that users keep watching the courses.
The brief asked for an engaging, user-friendly interface that makes learning easier, gamification with a focus on progress, a simple video player that puts learning ahead of controls, and a community of students to keep learners motivated. The target audience was teens and young people in their 20s. The budget was $2,500–$3,000.
Our approach / process
We designed around the learner’s motivation. Course apps lose people when progress feels invisible or the player gets in the way, so the process focused on keeping learners moving forward.
- Audience first: a dark theme with vibrant colours to suit teens and young adults.
- A small design system: we crafted a compact, dark-themed design system so screens stay consistent as the app grows.
- Progress everywhere: progress is shown clearly to motivate more learning.
- A simpler player: the video player focuses on learning rather than controls.
- Social proof inside the course: learners can see friends and community members taking the same course.
- User Journey Map (Opportunities) : We studied the gaps in the current market LMS which was low engagement and low course completion rates
Key design decisions
- Dark theme, vibrant accents. Chosen for a younger audience, and defined in a small design system for consistency.
- Gamified progress. Gamification adds interactivity and engagement, centred on visible progress through each course.
- Minimal video player. Fewer controls on screen keep attention on the lesson itself.
- Community and friends. Showing who else is taking a course adds credibility and trust, and keeps students motivated.
The Details
Close up of Mobile App Screens
Simple and engaging design to facilitate learning for users. Gamification added for interactivity and more engagement
Simple Video player screens to clearly show progress and also your community/friends who are also taking this course for more credibility and trust
Deliverables
- Mobile app UX and UI design for the LEARNIN LMS app
- A small dark-themed design system
- Video player screens with clear progress
- Gamified progress interface
- Community / friends features in course screens
- Designed 8 screens, 20+ components, UX Audit / Opportunities Map, Motivation Triggering Design
Results
After the new design, the client reported “higher engagement and active time for users” and called the video player “seamless”.
- User Engagement Rates: 25% increase in average session / active time
- Course Completion Rate: course completion rate increased 10%, before it was around 5%
- User Retention: User retention increased by 8% after redesign.
Related services
Designing an edtech or SaaS product? Our product design services cover design systems and app UX, our onboarding UX service helps new learners reach their first lesson faster, and a UX audit can find where users drop off in an existing app. ProDesign has designed SaaS and digital products since 2017, and our team brings 15+ years of combined experience to startups in the US, Canada and beyond.
Client Feedback
I am seeing higher engagement and active time for users after new design
Thanks team ProDesign for such amazing Mobile App UX Design. The video player they designed is seamless, offering a user-friendly experience for navigating through engaging courses. The app’s focus on fostering a dynamic learning environment is innovative and sets it apart. Thanks to ProDesign, LEARNIN is not just a video player but a transformative educational tool. I highly recommend ProDesign for their commitment to quality and impactful design.
Frequently asked questions
What did ProDesign design for the LEARNIN LMS app?
The mobile app UX and UI, including a small dark-themed design system, a simplified video player, gamified progress tracking and community features that show friends taking the same course.
Why a dark theme for a learning app?
The target audience was teens and young people in their 20s, so we used a dark theme with vibrant colours that suits that audience.
How does the design keep learners engaged?
By showing progress clearly, adding gamification, keeping the video player focused on learning, and showing community members on the same course for motivation and trust.
Can ProDesign design a design system for our app?
Yes. We create design systems as part of our product design work for startups in the US, Canada and beyond. Contact us to discuss your product.