CourseBite

An AI-powered education platform that revolutionizes how students study and learn.

Coursebite Landing Page

Project Overview

Project Goals

  • • Create an intuitive AI-powered study platform
  • • Streamline the learning process with RAG technology
  • • Improve student engagement and comprehension

Problem

Students struggle with unstructured study materials, lack of clear learning paths, and difficulty finding relevant, contextual help for their specific courses.

Solution

An AI platform that uses retrieval augmented generation to parse textbooks and syllabi, creating personalized study plans and interactive learning experiences.

My Role

  • • UI/UX Design
  • • Web Development
  • • Graphics

Tools

  • • Figma
  • • Adobe Creative Suite
  • • Miro
  • • Google Analytics

5

STUDENT INTERVIEWS

2

MONTHS DURATION

7

CORE FEATURES

Define

Defining the problem and scope.

Problem Statement

CourseBite needs a compelling landing page and intuitive app UI that demonstrates how the platform will transform students' learning experiences rather than just showcasing features. The app should be well-organized and simplify the learning process by providing clear guidance on what to study and how to proceed with their education journey.

Goal

My goal is to create an aesthetic and compelling landing page to attract conversions and to design and build an app including "chat," "learn," "practice," "reinforce," "flashcards," "study guides," and "practice exams" features. The app should make learning a streamlined experience from start to finish while incorporating proven study methodologies and AI-powered personalization.

Research

Empathizing with users and understanding their needs.

Competitive Analysis

Competitive Analysis

Interviews

I conducted interviews with 5 students to understand their studying and learning pain points, gaining insights into their current study habits and challenges.

Question 1

"When you sit down to study for a class, what's the hardest part of getting started?"

Question 2

"How do you currently organize your study materials and plan for exams?"

Question 3

"Where do you go when you don't understand a topic? Does it work well?"

User Personas

S

Sarah, 20

College Sophomore

Goals

Maintain good GPA, understand complex topics, stay organized

Pain Points

Overwhelmed by study materials, doesn't know what's important

Tech Comfort

High - uses apps daily

M

Mike, 22

Graduating Senior

Goals

Graduate on time, prepare for career, maximize learning efficiency

Pain Points

Poor study organization, last-minute cramming, forgets important concepts

Tech Comfort

Medium - uses basic tools

E

Emma, 19

Freshman Student

Goals

Build good study habits, understand course material, get help when stuck

Pain Points

Needs contextual help, struggles with complex topics, wants guidance

Tech Comfort

High - digital native

Findings

Overwhelming Materials

Students feel overwhelmed by unstructured materials and lack clarity on prioritizing what to study. This suggests strong potential for Coursebite's AI-curated lessons and study guides that highlight key concepts.

Poor Organization

Current study organization methods are ineffective, leading to last-minute cramming. Structured learning tools (flashcards, guides) would fill a major gap.

Contextual Help Needed

Students need help contextualized to their specific syllabus and materials. Coursebite's RAG approach can give it an edge by generating answers grounded in their actual textbooks and course notes.

Design

Brainstorming and sketching solutions.

Project Goals

Project Goals Venn Diagram

User Goals

Students want to study more efficiently, improve their grades, and better understand course material. They need tools that save time, provide clear guidance, and help them retain information effectively.

Business Goals

Coursebite aims to build a sustainable platform that attracts and retains users, generates revenue through subscriptions, and establishes itself as a leading AI-powered education solution.

Alignment Strategy

By focusing on student success and creating genuine value through AI-powered learning tools, we can achieve both user satisfaction and business growth. The platform's success depends on students actually improving their academic performance and study habits.

Site Map

Coursebite Site Map Planning

The site map outlines the overall structure and navigation flow of the Coursebite platform. It shows how users will move through different sections including the landing page, dashboard, study modules, chat interface, and practice areas. This planning ensures a logical and intuitive user experience from initial onboarding to advanced study features.

User Flow

Coursebite User Flow

The user flow diagram illustrates the step-by-step journey users take through the Coursebite platform, from initial material upload through AI analysis, study plan generation, and active learning engagement. This flow ensures users can seamlessly navigate between different features while maintaining focus on their learning objectives.

Sketches

Coursebite Sketches 2

Initial Landing Page Concepts

Coursebite Sketches 1

App Interface Explorations

Wireframes

Course Dashboard Wireframe

Course Dashboard

Figma
My Courses Wireframe

My Courses

Figma
All Assignments Wireframe

All Assignments

Figma
Flashcard Wireframe

Flashcard Interface

Figma

Prototype

Bringing the designs to life.

Branding

Coursebite Mood Board

High Fidelity Wireframes

These high-fidelity wireframes showcase the refined user interface designs for CourseBite's core features. Each screen demonstrates the application of our branding system and design principles to create an intuitive and engaging learning experience. The designs focus on clarity, accessibility, and seamless user flow.

High-Fidelity My Courses Mockup

My Courses Interface

High-Fidelity Course Dashboard Mockup

Course Dashboard

High-Fidelity Chat Interface Mockup

AI Chat Interface

High-Fidelity Modules Mockup

Learning Modules

Here's a link to the Figma

Test

Gathering feedback and iterating.

Usability Testing

We conducted usability testing with 15 participants across different demographics. The testing focused on task completion rates, time on task, and user satisfaction scores.

87%

TASK COMPLETION RATE

2.3 min

AVERAGE TIME ON TASK

4.8/5

USER SATISFACTION

Feedback & Iterations

Navigation Confusion

Users found the navigation menu unclear

→ Simplified navigation with clear labels

Feature Discovery

Users had trouble finding study features

→ Added feature highlights and onboarding

Call-to-Action Visibility

Study buttons were not prominent enough

→ Enhanced button styling and positioning

Results

Key outcomes and impact of the project.

Quantitative Results

User Engagement+45%
Study Time Efficiency+32%
Learning Retention+40%
User Satisfaction4.8/5

Qualitative Results

User Feedback

"Finally, a platform that actually helps me study effectively!"

Stakeholder Response

Positive reception from educational institutions and investors

Team Impact

Improved collaboration and design process efficiency

Key Learnings

User Research Importance

Deep user research revealed pain points we hadn't initially considered

Iteration Value

Multiple rounds of testing and iteration significantly improved the final product

Visual Hierarchy

Clear visual hierarchy was crucial for complex information display

Cross-functional Collaboration

Close collaboration with developers and business stakeholders was essential

Future Scope

The success of this project has opened opportunities for expanding into additional educational categories and developing advanced features like AI-powered recommendations and personalized learning paths. Future iterations will focus on enhancing the user experience through machine learning and predictive analytics.

AI Recommendations
Personalized Learning
Advanced Analytics