Class navigation · Select a group and enter using a class code.
← Back to selected work
Digital learning · UI/UX
Boki / Aha! Class
Two connected educational products: Boki turned real school science books into interactive, gamified learning experiences; Aha! Class reused that content in an editable lesson builder for teachers.
01 · Boki
Interactive science books, built as a digital product.
Boki organised real school science books into a navigable environment for students. Classes, subjects and lessons formed the core structure, with search and activities extending the books beyond linear reading.
Course library · Science-book content organised by class and subject for quick navigation.
Search · Find a topic and jump back to relevant book content.
02 · Interaction
Learning becomes something you do.
Reading could lead directly into game-like exercises. I designed multiple activity formats and the surrounding controls so play, navigation and content still felt part of the same product.
MemoryWord searchTrue or falseCategoriesDrag & dropMultiple choice
Activity selection · Several game formats within the same learning flow.
Reading & settings · Text and sound controls available throughout the experience.
03 · Aha! Class
The same content, rethought for teachers.
Aha! Class was a second product built on the same Boki content. Teachers could drag and drop text, images and other material from the science books into editable presentations, then add game-like activities for students to answer from their phones during class.
Product evolution
From content exploration to lesson creation.
The interaction model shifted from helping students move through a structured book to helping teachers select, compose and deliver their own class from the same educational material.
Boki · studentsExplore · Read · Learn · Play
Aha! Class · teachersSelect · Compose · Present · Interact
Aha! Class · teacher workflow
01
Select
Choose text, images and activities from Boki's science-book content.
TextImagesActivities
02
Compose
Drag, drop and arrange the material into an editable class presentation.
SlidesContentLesson flow
03
Present & interact
Teach from the lesson and launch activities students answer on their phones.
Live classPhonesResponses
04 · Contribution
A broad interface system, designed end to end.
I designed every interface shown in this case study. My role at Boki also covered graphic design, illustration, animation and visual concept development as part of an interdisciplinary team.
Across both products, the same educational content had to support two different modes of use: student exploration in Boki and teacher authoring in Aha! Class.