top of page

Boukili App

Proposed designs and interaction concepts for the Boukili App. I prototyped several page structures and small interactions to browse books, preview tracks, and discover content, all using Principle. These prototypes then informed a full design proposal with a focus on mobile.

Service

Art direction, UX-UI, Video, Print, Digital,

Web

Client

GMTFO

Year

2022

Logo_Boukili_RGB.png

My role was creating the brand identity used across the project, as well as designing and producing the web-based experience that connects the bilingual contents to the online world.

These projects exploring interface design for the future of Boukili and web-based app. These range from design updates within existing frameworks to immersive interfaces and larger visions for the future.

E-Learning App Design

  • User Experience

  • Overview

  • Task and Solution

  • Design Process

  • User Interface

  • Style guide

  • Visual design

Introduction

 Boukili is an immersive, interactive and educational reading experience for children aged 4 and over, whether they are native French speakers or still learning the language.

Boukili encourages children to read and supports them by offering a collection of over 120 illustrated books grouped by reading level, theme and skill.

Boukili makes learning to read fun by offering quizzes and a cute avatar to customize. The theme of travel is ever-present, with the possibility of unlocking countries to discover as the children progress. They gain confidence while discovering the wonderful world of reading!

Is there a fee to use Boukili?

Boukili is free for all users (parents, children, teachers and students, etc.).

Is Boukili safe for children and students?

All the content on Boukili is designed to be secure. Children and student profiles are separated from adult profiles by a code, to allow children and students access only to the profile that is dedicated to them.

Is Boukili only available in Ontario?

Boukili is available across Canada.

Who is Boukili for?

Boukili is for children ages 4 and up. Parents and teachers can use Boukili as a support tool to learn French.It can be used to support children learning French as a first language or learning French as a second language.

1 Device Mockup boukili.png
3 Device Mockup boukili.png

01.

Overview

Overview & Goal

To succeed in today's challenging environment, one must possess some level of expertise. The challenge is in locating suitable educational opportunities for students of all skill levels. Boukili is the platform where you can find recorded books spanning a wide range of topics, from absolute beginners to seasoned professionals.

Final Objective of the Project

Any student will have no trouble using our platform because of how intuitive it is. Get the courses with easy steps and a certificate of completion.

02.

Problem

Problem

It's unusual to discover classes that cater to students of all experience levels. The accessibility of all the classes at one convenient location is difficult to achieve. Fail to interact with the teacher.

Solution

We provide a wide range of courses, suitable for both novices and students. We offered a wide variety of academic programs.

Why
Boukili ?

Market opportunity

Paid book

pile de bouquins

Printed book

Digital book

Free book

Professional Teachers

90%

Says they are ready to use digital book

The Scope of
work

Research

We researched the existing applications that were relevant to our projects, dig up the pain points, and constructed strategy for solutions 

Wireframing

We created wireframes to build the structure of the user flow process in the early stages of our designs.

UX Solutions

After acquiring insights from users, we integrated our design solutions with users' struggles to provide a meaningful and relevant experience. 

Visual Design

After creating the whole user flow, we enhanced our design with drawings, icons, illustrations, fonts and colors.

Project
Timeline

December, 2021

March, 2022

May, 2022

July, 2022

MVP Launch

Understand (Problem & Goal)

Analyse (Journey map & User Flow)

Testing (MVP Flow, Internal Testing)

Research (Desk & User Research)

Design (Moodboard, sketch & Visual Design)

Interactions (Interface)

Research
Online Survey

We gathered mass data from an online survey keeping the applicants anonymous. We structured questions in a way it will help us to understand the needs and struggles users face while receiving healthcare services.

What is your age_.png
What is your gender_.png
Where did you use this app_.png
What device is most convenient for you if you use the services of this app_.png

Visual Skills
Functionalities Children 4-8 years old

DISCOVER

54 books

01

02

03

04

MOTIVATE

3 games per country

( 30 countries )

READ

3 ways of reading

(self, narrative, tapping) 

MEASURE

Accumulate points when reading to get access to additional countries and games

Parent Consumer
Benefits

BRINGS
AUTONOMY

ALWAYS SAFE

CREATE
FUN EXPERIENCE

DEVELOP
IMAGINATION

Market Data
in a nutshell

There are 52 million books sold in Canada in 2014

 

Ebooks account

for 17% of the total

49% of Canadian households own a tablet in 2014

 

2/3 Ipad

15% PlayBook

15% Android

Over half of all kids ages 2-13 are E-readers in 2013

 

85% reads

at least once a week

The tablet usage is at 35% for book reading

1

People want an easy way and simple learning process. Also, an easy way to find a book with a specific theme.

2

85% of people want to know about the book they read, the summary, the details and the name author.

3

People want an app that is totally free form ads.

4

People want to choose their books and select the right level base on their preferences.

Key
Takeaways from the research

Questioning and surveys are easy ways to gather a large information about a group in a minimal amount of time. It is a great choice for researching projects that have a large and diverse user group that cares about anonymity.

User
Persona

We created user persona and journey maps based on the key takeaways from the thematic analysis and affinity mapping. The persona directly reflects the gathered data and showcases various user types and their goals, frustrations, motivations, behaviours and personalities.

Empathy
mapping

Our empathy map's purpose was to bridge the understanding of our end user.

SWOT
analysis

The SWOT analysis helps us identify and analyze our competitors' strengths, weaknesses, opportunities and threats.

User
Flow

Our user flow shows the path a user will take in the Boukili application to complete a task.

Wireframes
Low Fidelity, Sketches,
Layout

BOUKILI
DNA

BOUKILI DNA.png

Boukili Brand
in a nutshell

Brand Essence

Self learning and reading

Overview & Goal

Vision

Boost one’s self Learning and reading while fostering discovery and curiosity

Positioning Statement

For Parents and Educators with a passion to create an environment where  reading and learning are boosted, BOUKILI opens a world of discovery, culture and imagination for children and teenagers seamlessly

Brand promise

Learn to read through traveling

Boukili
Style guide

The style guide represents a unique range of colors and fonts resonating with the brand promise.

Typography

Aa

Light

Your interactive self-transformation journey

Mohr Rounded

Mohr Rounded Medium

Mohr Rounded Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

123456791#!"/$%?&*()_-=+

Medium

Your interactive self-transformation journey

Mohr Rounded Light

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

123456791#!"/$%?&*()_-=+

Color palette

Primary colors

#00ACFF

#0572B6

#9D2A8C

Secondary colors

#E21C21

#F79421

#83BE48

Boukili
Interface

We created an immersive, interactive and educational reading experience

for children ages 4 and up, whether they are native to the language or still learning French.

We did encourage children to read and support them by offering a collection of over

120 illustrated books created by illustrator and grouped by reading level, theme, and skill.

tablet et phone.png

iOS

Android

PL_Quiz_v1.2.tif
PL_Passeport_v1.5.tif
PL_Quiz_v1.2.tif
PL_Passeport_v1.5.tif
PL_Niveau_v1.7.tif
PL_Niveau_v1.7.tif
PL_LivresProfil_v1.6.tif
PL_Livres_v1.5.tif
PL_LivresProfil_v1.6.tif
PL_Livres_v1.5.tif
PL_Jeu-Savais-tu_v1.3.tif
PL_Jeu-Memoire_v1.3.tif
PL_Jeu-Identifie_v1.3.tif
PL_Jeu-Associe_v1.3.tif
PL_FichePays_v1.2.tif
PL_Connexion_v1.3.tif
PL_Jeu-Savais-tu_v1.3.tif
PL_Jeu-Memoire_v1.3.tif
PL_Jeu-Identifie_v1.3.tif
PL_Jeu-Associe_v1.3.tif
PL_FichePays_v1.2.tif
PL_Connexion_v1.3.tif
PL_Habille_v1.4.tif
PL_Habille_v1.4.tif
PL-PP_Dashboard_v1_edited.jpg
PL-PP_ProfilEnfant_v4_edited.jpg
PL-PP_MotsDefinis_v2_edited.jpg
PL-PP_LivresParNiveau_v4_edited.jpg

Social Media

01Carrousel Boukili - Facebook 1080x1080 copy 3.png
Visuel Boukili - Infolettre v2.png
boukil-in-motion-cropped.gif
FR_Visuel Boukili - Infolettre.png
01Image RS Boukili - Twitter 2.png
Visuel Boukili - Infolettre v2 copy.jpg
boukil-in-motion728X90_Fr.gif
invitation_Boukili.png
01Bannière display boukili - 468x60.png
Boukili_EndPage_FB 1line_1-1_2_1_1_1.gif
01Bannière display boukili - 320x50.png
END CARD ANMIEE BOUKILI_1_1_1_1_edited.jpg

Television commercial

bottom of page