COLOR SWITCHER

  • yellow
  • green
  • red
  • blue
  • pastel-purple
  • pastel-green
  • pastel-pink
  • pastel-blue
×

ArabiQuraan - AI Driven Language Learning

ArabiQuraan - AI Driven Language Learning

Product Context

ArabiQuraan keeps reading simple.

One place to read, listen, search, and save notes.

Calm layout, clear type, works well on phones.

The Problem

  • Readers juggle tabs for audio, tafsir, notes.
  • Mobile flows break on small screens.
  • Search is strict; typos fail.
  • Audio controls hide while scrolling.
  • Long sessions strain eyes.

Goals

Read, listen, and find—without friction.

  • Start reading in one tap.
  • Sticky audio with precise controls.
  • Forgiving search (Arabic/EN + variants).
  • Notes quick to save and export.
  • Comfortable dark mode for long sessions.

Key Decisions

  • Quiet chrome; text leads.
  • Thumb-first controls on mobile.
  • Line length held for readability.
  • Clear contrast; large tap targets.
  • Offline cache for recent surahs.

Screens - Desktop

Key desktop views with clean reading and strong search.

Desktop view of programs grid showing course levels, weeks, and hours.

Programs grid: pick a level, see weeks and hours.

Desktop view of login and registration forms for student portal access.

Login / Register: access your student portal.

Desktop view of contact page with message form and location map.

Contact & map: send a message, find our location.

Desktop view of student review section with testimonials and ratings.

Student reviews: real feedback, quick quotes.

Screens - Mobile

Thumb-first controls and clear navigation on small screens.

Mobile view explaining benefits of choosing the Islamic Institute with tutor details.

Why choose us: clear benefits from qualified tutors.

Mobile view of pricing plans with different class packages and a Free Trial option.

Pricing: plan cards with Free Trial.

Mobile view of services offered, showing different class types with 'Read more' links.

Services: class types with “Read more”.

Mobile view of a navigation menu with quick links and a newsletter signup.

Menu & newsletter: quick links and email signup.

Outcomes / Impact

  • Resume flow under 2 seconds.
  • Search success +20–35%.
  • Audio interruptions −40–60%.
  • Session length +10–20%.
  • Fewer “how do I…” support pings.

Future Steps

  • Integrate with LMS for wider adoption.
  • Explore AR/VR for immersive learning.
  • Expand AI to dialect-specific feedback.
  • Gamify progress with advanced challenges.
  • Build community features for peer learning.