Qranio

App

Illustration

Web

2015

Qranio is an online platform with the mission to make learning fun by stimulating users to learn at any moment with total mobility through games based on qualified, educational content while earning prizes with their intelligence.

https://www.qranio.com/

cover
flow

What I Did

For Whom

Qranio

My Challenges



Qranio

Qranio

Design System

Create a Design System that will allow the design teams to keep consistency between all platforms.


Typography


Qranio

Palette


Qranio

Illustrations


Qranio
Qranio

Buttons


Qranio

Components


QranioQranio

Icons


Qranio

News Feed

Created a home page in which users saw a list of prizes recently added and Qranio news.

Qranio
Qranio
Qranio
Qranio
Qranio
Qranio

Categories' Icons

Improve the old list categories with icons.

Timer

Design and development of the Windows desktop app using HTML and javascript.

Qranio
Qranio
Qranio
Qranio
Qranio
Qranio
Qranio
Qranio
Qranio

Windows Desktop App

Design and development of the Windows desktop app using HTML and javascript.

Windows Guidelines

Keep consistency between windows phone components and windows desktop app.

Qranio
Qranio

Results

Design a product is a never-ending challenge. It always has something that can be improved or just might be different. But I managed to keep the deadlines for new versions and features during the year.