Coco Land – Arabic Learning App for Kids

A playful bilingual web app that teaches children aged 4 to 9 to read Arabic through games and stories

Coco Land – Arabic Learning App for Kids

Learning Arabic as play, not homework

Coco Land is a bilingual web app for children aged four to nine. Every unit starts with one letter and moves through listening, words, games and a short story, with Coco the bear and friends cheering along. A parent sets up the profile and chooses the difficulty, and progress is kept per child and per level on the device itself: no accounts, no ads, no chat and no data collection.

Product engagement and customer success

I own Coco Land end to end: the learning journey and its units, the child-safe onboarding for parents, the visual world and its characters, the first units of content, and the front-end that brings it all together.

How it was made

6 practices

Strategy

  • Product Vision and Goals
  • Problem Statement
  • Define Objectives
  • Project Priorities
  • Product Management
  • Vision and Goals
7 practices

Discovery

  • User Research
  • Curriculum Review
  • Competitive Analysis
  • Market Research
  • Product Usage Analytics
  • UX Research
  • User Interview
6 practices

Ideation

  • User Journey
  • Information Architecture
  • Wireframing
  • Prototyping
  • Brainstorming Workshops
  • Feedback and Evaluation
8 practices

Design

  • UX Design
  • UI Design
  • Interaction Design
  • Design System
  • Characters and Illustration
  • Visual Language
  • Digital Elements
  • Accessibility Compliance
4 practices

Testing and Learning

  • Usability Testing
  • Feature Testing
  • End-to-End Testing
  • Measurement and Reporting
4 practices

Development

  • HTML 5
  • CSS 3
  • JavaScript
  • Web Audio

Tools and Technologies

  • Figma
  • Adobe Creative Cloud
  • HTML CSS JS
  • Accessibility WCAG
  • ChatGPT

Gallery · 10 screens

Drag, swipe or use the arrows. Click a picture to open it full size.

Parents stay in control

Every profile starts behind a grown-up gate: a quick sum only an adult answers, and a consent box for the parent. The parent picks the child’s age, the difficulty level and where to start, and can add a profile for each child on the same device. Progress is saved on the device and nothing is collected: no email, no photos, no location, no voice, no ads and no chat. A mute button and a home button are always one tap away.

Simple enough for children who are new to Arabic

Coco Land assumes nothing. Every screen shows and speaks: one letter, a picture and a word, read aloud by Coco, with full vowel marks so the sound is never a guess. Instructions stay short, grown-up notes appear in English, and a family that does not read Arabic can still set it up and follow along. Units move one letter at a time, listening comes before writing, and a child can repeat any step as often as they like.

Fikr programming: four missions that teach sequencing with a friendly robot

Built for small hands too: the same characters and lessons on a phone

Comments

Send me a postcard

What do you think of this project?

No postcards yet.
Be the first to send one.

Your postcard joins the stack after a quick review.

See other projects

  • G2B
  • Portal Design
  • Design System
  • Data Visualization
  • User Experience (UX) Design
  • User Interface (UI) Design

Islamic Affairs & Charitable Activities Department IACAD

A government platform that lets Dubai’s Islamic Affairs department license, inspect and oversee Islamic and Quran centres from one place

  • User Experience (UX) Design
  • User Research
  • Website Design

Advance Telematics Solutions

Technical experience and a strong commitment to service, we specialize in empowering clients across key areas: Workforce and Driver Management, Asset and Equipment Tracking, Worksite and Road Safety, and Smart Mobility Solutions.

  • B2C
  • Mobile App
  • User Experience (UX) Design
  • User Interface (UI) Design

Etisalat eClub Mobile App

eClub combines personalized workouts, training plans, nutrition, and community support to help users achieve their fitness goals.

  • IoT Platform
  • B2B
  • Artificial Intelligence (AI)
  • Asset Management
  • SaaS Platform
  • User Experience (UX) Design
  • User Interface (UI) Design
  • User Research

Schneider Electric Nest

The NEST by Schneider Electric brings together digital energy, automation, and sustainable design to create a smarter, more connected building experience.