top of page
ABETEC mockup.png

Abetec

An Online Learning Platform  for Youth and Women Development.

Kenya

Project Overview

Problem Statement

We have been in operation since 2014 and what we have is that people come to our physical hub to learn even after they might have registered on our website. With the impact of Covid, penetration, and more acceptance of remote life, we want to migrate our courses online so users can register and take any course of their choice.

We want external instructors to be able to register and upload their courses on our learning platform. We also want to give people the opportunity to support our vision and mission of youths and women development.

abetec.png

Solution

My team designed an online learning platform, with a touch of the social services that the firm is offering so can people can easily connect with their vision.

Target Audience

People who are seeking to gain knowledge or expand their knowledge on any of the six programs the client is offering. The age range is between 12 to 40 years. Women who are seeking knowledge to empower themselves.

Success Factor

  • Learning at your own pace.

  • Getting support to accelerate a career.

  • Opportunity to be part of a community that cares.

  • Showcasing and selling products made with the knowledge gained on the platform.

Revenue Model

  • Commissions from course enrollment.

  • Commissions from products sold on the platform.

  • Donors who want to be a part of the vision and mission.

The Team

Henry Adeyemi

UX/UI Designer​

Kehinde Onifade

Frontend Developer

Asekhauno Oshios

Data Scientist

Adeyemi Buhari

Frontend Developer

My Role:

Product Manager & UX/UI Designer.

Responsibilities:

Understand, Define, Ideate, Competitors analysis, Wireframing, Design, Prototyping, Facilitation.

Key Skills:

​

  • Product Management

  • UI Design

  • Prototyping

  • Users Research

  • Users Interview

  • Concept Ideation

  • Strategic Thinking

  • Empathy

  • Analytical Thinking

  • Created Customers Persona

  • Presentation

Tools Used:
Rectangle 1.png
Rectangle 10.png
Rectangle 7.png
Rectangle 4.png
google doc2.png
Rectangle 6.png
Rectangle 9.png
Rectangle 3.png
Rectangle 45.png
Rectangle 46.png

Design Process

design process white.png

User Personas

To enhance the project, I interviewed some of the target users (learners) in order to gain more insights into their current experiences.

Abetec project - Personas - Almasi Geteye.png
Abetec project - Personas - Amara Benjamin.png

Empathy Map

More insights ...

say does think feels.png

User stories

  • The client believes the online learning platform is an opportunity for youths and women in different regions of Kenya to have access to tech and vocational skills

  • Amara who is a high school graduate wants to talk to a mentor who can help her in her career-making decision.

  • Almasi, a fashion designer and a mother of one wants access to professional training to upskill and a platform to sell her crafts.

Story Board

He registers on the ABETEC website and enrolls for a career path. He pays and gets a list of courses to study, he also has access to a mentorship guide. With want he has made with the vocational skills he has obtained, he showcases his works on the platform market page for sale.

story board.png

Sprint Questions

I asked different questions in order to understand the client's long-term goals. These includes

1.png
2.png
3.png
4.png
5.png

Lightning Demo

I got the design inspiration from some online learning platform websites. They include NIIT, Udemy, EdX. These websites are related to what the client wants but with the inclusion of mentorships, the opportunity to be a part of the mission, and members of the portal selling the product on a market page.

competitor analysis.png

My Improvements

  • I introduced courses to the different program pages.

  • I added a section for our client to showcase the advantages of choosing their platform.

  • ​Sign in and Registration pages for the platform.

  • Different payment options on the platform.

  • I added courses in different categories to the homepage.

  • I introduce the blog highlight to the homepage.

  • I separated the different ways people can get involved in the vision and mission.

  • Dashboard for Admin, Students, and Instructors.

  • I added pictures to the testimonial section.

User Flow

This is the process the user(a learner) should follow to easily navigate through the website.

ABETEC User flow.png

Ideation

I came up with different ideas for the redesign of the website and these ideas were sketched down in order to get an enhanced user-centric design.

cam1.jpg
cam2.jpg

Wireframes

ABETEC desktop UI wireframes.png

Mockups

Desktop  screen
ABETEC desktop UI mockups.png
Mobile screen
ABETEC mobile UI mockups.png

Prototype interactions

Desktop
ABETEC prototype desktop 24.gif
Mobile

What next?

  • Design the details of the different dashboards (Admin, Instructor, and Learners)

  • Design a marketplace section for users to upload the crafts for sale

  • Design engineering.

  • Launch

abetec future work8.png

THANKS FOR WATCHING

Henry Adeyemi

Product Designer

UX/UI Designer

bottom of page