An E-learning platform designed for agencies, professionals and mentors to bridge the learning gap and knowledge sharing between professionals and everyday learners looking to Level-up there skills to enhance their hustle: professionally or on the side.

Learndo E-learning Responsive Web Platform

An E-learning platform designed for agencies, professionals and mentors to bridge the learning gap and knowledge sharing between professionals and everyday learners looking to Level-up there skills to enhance their hustle: professionally or on the side.

Project Details

Role: UI/UX Design, Discovery, Hi-fidelity Designs, Research

Tools: Figma, Affinity Designer, Sketchbook & Pen

Understanding the Problem

I have honed the majority of my creative skills through online classes, courses, and study materials. However, it's essential to recognize that not everyone can fully benefit from this approach due to the disparity between online learning and traditional, in-person education.

Some of the problems includes

Starting With Research & Design Inspiration from Competitors

The goal here was to understand users' pain points & real-world data is a strong starting point to help reduce guesswork.

I carried out a competitive review and research to learn about competitors that inspired Learndo. Creative agency sites like Cuberto, Baunfire and co. All these agencies have a learning page/video/article where they teach and offer insight into how they tackle and solve real challenges when working on projects (Projects that went live and made significant impacts)

Real examples in learning provide concrete applications to knowledge and skills learned as they relate to learners themselves and society. Further, using instances from the real world demonstrates that, often, there is no perfect solution to a given problem. Learndo wants to bridge the learning gap and knowledge sharing.

Target Audience

Based on the research, the E-learning audience is dynamic and spread across a wide range of ages and interests.

These are usually

Deliverables Features

Built to Be Responsive

I recognized that many of our target audience also learn while on a mobile device. It was important to me to create a site that looked good on all devices, maintained its goal-oriented design, and followed a strong grid structure to keep everything tight and organized.

Setting Up the User Flow Structure

To help me visualize and identify all the features and categories in a somewhat convoluted attempt at site hierarchy and organization to provide users with an enjoyable experience on the website and mobile.

Visual Direction & User Interface Design

Typography

Easy to read and easy on the eyes typeface to add personality and help Learndo communicate to potential users (E-learners)

Color Palette

I opted for bold colors to captivate attention and balanced them with light shades to complement the overall design. This combination makes the platform visually engaging and aesthetically appealing.

Homepage & Pharmacy Page

Homepage

Mobile View

In progress page

Homepage

Mobile View

Expert Insights

Homepage

Mobile View

Course Page

Homepage

Mobile View

Add New Course

Homepage

Mobile View

Insights

Homepage

Mobile View

Mentor/Professional uploaded Course

Homepage

Mobile View

Back Home