We're Klan

Say Hello

HW Cricket - BannerHW Cricket

HW Cricket

Cricket is one of the most followed and watched sports in the world. Especially in a country like India, it is followed like a religion. How do we make sure that a cricket lover is always connected to the sport, not missing out on any of the action. That’s where the HW Cricket app comes into “Play”.

It is quite literally like being in a room full of friends of different nationalities, as they debate, vent, pontificate, illuminate, rant, grunt …whatever the cricket brings out of them.

HW Cricket - BallHW CricketHW Cricket

Conceptualisation

HoldingWilley has always been "By the fans, for the fans" cricket website. It offers a special experience of enjoying live scores with unique game analysis tools like COW, Form Factor, Dominance etc., tongue-in-cheek cartoons, some wacky tweets & passionate articles from writers across the world. With this app, it tries to give cricket fans what they really deserves!

The motto was to come up with an app that is simple to use, incredibly fast and does not take up tons of space on your phone.

HW Cricket - ConceptualisationHW Cricket - klan

Strategy

The idea was to create an app which is

HW Cricket - watch

FAST

HW Cricket - Lite

LITE

HW Cricket - Innovation - klan

INNOVATIVE

HW Cricket - klan - share

SHAREABLE

Features

What makes this App cool?

COMPACT SCORE CARD

HW Cricket - klan
HW Cricket - klan - compact scroreHW Cricket - klan

FULL SCORE CARD

HW Cricket - klan
HW Cricket - klanHW Cricket - klan

CHANCE OF WINNING ANALYSIS

HW Cricket - klan
HW Cricket - klanHW Cricket - klan

SHARE SCORE CARD

HW Cricket - klan - share
HW Cricket - share scoreHW Cricket - not out

221

Matches

11,128

Runs

61.05

Average

41/59

100/50

HW Cricket - cricket ball

Design

The biggest challenge we faced was to keep the user experience simple. Adding to many complex interactions would defeat the purpose of creating the app.

WIRFRAMES

HW Cricket - wireframe 1
HW Cricket - wireframe 1

Match Cards

HW Cricket - wireframe 3

Compact Score

HW Cricket - wireframe 4

Match Cards

HW Cricket - wireframe 5

Compact Score

COLOUR PALETTE

HW Cricket - Color 1

#38687A

HW Cricket - plus
HW Cricket - Color 2

#4CAF9C

HW Cricket - equal
HW Cricket - Color 3

#38687A ~ #4CAF9C

TYPOGRAPHY

Roboto

Aa

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

( 0 1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * )

DESIGN

Match

Card

Match Card

To easily locate the fixture of your interest, we represented matches as cards on the homescreen.

Compact

Score

Compact Score Card

It’s imperative for a fan to know the latest happenings of the game. We came up with an innovative way of showing the ball-to-ball updates inspired by the over indicator on television. It gave you a quick glance at the latest 6 deliveries bowled in the game.

Sharing

Scores

Sharing Score

The fun of watching a game increases when you have friends for company. Thus we made sharing scores easy by providing a share button right upfront.

Full Score

Card

Match Card

The scorecard design is similar to the conventional score we are used to seeing on TV.

Chance of Winning

COW or the Chance of Winning predictor is the most unique feature of the app. It is a tool built to predict, at the end of each over, the chances each team has of actually going on to win the match. it takes into account all the variables - strength of the teams playing, resources lost, resources left, pitch conditions and well, everything else, distills it down to a single percentage and summarizes the past, present and future of the match in question.

chance of winning
HW Cricket - mobile
HW Cricket - middleware

Creation of a Middleware

The data shown in the app is fetched from the Cricket API. It has a limit on the number of requests allowed in a stipulated period of time. This could restrict the number of users who received the information. To solve this deadlock we came up with the idea of creating a middleware layer. The middleware would make a single request to the API, fetch the data and store it. It would then broadcast this to all the active uses. This ensured that we did not breach the limit and also that no one was left out.

Technology

python
PYTHON
(BACKEND APIS)
Mongodb
MONGODB
(DATABASE)
aws
AWS
(HOSTING PLATFORM)
HW Cricket - Android
ANDROID
(NATIVE)
HW Cricket - ios
IOS
(Native)

We have more to show

Contact Us Hologram

Reject boring?

Lets build something meaningful

CONTACT US