Redesigning to Leverage Cricket World Cup 2023.

Offside

Redesigning to Leverage Cricket World Cup 2023.

Overview

An online news & community platform for cricket enthusiasts to connect, engage, and share their opinions on their favourite matches, players, and all things cricket. 

Type

Mobile App

Service

UX/UI Design

Duration

8-10 weeks

Business Type

B2C

Type

Mobile App

Service

UX/UI Design

Duration

8-10 weeks

Business Type

B2C

Project Overview

Offside is an online platform for cricket fans where they can play mini-games, connect with other fans, get updates on different matches, and more. The company wanted to upgrade its branding and app design game to connect with a larger audience. 

Problem Statement

Offside wanted us to redesign its web application and make it more responsive to increase user engagement on the platform. 

Objectives

  • Find loopholes & areas of improvement via UX Research.
  • Redesign the user experience to enhance user retention.
  • Create compelling user interface designs to increase user engagement.
  • Design branding assets that will elevate the brand for the upcoming World Cup (CWC’23)

Our Process

To ensure that the project flows smoothly towards completion, we follow the STEP process which is acronymous to Soak, Think, Execute, and Proof.

Process We Followed

The project was divided into three phases, UX Research, UX designing, and UI design. We identified the competitors and recognized ways to position the product.

Research

A thorough competitive analysis was conducted to identify the gaps in the user journey. Based on the UX research, user personas were created.

UX Improvement

Task flows & sitemaps were redesigned to gain higher usability. Based on them, wireframes were created.

UI design

UI moodboard and UI options were created to set the theme of the entire application. After client approval, a design system was created along with the UI screens for the web & mobile app.

Research

Competitor Analysis

A comprehensive competitive analysis helped us find the gaps in the user journey. We also identified which features can be included in the web & mobile application.

Persons

The client wanted us to find the gaps in the current user journey. We needed to understand the features included in the mobile application.

Competitor Analysis

The client wanted us to find the gaps in the current user journey. We needed to understand the features included in the mobile application.

UX Improvement

Task Flow

The following task flows were created to ensure optimum visibility of the best features so that users can find them easily.

Site Map

The Sitemap was redesigned to improve the usability of the application.

Feature List

An improved features list was created to enhance the information architecture of the website & app.

WireFrame

The client wanted us to find the gaps in the current user journey. We needed to understand the features included in the mobile application.

UI Design

Typography

Color palette

Icons

UI Components

UI Screens

Culture Image Culture Image Culture Image Culture Image Culture Image Culture Image Culture Image Culture Image Culture Image Culture Image Culture Image Culture Image Culture Image

Old Design vs New UI Design

Chaayos

Mobile App & Tablet / UX Design / UI Design

BlueEarth

Website / UX Design / UI Design

Chaayos

Mobile App & Tablet / UX Design / UI Design

BlueEarth

Website / UX Design / UI Design