Back

MPL 3.0

New Visual Direction

MPL 3.0 — Product Design Case Study

A new visual
direction

India's biggest gaming app takes off with a fresh gamified look.

Role — Visual & Product DesignScope — App · Website · CampaignType — Facelift

What we did

A gamified system, end to end

Angled collage of redesigned MPL app screens — home, fantasy and add cash

Where we started

The current MPL app experience

Very plain, minimal, boring, inconsistent & non-gamified.

Old MPL app home screen — plain white layout
Old MPL fantasy screen — plain white layout
Old MPL wallet screen — plain white layout

The intent

Not a rebrand,
a facelift.

We didn't set out to rebrand MPL, but we couldn't resist giving it a fresh look.

Colorful MPL mascot illustration of a player holding a phone

The redesign in motion

See it come alive

The centerpiece

Homepage

This is what users see when they land on the homepage for the first time.

Full MPL homepage with practice game, recommended games, Clan Wars, card games and categories
  1. 01

    Most popular MPL game tile at the top.

  2. 02

    Game reel to showcase other games of MPL.

  3. 03

    Big video tile for the popular MPL format called Clan Wars.

  4. 04

    Card game tiles with the highest revenue to capture user attention.

  5. 05

    Game of the day tile where a new game is featured every day.

  6. 06

    Different game category section so users can find their preferred game.

MPL Fantasy landing page with upcoming cricket matches

Fantasy Landing Page

Users can join any fantasy contest from here — cricket, football, basketball and more.

Result screen showing a score of 100 and winnings

Result Screen

An updated result screen with the new visual language to give that oomph factor.

Fruit Chop game view page with contest list

Gameview Page

Users can join their preferred game lobby by entering into this page.

Add cash screen with preset amounts and coupons

Add Money

Users can add real money to their wallet from here.

MPL Wallet screen showing total cash, deposit and winnings

MPL Wallet

Users can check their current wallet amount, deposit cash and winnings cash — and withdraw their winnings directly from the wallet.

Introducing MPL 3.0

The emotions we wanted to capture

Fun
Vibrant
Thrill
Gamified
Energetic
Bold
Casual
Competition
MPL

One design language

Campaign + website + app, coming together

There was huge design inconsistency earlier across campaigns, website and app — which we solved with the new design language.

MPL Poker campaign post on Instagram
Campaign
MPL Poker landing page on the mpl.live website
Website
Redesigned MPL app home screen featuring Poker
App

What's more?

A fresh set of profile pictures

Be a vampire, be a ninja, be a hero — or whatever you like.

Grid of vibrant character avatars — vampire, luchador, ninja, pirate, viking and more