Learnino
This project is an online learning platform designed to help users learn step by step through engaging video lessons and interactive content. The platform provides structured learning paths, practice exercises, quizzes, and personalized guidance from mentors. Its goal is to create a supportive, motivating, and easy-to-use environment where learners can track their progress, strengthen their skills, and achieve continuous improvement.
Design Process
Research & Understanding
We started by analyzing how learners interact with online educational platforms, identifying their motivations, challenges, and expectations. Competitive analysis helped us understand common patterns, while user interviews revealed needs such as clear structure, engaging content, and continuous support. Key pain points included lack of motivation, confusion in learning paths, and difficulty tracking progress.
Persona & Ideation
User personas such as students, professionals seeking new skills, and beginners needing guidance were created. After mapping their goals and frustrations, ideation sessions focused on designing a structured learning flow, interactive activities, and easy communication with mentors. Ideas were generated to make the platform both educational and motivating.
Wireframing & UI Design
Wireframes were created for core pages like the learning dashboard, video player, course modules, quizzes, and messaging system. The UI design adopted a friendly, modern, and minimal visual style to reduce cognitive load and make learning enjoyable. Colors, illustrations, and typography were selected to support a positive and energetic learning environment.
Prototyping & Testing
An interactive prototype was developed to simulate the learning experience. Usability tests were performed with real learners to evaluate navigation clarity, quiz interactions, and mentor communication. Based on feedback, improvements were made in course flow, accessibility, visual hierarchy, and progress tracking.
Design Elements
Persona
1. Ava – 21 – University Student
Characteristics: Studies full-time, uses online learning to improve academic performance.
Goals: Understand lessons easily, follow a clear learning path, track her progress.
Pain Points: Gets overwhelmed with too much content, needs structured guidance.
Needs: Step-by-step lessons, quizzes to measure understanding, supportive feedback.
2. Daniel – 29 – Working Professional
Characteristics: Has a busy schedule, wants to learn new skills to advance his career.
Goals: Learn efficiently, access short and practical lessons, study anytime.
Pain Points: No time for long courses, loses motivation without clear milestones.
Needs: Bite-sized content, progress tracking, reminders, flexible learning experience.
3. Sara – 24 – Beginner Learner
Characteristics: New to online learning, easily gets confused by complicated interfaces.
Goals: Learn basics properly, get guidance from mentors, feel supported.
Pain Points: Doesn’t know where to start, fears making mistakes, lacks confidence.
Needs: Simple UI, beginner-friendly instructions, easy access to mentors.
Final Ui Pages
Landing Page
