gidimo

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