[All work](https://sanderr.nl/projects/)

# Alphabet PWA

A game for learning the Korean alphabet, Hangul, for the first time. I built it for Ottiya as a progressive web app, as lead developer in a team of five.

- Educational PWA · @Ottiya
- Playful learning experience
- 2023

- JavaScript

[Visit site](https://ottiya.itch.io/hangul-simple-consonants)

![Screenshot: Alphabet PWA](https://sanderr.nl/wp-content/uploads/2026/06/alphabet-cover.webp)

## The brief

- Fourteen consonants, each written seven times
- Five tests that match a consonant with its sound
- Dr. Coli, a broccoli, shows how each one is written
- Points, levels and coins, with a shop to dress the mascot

## Learning a letter

From the start screen to a list of challenges, one per consonant. Before a letter is written, Dr. Coli shows the stroke.

![Screenshot: Learning a letter 1](https://sanderr.nl/wp-content/uploads/2026/06/alphabet-phone-start-1177x2560.webp)

![Screenshot: Learning a letter 2](https://sanderr.nl/wp-content/uploads/2026/06/alphabet-phone-tasks-1177x2560.webp)

![Screenshot: Learning a letter 3](https://sanderr.nl/wp-content/uploads/2026/06/alphabet-phone-help-1177x2560.webp)

## Tested with children

children tried the first prototype at a primary school

16

rounds of usability testing

2

repetitions per letter, settled by testing

7

> “I want to learn Korean so **I can talk it with my parents.**”

A child, during the second usability test

## Practice and reward

Each consonant is written seven times. The first prototype asked for more and the children got bored; five turned out too few to remember the letters. A finished letter earns points and coins, and the coins buy the mascot a new outfit, which is where the children spent most of their time in the test.

![Screenshot: Practice and reward 1](https://sanderr.nl/wp-content/uploads/2026/06/alphabet-phone-draw-1177x2560.webp)

![Screenshot: Practice and reward 2](https://sanderr.nl/wp-content/uploads/2026/06/alphabet-phone-done-1177x2560.webp)

![Screenshot: Practice and reward 3](https://sanderr.nl/wp-content/uploads/2026/06/alphabet-phone-shop-1177x2560.webp)

> “If you make it, you know, game type, we will use it. **I think you did a great job.**”

Ottiya, during a progress presentation

## More work

[All work](https://sanderr.nl/projects/)

- [Thijsveldwisch Portfolio & CMS · 2026](https://sanderr.nl/projects/thijsveldwisch/)
- [Traklyst Product, Design & Development · 2026](https://sanderr.nl/projects/traklyst/)

---

- [Sander de Vries for agents](https://sanderr.nl/llms.txt)
- [Sitemap](https://sanderr.nl/sitemap.xml)
- [Contact](mailto:hello@sanderr.nl)