Building a wallet app for Dream11.

Building a wallet app for Dream11.

hero-bg

OVERVIEW

A smart, sleek payment experience for 150+ million users across Dream

Sports

A smart, sleek payment experience for 150+ million users across Dream

Sports

DreamX is a wallet app from the house of Dream Sports — a giant in the Indian tech space with a slew of popular products like Dream11 and Fancode.

After its success in the realm of fantasy sports, Dream Sports was planning its first foray into fintech. The client wanted their product to be a fresh take on wallet apps, with a unique visual identity to set it apart from the competition. At the same time, they understood the strength and the value of Dream11’s brand recall.

Our goal was to build an MLP — a Minimum Loveable Product, primarily targeting Dream11 users. We were also tasked with creating a distinct identity for DreamX that stayed reminiscent of Dream11.

Client

CommandK Inc.

Deliverables

UX/UI Design

Visual Design

Brand Identity

Product Design

Brand Guidelines

banner-image

VISUAL IDENTITY

Balancing the fresh and the familiar

The DreamX identity spins off from the iconic Dream11 red, remaining mindful of the product’s connection with the larger brand — and yet manages to stand apart.

banner-image
banner-image

The DreamX logo was designed in-house.
We were tasked with developing the brand’s visual identity.

Colors

Colors

The core colour palette includes the iconic Dream11 red, slate grey and white colours.

We also introducedv a vibrant secondary colour swatch to create thematic illustrations for the brand. These colours were also incorporated into the UI where relevant.

The core colour palette includes the iconic Dream11 red, slate grey and white colours.

We also introducedv a vibrant secondary colour swatch to create thematic illustrations for the brand. These colours were also incorporated into the UI where relevant.

Typography

Typography

Public Sans is the primary typeface for DreamX. It’s friendly, but crisp, and supports Devanagari. This is key because DreamX willl be multi-lingual in the future.

Public Sans is the primary typeface for DreamX. It’s friendly, but crisp, and supports Devanagari. This is key because DreamX willl be multi-lingual in the future.

PRODUCT DESIGN

Refining the requirements

The DreamX team shared detailed PRDs, personas, and user stories with us. We spent the first few weeks digging into them, and built exhaustive user flows for the app. Along the way, we ironed out any discrepancies and further refined the requirements.

Goal-setting

Goal-setting

Decoding the DreamX vision

Decoding the DreamX vision

The DreamX MLP was slated to be released to a cohort of 1.5 million Dream11 users. Together with the DreamX team, we defined the goals that would guide us through the design process.

The DreamX MLP was slated to be released to a cohort of 1.5 million Dream11 users. Together with the DreamX team, we defined the goals that would guide us through the design process.

DESIGN SYSTEM

Building DreamX

The DreamX Design System follows Material 3 guidelines. We made it as developer-friendly as possible, sticking to the guidelines even when that meant working backwards from our designs. 



Today, the system is stable and frequently updated. It remains the single source of truth for the product, with design and code closely mirroring each other.

Blowing past the goalposts

Blowing past the goalposts

The product was first marketed to a cohort of 2.5 lakh Dream11 users. The DreamX team aimed to amass 5000 downloads in the first month and end the marketing campaign immediately after. However, DreamX hit that goal earlier than expected, with 5000 users onboarding in the first 3 hours after the app launched!

The product was first marketed to a cohort of 2.5 lakh Dream11 users. The DreamX team aimed to amass 5000 downloads in the first month and end the marketing campaign immediately after. However, DreamX hit that goal earlier than expected, with 5000 users onboarding in the first 3 hours after the app launched!

CONTACT US

Over to you.

What's your big idea?

Let's bring it to life.

CONTACT US

Over to you.

What's your big idea?

Let's bring it to life.

CONTACT US

Over to you.

What's your big idea?

Let's bring it to life.