Back to home

Interactive Storytelling App

Year

Sep '24 - Apr '25

Project

Krik Krak

Tools

Figma, FigJam, Miro, Canva

Year

Sep '24 - Apr '25

Project

Krik Krak

Tools

Figma, FigJam, Miro, Canva

Year

Sep '24 - Apr '25

Project

Krik Krak

Tools

Figma, FigJam, Miro, Canva

My Role

Founding UX Designer & Researcher

The Team

Aleena Qaiser: Ideation and prototyping
Aleena Malik: Market research & outreach
Founders: Anino Oritsejafor & Jaenelle Lauture

Aleena Qaiser: Ideation and prototyping
Aleena Malik: Market research & outreach
Founders: Anino Oritsejafor & Jaenelle Lauture

The Client

BCG x Impact Studio At Ross Business School

Type of Work

UX Research
User flows
Wireframing & Prototyping
Design Systems

UX Research
User flows
Wireframing & Prototyping
Design Systems

Krik Krak is an edtech initiative aimed at reconnecting long-distance families through interactive storytelling. We focused on designing the parent-side experience of the app, emphasizing on intuitive navigation and a seamless shared reading flow to support emotional connection across distances.

The Challenge

50% of long-distance parents feel they don’t spend enough time with their kids.

Struggle to be involved during key developmental education stages.

The Solution

Krik Krak enables video calls and synchronous interactive reading across two separate devices, parent and child, to foster connection and support literacy growth despite the distance.

Use the slider to compare the low-fidelity and mid-fidelity designs.

Target Audience

Parents

Separated by distance from their children

Children

Aged 3-12 years

Methods Used

Affinity Diagrams

We created two primary and two secondary personas: medical students and instructors.

Creating personas helped us empathize with our users and see the problem from their perspective. It also helped us generate ideas and solutions that were tailored to their needs and goals.

Affinity Diagrams

We created two primary and two secondary personas: medical students and instructors.

Creating personas helped us empathize with our users and see the problem from their perspective. It also helped us generate ideas and solutions that were tailored to their needs and goals.

Affinity Diagrams

We created two primary and two secondary personas: medical students and instructors.

Creating personas helped us empathize with our users and see the problem from their perspective. It also helped us generate ideas and solutions that were tailored to their needs and goals.

Personas

We created two primary and two secondary personas: medical students and instructors.

Creating personas helped us empathize with our users and see the problem from their perspective. It also helped us generate ideas and solutions that were tailored to their needs and goals.

Personas

We created two primary and two secondary personas: medical students and instructors.

Creating personas helped us empathize with our users and see the problem from their perspective. It also helped us generate ideas and solutions that were tailored to their needs and goals.

Personas

We created two primary and two secondary personas: medical students and instructors.

Creating personas helped us empathize with our users and see the problem from their perspective. It also helped us generate ideas and solutions that were tailored to their needs and goals.

MoSCoW Method

We created two primary and two secondary personas: medical students and instructors.

Creating personas helped us empathize with our users and see the problem from their perspective. It also helped us generate ideas and solutions that were tailored to their needs and goals.

MoSCoW Method

We created two primary and two secondary personas: medical students and instructors.

Creating personas helped us empathize with our users and see the problem from their perspective. It also helped us generate ideas and solutions that were tailored to their needs and goals.

MoSCoW Method

We created two primary and two secondary personas: medical students and instructors.

Creating personas helped us empathize with our users and see the problem from their perspective. It also helped us generate ideas and solutions that were tailored to their needs and goals.

User Flow (Parents)

We created two primary and two secondary personas: medical students and instructors.

Creating personas helped us empathize with our users and see the problem from their perspective. It also helped us generate ideas and solutions that were tailored to their needs and goals.

User Flow (Parents)

We created two primary and two secondary personas: medical students and instructors.

Creating personas helped us empathize with our users and see the problem from their perspective. It also helped us generate ideas and solutions that were tailored to their needs and goals.

User Flow (Parents)

We created two primary and two secondary personas: medical students and instructors.

Creating personas helped us empathize with our users and see the problem from their perspective. It also helped us generate ideas and solutions that were tailored to their needs and goals.

Low-Fidelity

I worked with the founders to create each screen aligned with the user flow to simulate real interactions early on.

High - Fidelity Prototype

After testing wireframes with fellow parents in the Studio and presenting to BCG strategy consultants, I refined the interactions and design system to elevate the overall experience.

Key Features

Time Zones

This feature lets parents or children check the other person's time zone before making a call.

AI-generated Questions & Bookmarking

Parents can access AI-generated questions with hidden answers to engage their child, along with options to highlight and bookmark selected text.

Synchronous Interaction

Alongside the video call feature, context-based interactions enrich the storytelling experience—for example, tapping on "raining" triggers a rain animation on both the parent’s and child’s screens.