Back to Projects

Skillhub - Learning App

Bridging the gap between self-learning and expert guidance

A learning support app that combines skill acquisition with Q&A functionality, designed to help learners systematically develop new skills while getting expert support when needed.

Figma
UI/UX Design
Mobile App
Education
Skillhub - Learning App

Duration

3 weeks

Team & Role

UI/UX Designer

Individual Project

Technologies Used

Figma

Project Overview

Problem Statement

Learners struggle to find systematic and efficient ways to acquire new skills, and getting expert support is difficult and time-consuming.

Purpose

Create an environment where users can learn skills systematically while having immediate access to expert support through questions.

Goals

  • Provide a structured learning environment for skill development
  • Enable easy access to expert support when needed
  • Create an intuitive and engaging learning experience
  • Combine the best of learning apps and Q&A platforms

Solution

Designed a platform that combines structured learning (like Duolingo) with Q&A functionality (like Quora), using a colorful and friendly design approach.

Key Features

Features Implemented

  • Sign up / Sign in functionality
  • Password reset flow
  • Course selection (new and existing courses)
  • Learning screens with progress tracking
  • Continuous learning features
  • Question posting functionality
  • Answer submission and viewing
  • Question browsing and answer lists
  • Account settings (privacy, notifications, language)

Challenges & Solutions

Learning Efficiency

Users faced inefficient learning processes when trying to acquire new skills independently

Solution:

Created a structured learning path with clear progress indicators and bite-sized lessons

Difficulty in Asking Questions

Learners found it hard to get timely help when stuck on difficult concepts

Solution:

Integrated a seamless Q&A system directly within the learning flow

Visual Design Balance

Needed to create a design that was both professional and approachable

Solution:

Used a colorful palette (#718DBF, #A67FB5, #FFD743, #07BB9C, #DE8CB2) with friendly fonts (Rubik, Poppins)

Results & Learning

Final Results

Completed prototype with full screen designs and user flows for all major features

What I Learned

  • The importance of integrating learning and support features seamlessly
  • How color and typography choices can make educational apps more approachable
  • The value of combining different app paradigms to solve complex user needs

Next Steps

  • User testing with target audience
  • Refine the gamification elements
  • Develop a reward system for active contributors