J.Sidali
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
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.
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
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.
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 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.