Project View

Role - UI / UX / Mobile App Designer
Team Size - 3

A fantasy league game app for Sports – Cricket and Football having Login with mobile number and OTP, Player wallet feature with bonus chips offered by the platform and Free leagues and paid leagues to choose from options

Features Include
  • Login with mobile number and OTP
  • Sports – Cricket and Football
 
  • Player wallet feature with bonus chips offered by the platform
  • Free leagues and paid leagues to choose from options

Work Flow of Fantasy League Game Mobile App

Clear Information Architecture / User Simple Work Flow

Work Flow

Design Process

Ideation / Crafting Pixels / Supporting Developers
  • Discussion with Stakeholder
  • Use case analysis
  • Design Work Flow
  • Design Wireframe
  • Design Mockup and Prototyping.
  • Usability test and design modifications
  • Presentation
design process of Fantasy League Game Mobile App

Wireframe

Simple UI / UX Design

UI Design Elements

Meticulously Designed UI Elements
Colors
Element Color Code Color
Dark Blue #10205b #10205b
Light Blue #182c79 #182c79
Red #e31d3e #e31d3e
Yellow Shade 1 #ffd400 #ffd400
Yellow Shade 2 #ff9f00 #ff9f00
Typography
Used Description
Logo Font - Fantasy Pacifico
Logo Font - League Berlin Sans FB
Font - Text Ubuntu Regular
Web Icon Font Awesome
Buttons
Button type 1 light blue button
Background Color #0388ed
Font Ubuntu Regular
Font Color #fff
Font Size 30px
Border Radius 25px
Button type 2 light red button
Background Color #ff4d4d
Font Ubuntu Regular
Font Color #fff
Font Size 30px
Border Radius 25px
Button type 3 light orange button
Background Color #ff7200
Font Ubuntu Regular
Font Color #fff
Font Size 30px
Border Radius 25px

Mockup Designs

Simple UI / UX Design | You can view in large scale or download designs

01-Welcome-Screen
02-Select-Game
03-Login-Mobile-Number
04-Login-OTP-Verify
05-Choose-League
06-Wallet

Tools Used

My Best Knowledge Skills Use to Design Project
Job Use Tools Version
Gathering Requirement Email, Phone, Skype Google Drive to transfer data
Wireframe Design Axure RP9
Mockups and Images Design Photoshop CS5.5
User Mobile Testing Andriod Mobile Manual
Presentation Online Online