Elearning Mobile app

📚 Online Course Mobile App UI Design

Project Overview
This project presents a sleek and modern UI/UX design for an online learning platform. Designed with a focus on clarity, interaction, and visual harmony, the app allows users to browse, enroll in, and complete courses efficiently while staying engaged through chat and video features.

🚀 Key Features

Course Overview & Enrollment:
Clear, structured course previews with lesson lists, instructor info, testimonials, and an easy enrollment process.

Lesson Navigation:
Intuitive progression with clearly marked lessons and next-step guidance for a frictionless learning journey.

Student Interaction:
Integrated chatbox and video calling for real-time communication between learners and instructors.

Testimonials & Ratings:
Social proof through user testimonials and course rating functionality post-completion.

Profile & Settings:
Fully customizable profile with avatar management, account settings, and linked payment options.

Payment Integration:
Secure, user-friendly checkout flow with card linking and bank selection features.

Modern UI Elements:
Chat UI, call screens, toggle switches, and navigation bars tailored for a modern, smooth experience.

🎨 Design Highlights

Visual Style: Clean and minimal with a calming blue-violet palette that supports long screen time.

Typography: Clear hierarchy for readability and ease of navigation.

Microinteractions: Subtle animations and transitions to enhance usability and feedback.

Responsiveness: Designed for various screen sizes with scalable components.

Dark Mode Ready: UI support for both light and dark theme preferences.

🔧 Tools Used

Figma – UI design & prototyping

Illustrator – Custom iconography

Photoshop – Image editing & enhancements