Shama Hina All work Next case Email

Kashcool, Phase 1

A video-lesson app for students in Kuwait and Saudi Arabia, rebuilt as a place to learn, practise, ask and experiment.

Role
Product Designer
When
Feb 2024 to Jul 2026
Platforms
Mobile, tablet, web
Market
Kuwait, Saudi Arabia
Kashcool, Phase 1 cover

Overview

Kashcool is an ed-tech platform for students following the Saudi curriculum. It began as a library of video lessons.

I led the redesign that turned it into a place to learn, practise, ask questions and experiment, and gave it a brand identity to match.

The challenge

Lessons were video only. Students could watch, but they could not practise, ask a question, run an experiment or see how they were doing.

How might we turn Kashcool from a content platform into a learning companion that stays with the student through the whole journey?

The app as it was, before Phase 1.

Old design, new design

The same three jobs, before and after.
Before
Before: Home: a list of subjects became packages you can tell apart at a glance.
After
After: Home: a list of subjects became packages you can tell apart at a glance.
Home: a list of subjects became packages you can tell apart at a glance.
Before
Before: Tools: a menu of features became a dashboard of four ways to learn.
After
After: Tools: a menu of features became a dashboard of four ways to learn.
Tools: a menu of features became a dashboard of four ways to learn.
Before
Before: A lesson: a list of files became a player with chapters, a dictionary, a quiz and a tutor.
After
After: A lesson: a list of files became a player with chapters, a dictionary, a quiz and a tutor.
A lesson: a list of files became a player with chapters, a dictionary, a quiz and a tutor.

Process

Scope on this project: Research, product design, UI design, design system

  1. Research
  2. Analysis
  3. Ideation
  4. Wire framing
  5. Prototyping
  6. Usability testing
  7. Feedback
  8. UI design
  9. Development handoff
Area 1 of 3

Student learning package

A lesson is now something a student does, not only something they watch.

  • Interactive content
  • Question bank
  • 3D experiments
  • Quizzes
  • Homework checked with the camera
Student dashboard with four learning formats
DashboardPick a semester, a grade and a way to learn.
Lesson player with chapters, dictionary, quiz and tutor
LessonVideo on top, chapters and tools underneath.
Area 2 of 3

AI learning package

Tutor AI: the student picks a grade, then asks about any subject in it and gets an explanation instead of searching through lessons.

EnglishXpert AI: spoken English practised through real situations, with XP, streaks and levels to keep the habit going.

  • Tutor AI across 19 subjects
  • Voice conversations with an AI avatar
  • Pronunciation scoring
  • XP, streaks and level progress
AI dashboard with EnglishXpert AI and Tutor AI
AI dashboardTwo assistants, one screen.
Tutor AI subject list
Tutor AINineteen subjects. Keep scrolling: the screen scrolls with you.
Tutor AI answering a physics question
Ask anythingAn answer, then follow-up questions to tap.
EnglishXpert AI scenarios
EnglishXpert AIEleven everyday scenarios.

One English session, start to finish

Five screens, in the order a student meets them.
EnglishXpert AI home
Pick a scenarioAirport, restaurant, hotel, bank and more.
Airport check-in progress
See where you areWords, accuracy and conversations so far.
Conversation with an AI avatar
Talk it throughThe scene, the goals, then the conversation.
Pronunciation practice
Say the wordA score for pronunciation, with a hint if needed.
Game results
Get the resultWords attempted, combo and XP earned.
Area 3 of 3

Competitive exam preparation

Practice for Qudrat and Tahsili, as quick quizzes or as timed tests that feel like the real exam.

Every question can open an explanation, and the AI tutor is there when the explanation is not enough.

  1. Practise a question
  2. Read the explanation
  3. Ask the AI tutor
  4. Try the next one
All packages, with Qudrat and Tahsili under Competitive Exam
Two examsQudrat and Tahsili sit beside the regular packages.
Timed quiz question
Timed questionsA timer, a save button and one question at a time.
The product vision

Watch a lesson.

Learn, practise, ask, experiment and improve, all in one platform.

Brand identity

The identity came from the same desk as the flows: the mark, the colours and the look of every card.
Kashcool logo: a white K mark and wordmark on blue
The mark and wordmark, as they land at the end of the splash screen.

Kashcool blue

The brand colour.

EnglishXpert

Spoken English.

Tutor AI

Ask any subject.

Student

The student package.

Qudrat

Exam practice.

Tahsili

Exam practice.

One colour per learning area, so a student knows where they are before reading a word. Hex values are read off the shipped screens.

My role

Product designer for the whole learning experience: the student journeys, the interface for each one, the brand identity and the cross-platform design system.

Phase 1 was designed in Figma across mobile, tablet and web. Phase 2 redesigned the mobile app, web app and landing page.