top of page
Decorative image of a AI robot teaching in a classroom in the age of SteamPunk_

Image/logo for book level indicator 

Overview

This assignment provided a crucial opportunity to address a long-standing design challenge for our Oala Dhivehi books: updating the level indicator badges. I am highly satisfied with applying CRAP principles to these designs, greatly enhancing their usability and visual clarity across the app.

Three Oala Dhivehi 'First Skills' level indicator badges displayed side by side. From right to left: the Level 1 badge features the deep blue Dhivehi letter Ha (ހ); the middle is the Level 2 badge with the deep red Dhivehi letter Shaviyani (ށ); and on the far left is the Level 3 badge with the strong green Dhivehi letter Noon (ނ). Each badge has a simple hammer graphic behind its letter. At the bottom of each badge, 'ފަށާ ހުނަރު' (Fasha Hunaru) is written in bold Dhivehi, followed by the framework version '2.0'.

My logo design process centered on clear differentiation and brand identity.
Levels 1 (ages 3-5) 2 (ages 6-8), and 3 (ages 9-11) are distinctly identified by the Dhivehi alphabet sequence: ށ, ހ, and ނ, respectively. The logo also features 'ފަށާ ހުނަރު 2.0' and a line-art hammer, symbolizing 'skills' for our 'First Skills' framework. This graphic choice also prepares for future thematic differentiation (e.g., a book graphic for an 'early reading skills' framework). Emphasizing simplicity in graphics and size was key for maximum visibility and shape recognition, even when scaled down. While color is a secondary differentiator, I prioritized accessibility: my chosen shades (Level 1: #004f9e [deep blue]; Level 2: #A30000 [deep red]; Level 3: #005C00 [strong green]) achieve contrast ratios of 8.03:1 to 8.29:1 against white. This exceeds WCAG AAA standards.

Comparison image showing two versions of an Oala Dhivehi book cover. The design on the left displays an older version with a level indicator badge in orange and purple positioned in the lower left corner. The design on the right shows the updated book cover, featuring a new level indicator badge prominently placed in the top right corner. This new badge (one of three designs using blue, red, or green, each with a Dhivehi letter and a hammer graphic) also includes 'ފަށާ ހުނަރު 2.0' at its bottom.

When placing the indicators on digital covers, a key structural change involved moving the badge from the bottom-left to the top-right for improved visibility.

Alt Text used for the images on this:

 

Logo_images: 

Three Oala Dhivehi 'First Skills' level indicator badges displayed side by side. From right to left: the Level 1 badge features the deep blue Dhivehi letter Ha (ހ); the middle is the Level 2 badge with the deep red Dhivehi letter Shaviyani (ށ); and on the far left is the Level 3 badge with the strong green Dhivehi letter Noon (ނ). Each badge has a simple hammer graphic behind its letter. At the bottom of each badge, 'ފަށާ ހުނަރު' (Fasha Hunaru) is written in bold Dhivehi, followed by the framework version '2.0'.

 

Book_Cover_Sample_Image:

Comparison image showing two versions of an Oala Dhivehi book cover. The design on the left displays an older version with a level indicator badge in orange and purple positioned in the lower left corner. The design on the right shows the updated book cover, featuring a new level indicator badge prominently placed in the top right corner. This new badge (one of three designs using blue, red, or green, each with a Dhivehi letter and a hammer graphic) also includes 'ފަށާ ހުނަރު 2.0' at its bottom.

bottom of page