24/7 Teach

24/7 Teach

Designing an AI learning platform that ensures students in rural areas have access to quality educational support

Designing an AI learning platform that ensures students in rural areas have access to quality educational support

My Role

UX Designer

Me (designer),

PM

Team

6 months

Timeline

Web Design,

Interaction Design,

Usability Testing,

Prototyping

Skills

Problem

Limited Access to Educational Resources in Rural Areas

In many rural regions, such as parts of South Africa, students face limited access to quality educational resources and safe online learning environments. They often spend considerable time searching across the internet, unsure which sources are reliable. With little educational support and few opportunities to get their questions answered, their learning experience becomes fragmented and frustrating. These barriers highlight the urgent need to create more accessible and trustworthy learning solutions for underserved communities.

  • Instant learning support across a wide range of subjects


  • Highlight any content in the document to get AI assistance


  • View AI insights side-by-side for easy reference and deeper understanding

AI chatbot leaning support

AI chatbot leaning support

Schedule Meeting with mentor

  • Provides career advice and mentorship that may not be available locally


  • Easily schedule meetings by viewing a mentor’s availability and booking a time that fits your schedule


  • Detailed mentor profiles so students can choose the mentor that best matches their goals

Resource library

  • Easy access to diverse learning materials to bridge the rural–urban education gap


  • Find the right resources using filtering and sorting tools for an efficient search experience.


  • Credible sources to ensure students can learn with confidence and accuracy

Solution

AI Learning Platform with Comprehensive Support

To address this, we set out to create a secure, integrated AI learning platform that brings all essential learning support and content together in one place.

Research

We focused on developing the prototype by leveraging existing research as a foundation. Through an in-depth exploration of the educational challenges faced by under-resourced communities, we identified key pain points and opportunities where AI could add value.

Key challenge of education in South Africa:


  • Many under-resourced schools face persistent issues such as overcrowded classrooms, teacher shortages, and inadequate infrastructure.

  • Sub-Saharan Africa has the world’s highest rate of out-of-school children, with more than 1 in 5 aged 6–11 and nearly 3 in 5 aged 15–17 not attending school.

AI in education:


  • A significant proportion of users report using AI primarily for information retrieval (53%) and idea generation or brainstorming (51%).

  • AI tools enable learners—particularly teens—to ask questions they might feel uncomfortable posing to adults or for which they struggle to find clear answers.

  • Students who engaged with AI-assisted learning programs demonstrated a 62% improvement in test scores compared to those who did not.

  • However, concerns remain: approximately one-third of high school teachers (35%) believe that these tools do more harm than good, highlighting the need for thoughtful implementation and guidance in educational settings.

Competitor Analysis:


We analyzed strengths and weaknesses of existing AI learning support platform, like Turbolearn AI, LightPDF, ChatPDF, and Knowt

How might we

How might we improve access to quality education for students in rural areas through a safe and supportive digital learning experience?

Scoping

Working closely with the manager and team members, we mapped out the platform’s core features and defined their key components.


For the AI chatbot learning support, I helped brainstorm potential features and facilitated discussions to prioritize them based on impact and feasibility.


My role was to design the AI chatbot and its highlight to ask feature

Our research showed that while AI can enhance learning, it also raised concerns among parents and teachers. To build trust, I integrated human-centered support alongside AI tools, ensuring a safe and balanced experience.

I designed the mentor meeting scheduling and resource library features to support this goal.

Testing & Improvement

I conducted 2 rounds of user testing with a total of 8 high school students from South Africa via Zoom. The session used a live demo model, and participants were given specific tasks to complete. I observed their interactions and asked follow-up questions when necessary to gather deeper insights.


Based on the feedback, I continually iterated my design with 3 major improvements:

3 Main Improvements

  1. Side window for AI chatbot

  • Originally implemented the AI chatbot as a pop-up, following the existing pattern used on other pages.

  • User testing revealed that the pop-up blocked parts of the document and made it harder to reference content

  • Based on this feedback, I redesigned the chatbot as a side panel to improve visibility and support easier multitasking.

  1. Redesign the search bar and label for resource library

  • Added a search button after feedback revealed that users expected a visible, more intuitive design

  • Removed the reset button and reordered the search bar and filters to improve usability

  • Updated resource labels from colored text—which users mistook as links—to grey text with icons, making them easier to understand at a glance

  1. Showing schedule on mentor description page

  • Originally, users had to click a button that opened a pop-up to book a session.

  • Feedback revealed this extra step made it harder to view availability.

  • The design was updated to show upcoming available dates directly on the mentor detail page, simplifying access and reducing clicks.

Final Product

1. AI chatbot learning support

Expendable View:


Keep your documents and chatbot conversation in one place. The split-view layout lets users explore AI insights alongside the source material for smoother reference and deeper understanding.

Quick Question Suggestions:


Smart prompts guide the conversation by suggesting relevant questions based on the document or prior interactions. Designed to help users who may not know where to start, this feature makes it easier to engage with the material and learn more effectively.

Highlight to Ask:


Simply highlight any text in the document to ask the AI about that specific section. This feature makes it easy to dive deeper into details without losing focus or breaking context.

24/7 Teach, an AI-powered learning platform that provide all the essential learning support

2. Schedule Meeting with mentor

Book a Meeting with Mentors:


Discover detailed mentor profiles and view real-time availability directly on the platform. Users can quickly select a preferred mentor, confirm the session, and complete the booking with confidence in just a few steps.

Extended Availability:


For users planning ahead, a calendar view reveals additional availability beyond the nearest time slots. This ensures flexible scheduling and makes it easy to find the right time that fits individual needs.

Meeting Schedule Overview:


A dedicated calendar tab provides a clear overview of all upcoming sessions. Users can easily track their bookings in one place and stay organized.

Flexible Rescheduling:


Sessions can be modified directly within the calendar, allowing users to adjust times seamlessly if plans change. This flexibility ensures ongoing support without the friction of canceling and rebooking.

3. Resource library

Advanced Search & Filtering:


Multiple filtering and sorting options make it easy for users to refine searches and quickly find the most relevant resources. This creates a smoother discovery experience tailored to individual needs.

Save for Later:


Resources can be bookmarked into a dedicated “Saved” tab for easy access anytime. Users can return to important materials without worrying about losing track of them.

Interactive Resource Viewer:


Clicking into a resource opens both an overview and the full document. Users can zoom, navigate between pages, and explore content seamlessly for a more engaging reading experience.

Thank you for reading!

© 2025 by Christine Tang.

© 2025 by Christine Tang.

© 2025 by Christine Tang.

© 2025 by Christine Tang.