Rebuilding information gaming app with Quizy

  • UI UX Design
quizy/quizy_banner.webp

Project overview

quizy/quizyProject.webp

Existing Problem

Our Solution

User flow Map

The primary flow for each of the three main game categories: One 2 One, Contest and Quizy Go had to be established at first. While Quizy Go just focuses on the opinions, the first two focus on the quiz.

quizy/quizy_flow.webp

Initial Wireframes

quizy/quizy_wireframes.webp

Color Pallete

We experimented with colour while adhering to the brand's history by sticking with the Purple variants that make up their identity and implementing some eye-catching gradients.

quizy/quizy_colorcase.webp

Typography

Nunito is a free google font, which is optimized for web and mobile interfaces with excellent legibility characteristics in its letterforms which gives a neutral yet friendly appearances.

quizy/quizy_typo.webp

Components

Here we present you the some of the components we made categorized by the three major game types: One 2 One, Contest and Quizy Go. From results to awards, 50+ components were made.

quizy/quizy_components.webp

Pixel Perfect UI

Once we were done with our UX research, we started with the wireframes, ensuring a user friendly, simpler & more understandable wireframes athrough the platform.

quizy/quizy_pixel.webp

Badge Animation

A unique animation was made when users claimed awards. Designed unique badges for users who achieved the highest leaderboard ranks and accolades.

Intuitive User Interface

quizy/quizy_inututive.webp

Similar Portfolios

projects/aeremimg.webp

Aerem

Aerem's proprietary platform wanted to accelerate data collection for quick proposal creation. We conceptualized an automated tool to seamlessly collect information and fast pace the proposal turnaround.

View case study
projects/perfiosmonoethics.webp

Perfios Monethics

Perfios x Monethics automates data-driven risk and financial decisions. We simplified the fintech app flow & designed a seamless user experience that helped in the easy tracking, transferring & sharing of financial data

View case study

Come Experience - The Sketch Brahma Difference

our-service/sbPath.png
icons/arrowTop.svg