Arabic for kids

Used Apps

Sketch
WebFlow
XCode
Lottiefiles

Role

Product Design & Brand Identity

Description

Arabic for Kids (A4K) is a special and personal project. My wife, who is from Egypt, and I were trying to find a way to teach our son Arabic, but we couldn't find useful apps for this purpose. As designers, we thought it would be great to create an interactive app to help kids learn Arabic.

Focus

  • App Design
  • UI & UX
  • Brand Identity

Learning flow

There are three stages where the app empowers and prepares the kid to learn the alphabet.The first stage is to show one letter, and next to it, show an animal whose name starts with the displayed letter.

The second stage is where the app teaches the kid how the words are formed with a letter.

The third stage contains short quizzes for each letter of the alphabet so the kids can test their knowledge in every phase of the learning path.

Wireframing

Wireframing the app was an important step for the design process and conceptualization. On every screen, I wanted to emphasize each illustration, and I already had in mind the different sound effects and animations that would be added to the app.

UI / UX

Our UI is pretty easy to learn and straightforward to the point. I divided the UX into different parts. The first part is the exploration. In this part, the kids discover the sound and the shape of each letter. The second part is the reinforcement. Here the kids learn how to write the letter. The third part is the quiz, where the kids learn to pair the right letter with the right image.

Final Illustrations

The application is full of illustrations with beautiful and colorful characters. You can feel that each of the characters has their own personality. I used bright colors and friendly faces.

Typography
Color Scheme

Parcel Tracking

We wanted to show the most relevant information for the delivery process.

Calendar

After some user testing, we understand that the user is more focused on the parcel arrival date versus how many packages they ordered, that’s why we decide to use a calendar as the main screen.

Send

The send experience was the part where we need to excel.

We figure out that many users don't know where they can deliver their parcels, so having a screen where we show the different delivery spots is very helpful for the end-users.

Design

Having a consistent design between the app and the package improves brand recognition for the company.

Parcel Tracking

We wanted to show the most relevant information for the delivery process.

Calendar

After some user testing, we understand that the user is more focused on the parcel arrival date versus how many packages they ordered, that’s why we decide to use a calendar as the main screen.

Send

The send experience was the part where we need to excel.

We figure out that many users don't know where they can deliver their parcels, so having a screen where we show the different delivery spots is very helpful for the end-users.

Design

Having a consistent design between the app and the package improves brand recognition for the company.

Brand Identity

This was one of the avant-garde logos that I made. I wanted to symbolize the world with an explosion of packages. At the same time, I wanted to represent organized chaos. The logo was made in Cinema 4D.

Discover More Projects