Logo

About the
Project

LearnLink is designed to be super easy to use and navigate for everyone involved in education whether students, teachers, or jobs professionals. This project is all about making that a reality. LearnLink is fun and engaging, kind of like a game to keep people interested in learning. It is also very effective in helping people understand new things.

  • Year
    2023
  • Scope of work
    Prototyping
    UI Design
  • Role
    Product Designer
  • Industry
    Edtech

01 UI PROCESS

UI PROCESS

Problem
Statement

Building this learning platform felt like walking a tightrope. I wanted it to be as exciting and engaging as a captivating game with challenges and rewards, keeping users hooked. But just like a tightrope walker needs a safe path, I also needed it to be super easy to use for everyone.

The challenge? Adding cool stuff like gamification without making things confusing. I basically had to find the perfect balance, a platform that makes learning awesome but stays simple. Bright visuals and interactive activities and with navigation that's clear and lets everyone personalize their experience. After all, people learn in different ways, so our platform needs to work for everyone, from students to professionals working in their fields.

UI PROCESS

Mockups

To craft an engaging yet user-friendly experience, I started with detailed UI mockups. These mockups mapped out the platform's user journey, focusing on intuitive flows for key actions. Signing up, logging in, dashboard and enrolling into course each step received meticulous attention.

The priority? Seamless navigation. Users should effortlessly flow from initial registration to absorbing knowledge and providing feedback after each session. To achieve this, I opted for a design language that was both sophisticated and clear. The mockups incorporated a harmonious color palette and clean, uncluttered elements. This visual cohesion aimed to clearly represent the platform's core purpose: to make learning enjoyable and efficient.

01 Onboarding

The onboarding flow smoothly introduces the app's features, guiding users effortlessly.

image
02 Signup & Login Flow

Sign-up is a breeze! the intuitive interface captures the essentials for quick access, with various login options for added flexibility.

image
03 Monster Onboarding

After the seamless start, the fun begins! "Monster Onboarding" lets you pick your perfect learning companion. Choose from a cast of engaging monsters, and browse detailed bios to find the monster that matches your learning style.

image
04 Dashboard

After choosing your monster companion, dashboard greets you! track your progress, explore enrolled courses, discover recommendations and see what your friends are learning.

image
05 Courses

Delve into multiple courses, leverage the search function to find what interests you.

image
06 Course Detail

Once you find a course, you can view details like its title, description, and enrollment options.

image
07 Learn Flows

Enroll into paths makes you the master of skills from begginer,intermediate to advance. It consist of the courses from the same field

image
08 Flow detail

Delve deeper into the learning path, examine the flow structure and jump right into learning.

image
09 Monster Homepage

Learn and earn exp for your companion, make your monster stronger, conquer new skills and win against your friends. It's learning made fun!

image
10 Monster battle

Battle with your friends in a very familier way and earn prizes as you progress in your learnings

image
11 Profile & Settings

Personlaize your profile and much more in the settings tab

image

Let's work on your project

Let's collaborate
image
Next Project

Wealthwise

Next