Back

GAJINO

Gajino is a mobile application for one of the biggest educational publications in MENA. The persona of this service are students (kids and teenagers).

free web templates


Project Owner:

Gaj


My Role:

Head of Product Design


Duration:

6 Sprints  /  3 Months


Process:

User Research

User Testings

Ideation

Wireframing

UI Design

Prototype

Presentation

Deliver to Developers

Design Review


Team:

UX Director (Me)

UX Researcher

UI Designer

1. Understanding Gaj

Description..........


Background Research

Description.......... 

Mobirise

2. Gathering Feature Criteria

The Lean Product Playbook by Dan Olsen mentions the importance of looking at the target users and their underserved needs. From my user interviews, I came up with a set of underserved needs to keep in mind while designing.


Product Market Fit

- Need to diverge: Users want to explore stocks from various fields.

- Need to learn: Users want to constantly read and learn about various stocks in the field.

- Need to connect: Users want to follow the stock price as they read the news. The stock and the news aspects must feel like a single experience.


Wireframe

I brainstormed and sketched various wireframes based on the user needs and behaviors. I digitalized my sketches in order to show it to the users and gather their feedback.

User Feedback


List of Categories
Users mentioned that they aren’t sure about which categories to follow. I would want to introduce a general category called “Top stocks” to reduce any friction of choosing categories in the beginning.

List of News
Users requested a quick way to switch between news from their categories and from the stocks they own.
When I asked if users cared more about the thumbnail, title, description, or tags, they were not sure. I have to hand them a set of designs to gather more insights.

News Article
Users mentioned a bookmark feature to read later and a share button to share on social media.
One user suggested an accessibility feature to increase the font size.
Another user found “topics” to be more fitting than “categories.”



Task Flow
User feedback informed me about required features and how they should work, which I organized with the following task flow.

3. Designing User Interface and Experience

Description..........


UI Design Decisions

Based on the task flow and the current Robinhood UI , I designed multiple versions of each interface to diverge
and weigh the pros and cons.

Winner: Right 
or
Winner: Both 


Prototype

I took the above decisions and followed Robinhood’s design system to design high-fi versions. Below is the user flow, as well as the prototype separated into 3 GIFs.

ResponsPicking Topic -> Opening Article
ive

Home -> News -> Picking Topic 

MOBIN BAHRAMI - USER TEST — BMDX
MOBIN BAHRAMI - USER TEST — BMDX


Brand Ideas

BMDX

Signage - Preview

BMDX

Typeface Style - Preview

BMDX

Billboard - Preview 1

BMDX

Billboard - Preview 2

BMDX

Interior Decoration - Preview

BMDX

Website - Preview

© by BMDX

Thanks for scrolling!