All work
Mobile AppCase Study 03

UI/UX Case Study · Fantasy Sports + Esports

Six Dreams

Designing a fantasy cricket experience focused on faster contest discovery, clearer team creation, stronger wallet trust and smoother onboarding.

Role

UI/UX Design Lead

Platform

Mobile App

Industry

Fantasy Sports + Esports

Scope

Product FlowUI DesignDesign SystemHandoff

Six Dreams was built for users who want to move quickly from match discovery to contest entry, team building, wallet actions and KYC verification without friction. The design challenge was making a real-money fantasy product feel exciting while still staying trustworthy and easy to scan on mobile.

Six Dreams player selection screen
Six Dreams contest listing screen
Six Dreams home screen

Overview

Project Snapshot

A quick view of what the product was, who it was designed for and what the design needed to solve.

Product

A fantasy cricket product spanning registration, KYC, match discovery, contest participation, team creation and wallet flows.

Users

Cricket fans, first-time fantasy users, repeat contest participants and real-money players who need clarity before they commit.

Challenge

Make a data-heavy fantasy product feel fast and trustworthy across onboarding, contest comparison, team selection and money actions.

Goal

Create a scalable mobile system where users can move from sign up to contest entry with confidence and very little confusion.

Research

The Problem

Fantasy products carry a lot of decision-heavy information: matches, prize pools, entry fees, spots, teams, wallet balance, KYC steps and deadlines. The challenge with Six Dreams was reducing hesitation at every one of those moments without flattening the excitement of the game.

01

Contest Overload

Users need to compare prize pool, entry fee, spots and winning chances without reading every detail.

02

Trust Before Entry

Users need clear contest rules, fee visibility and product signals before they feel safe entering a paid match.

03

Team Creation Complexity

Users need to manage player selection, roles, credits and captain choices without losing track.

04

Wallet Confidence

Deposit, bonus and winnings needed clear separation because users are dealing with real-money contests.

Role & Ownership

UI/UX Design Lead

I led the design direction for Six Dreams across onboarding, contest discovery, contest detail, team creation, wallet and KYC flows. My role was to shape the product structure, simplify high-decision screens and build a consistent mobile system that felt credible for real-money play.

Product Flow

Structured the core journeys for match discovery, contest joining, team creation and live tracking.

Contest UX

Structured contest browsing, detail views and entry decision-making so users could compare prize pools and fees quickly.

Interface Design

Designed high-fidelity mobile screens for home, registration, KYC, contests, team creation, wallet and transactions.

Design System

Created reusable cards, buttons, filters, tabs, financial summaries and status patterns across the app.

UX Content

Wrote clearer copy for rules, empty states, errors, confirmations and money-related actions.

Handoff

Prepared structured design files, component states and implementation notes for development.

User Journey

Core User Flow

The product flow was designed to keep one decision in focus at a time, from registration to KYC, contest discovery, team creation and final contest entry.

1Register
2Verify KYC
3Open Home
4Select Match
5Compare Contest Options
6Review Contest
7Create Team
8Confirm Credits
9Add Cash / Join
10Track Transactions

The flow keeps the user focused on one decision at a time — from choosing a contest to building a team and following results.

Design System

Design System

A lightweight design system helped keep the app consistent across registration, contests, team creation, wallet and transaction experiences. Since the product repeats high-stakes actions across many screens, reusable components were essential for scale.

Color Palette

Near Black

Charcoal

Accent Orange

Soft Cream

White

Typography

Inter / Display Grotesk-style hierarchy

Heading — Bold

Body — Regular

Label — Caps

Screen Breakdown

Key Screen Decisions

The most important screens were designed around high-intent decisions: joining a contest, selecting the right team, understanding KYC, trusting wallet balances and tracking money movement.

Home Discovery

Home Discovery

Designed to make upcoming matches, tournament cards and reward opportunities easier to scan from the first scroll.

Upcoming matches grouped into fast-scan cards

Lineups, time and prize signals surfaced early

Promotion banners used to drive timely engagement

Bottom navigation keeps high-frequency actions close

Contest Detail

Contest Detail

Designed to help users compare prize pools, fees, remaining spots and reward structure without losing urgency.

Prize pool gets primary hierarchy

Fee and discount comparison stay near the CTA

Badges compress contest metadata into one row

Slots and remaining spots stay visible under the progress bar

Team Creation

Team Creation

Designed to make role-based player selection feel focused even when users are balancing credits, lineups and deadlines.

Role-based player grouping

Credit balance visibility

Selected player count shown at top

Add/remove actions stay obvious even in dense lists

KYC Verification

KYC Verification

Designed to soften a compliance-heavy flow and make account verification feel much less intimidating for first-time users.

Illustration softens a usually intimidating flow

Each required document is isolated into one action row

Trust and safety messaging appears before verification actions

The sequence gives users a clear sense of progress

Wallet

Wallet

Designed to make real-money actions feel transparent, controlled and easier to trust before a user commits funds.

Deposit, bonus and winnings separated

Add cash and withdraw actions visible

Tax and add-cash breakdown shown inline

Copy focused on clarity and confidence

Transactions

Transactions

Designed to give users a more receipt-like, trustworthy record of winnings, entries and payout-related actions.

Reward slip format adds visual memorability

Entry source and amount breakdown stay transparent

Transaction ID is easy to copy

The receipt-like layout improves trust after payout

Final Output

Final UI Screens

The final interface brings together registration, KYC, match discovery, contest comparison, team creation, wallet management and transactions into one consistent mobile product experience.

Home
Cricket Contest
Create Team
Contest Detail
Team View
Leaderboard
Rewards
Profile

Impact

Outcome

The final design created a more scalable fantasy platform for Six Dreams. Contest browsing became easier to scan, team creation felt more structured, and money-related actions became clearer and more trustworthy.

01

Faster Contest Decisions

Users can compare match cards, prize pools and entry fees much more quickly.

02

Better Contest Scanning

Prize pool, spots, timing and entry fee now sit in a much clearer hierarchy.

03

Guided Team Creation

Player selection feels more structured through role tabs, credits, and add/remove states.

04

Wallet Clarity

Deposit, bonus and winnings are separated to reduce confusion around real-money actions.

05

Trust-Led Product Feel

KYC, receipts, and money breakdowns make the product feel more credible and complete.

Learnings

This project reinforced how much trust design matters in fantasy products. The interface was not only about sports excitement. It also had to support money, compliance and repeated decision-making. My focus was to make those moments feel sharper, calmer and more understandable without losing the energy expected from a fantasy cricket app.

Six Dreams was designed to make contest participation feel quicker, cleaner and more trustworthy for Indian fantasy users.