Aladwaa Website

UI/UX Design . Illustration . UI development & Animation

Aladwaa website

Aladwaa is an Arabic online educational website that provides e-learning services for students, such as learning materials, interactive exercises, and exams. As well as services for teachers and parents.


Aladwaa existed only as printed books. Then in the digital era, came the need to create a digital version of this successful book. And came the challenge of creating an online user experience more engaging than the book itself.

How to make the UX of the website more engaging?

To answer this, the team had several ideations sessions. The first idea was to provide services that don't only revolve around the students but also benefit both the teachers and the parents, as eventually, it all contributes to the student's overall performance.

For the student:
  • Learning materials such as interactive lessons, exercises, and exams.
  • Ask Aladwaa. Allowing students to post questions and receive answers from our teacher's team.
  • The ability to earn points and redeem resources from the Aladwaa store.
  • Entertainment competitions with valualbe prizes during summer vacation and official holidays.
For the teacher:
  • Create teacher profile.
  • Earn points and redeem resources.
  • Create interactive learning objects.
For the parent:
  • Add children as students.
  • Monitor children’s performance.
  • Review discussions with teachers.


Landing page:

Slide 1 - Above the fold

Slide 2

Slide 3

Slide 4



Navigation login

Navigation loggedIn

Navigation notification

Navigation search

Navigation lessons by stage

Navigation lessons by subject

Navigation lessons special lessons

Navigation exams



Lessons listing

Ask teacher listing

Ask teacher details

Style guide

Visual design


Three different illustration created for the main three types of users that uses Aladwaa:


UI design:

Landing page
Ask teacher listing
Questions bank
Exercise report

Thanks for watching

Previous Aladwaa Competitions
Next Ketapedia Landing Page