ع Message me
Message me
All work

Graduation project

Nabra

A graduation project, an AI reading screener for Arabic-speaking children, taken from research and design to a demo app and a reel.

  • Websites
  • Design
  • Reels
Year
2026
Role
Team project. Research, design, app and reel
Tools
React, Web Audio API, Design tokens, GitHub Pages
See it live

The story

  1. The reading stage, a short Arabic passage in large type that the child reads aloud

    01

    Problem

    Reading problems in Arabic-speaking children are often found years too late. Today a specialist sits with one child, marks each mistake on paper and needs about fifteen minutes per child.

  2. A class dashboard that lists each child's latest result, with the children to refer at the top

    02

    What I did

    With the graduation team, we researched the problem, chose one design direction out of three, and drew every screen and state in light, dark and tablet sizes. Then we built a clickable demo and a short explainer reel.

  3. The results screen with every word of the passage marked, the reading errors listed and a risk band with its evidence

    03

    Result

    A teacher picks a child and a passage, the child reads aloud, and Nabra marks every word and gives a risk band with its evidence. It is a screener, not a diagnosis, and the demo uses sample data only.

About the project

Nabra (نبرة) is our graduation project: an AI reading-fluency screener for Arabic-speaking children. The interface is in Arabic, right to left, and made for teachers on a laptop or a tablet.

The project has two public parts. The clickable demo shows the whole flow with sample data, and the microphone recording never leaves the browser. The visual design site tells the design story, from the research and the three directions to every screen in light and dark.

The reel

Gallery

Want something like this?

Tell me what you need, and we can plan it together.

Message me on WhatsApp

Motion