gidimo

gidimo is Africa’s first dedicated mobile learning and personal growth platform, produced by Gidi Mobile Ltd, a young startup from Nigeria.


The challenge working on gidimo was the diversity of the content. The app is composed of many “sub-apps” :

BrainGym : Learn random stuff from different topics.
gidiPrep : Prepare for your exams and tests.
gidiChat : Chat with anyone in gidimo.
gidiLife : Stay informed with news headlines, LIVE scores of your favourite sports, cinema & flight schedules, exchange rates..etc.

Each app is very rich in terms of content, which made me focus on consistency through all the design.

 

Login / Signup :

Login view – Normal State
login

Login view – Tap on any Text Field
login-expanded

After logging in via Facebook
gidimo-facebook-phone

Walkthrough :

gidimo-walkthrough

Home :

Home view
gidimo-home

Nav Drawer
gidimo-navdrawer-open

gidiPrep :

gidiPrep – Select a Test/Exam
gidiPrep-List

gidiPrep – Test/Exam View
gidiPrep-course

gidiPrep – Topic Details View
gidiPrep-Topic

 

BrainGym :

BrainGym — Taking a test
BrainGym

BrainGym — Test summary
BrainGym-summary

gidiChat :

The gidiChat app can be used to talk with people, groups and brands inside the gidimo network + Facebook friends.

gidiChat — List of Conversations
Chat-Tab

gidiChat — Conversation details
Chat-Window

gidiChat — User profile
Profile

gidiChat — Proposition :

gidimo-proposition

 

To help people easily switch between conversations, I wanted to see if there wasn’t another way of making the gidiChat app, so this was a proposition that could work (but needed to be tested to learn if it really helps) :

 

The app is split into 2 parts : the Conversation + Contacts list.

 

The navbar in the middle should be draggable to the top or the bottom to the reveal the rest of the content :

preview-scrollToTop
gidiChat proposition – navbar dragged to Top
preview-scrollToBottom
gidiChat proposition – navbar dragged to Bottom

 

gidiLife

gidiLife hasn’t had a real change, we just used the same lists design as shown previously on other screens.

 

my gidimo

The mygidimo view is a place where users would : see their gidiWallet, manage they subscription and get a list of their downloads.

mygidimo
my-gidimo

mygidimo – gidiWallet
gidiWallet

Manage Subscription

Subscription – Step 1
subscription-step0

Subscription – Step 2
subscription-step1

Subscription – Step 3
subscription-step2

Subscription – Step 4
subscription-step3

Amine Zafri picture

My name is Amine Zafri, I’m a product designer & web developer from Morocco. I worked previously at Facebook in London as a Product Design Intern, and I recently designed & helped build… more

↑ Back to top