01JeelTech · Case study
Back to selected work

04 / Selected case · Arabic LMS · AI · Dashboard

Learning has many paths.JeelTech keeps them connected.

An Arabic-first learning platform that brings courses, lessons, a digital library, progress reports and AI guidance into one dashboard.

FrontendArabic UXLearning dashboardAI assistant
JeelTech Arabic learner home with course progress, categories and assistant
Learning modelCourses + progress
GuidanceAI-assisted · Arabic-first

Product walkthrough

The learner journey, from home to insight.

The film moves through the real product: dashboard, courses, lesson structure, AI guidance and progress reporting.

01 / Platform journey

A connected view of how learners discover, continue and understand their progress.

The product

One Arabic-first home for learning and reflection.

JeelTech combines content discovery with active learning tools. Courses and lessons sit beside notes, a digital library, progress analytics and an AI assistant so support stays close to the work.

Role
Frontend development · Product UI
Platform
Responsive learning platform
Direction
Arabic · RTL first
Focus
Learning journey + reusable UI

The challenge

Many learning tools.
One mental model.

The platform has to support browsing, focused lessons, long-form reading, conversations and data-heavy reports without feeling like separate products stitched together.

01

Different modes of focus

Discovery, lesson playback and reporting each need a different information density.

02

RTL product hierarchy

Navigation, course structure and chart labels must read naturally in Arabic.

03

Support in context

AI guidance should help a learner act, not become an isolated novelty screen.

Core journey

Discover. Start. Continue. Understand.

Each step has its own layout, but progress, language and interaction patterns remain consistent.

  1. 01DiscoverCategories and course cards
  2. 02ChooseClear course information
  3. 03LearnLesson and syllabus together
  4. 04ReflectReports and AI guidance
JeelTech Arabic course catalogue with categories and course cards
DiscoverBrowse categories without losing course-level detail.
JeelTech lesson screen with video, course summary and syllabus
LearnKeep the lesson, syllabus and progress in one view.

Arabic product system

RTL is part of the architecture, not a final flip.

The strongest hierarchy begins at the right, while media, times and data preserve familiar reading behavior. Reusable patterns keep every module recognizably JeelTech.

١

اتجاه طبيعي

التنقل والعناوين والإجراءات تبدأ من مكانها المتوقع للمستخدم العربي.

٢

كثافة مناسبة

الشاشات الهادئة للتعلم، والأكثر كثافة للتقارير، تتشارك نفس اللغة البصرية.

٣

تقدم واضح

نسب الإنجاز وحالة الدرس والخطوة التالية تظل ظاهرة دون تشتيت.

Progress reporting

Turn activity into a picture learners can read.

Reports combine time, lesson completion, subject distribution and return behavior. Strong chart grouping makes a dense view easier to scan from right to left.

JeelTech Arabic learning analytics with line, donut and bar charts

AI in context

A helper that begins with the learner's intent.

Suggested prompts turn an empty conversation into practical entry points for coding, data, interface design and project ideas.

JeelTech Arabic AI assistant with suggested learning prompts
01

Start from a real task

Prompt starters make the assistant useful before the learner has learned how to ask.

02

Keep the same product language

The assistant uses the same navigation, surfaces and action hierarchy as the rest of JeelTech.

Outcome

A learning platform that stays coherent as the learner moves.

JeelTech turns courses, lesson structure, analytics and AI guidance into one Arabic-first system with clear reusable patterns.

RTLNative Arabic product hierarchy01Connected learning journeyAIGuidance inside the same system

Learn with structure.
Grow with context.

Discuss a learning product