Cricket Android App

The idea of developing this app was to create an experience for the user that is optimum. Today there are several cricket apps out there in the market but each app has some or the other features missing. This app is supposed to be one-stop-shop for all cricket related stuff covering all the possible aspects.

Design Approach

Before setting about designing the app I referred to Google's new material design guidelines to ensure the app follows the design principles. At the same time it should be in sync with Sportacular app from Yahoo in terms of dark theme as that's the standard preset.

Match Tile – No. of the match tiles in the home screen – all live matches, last three completed matches to the left and next three upcoming matches to the right. The match tile will be anchored to the live match with most recent start. In case there are no live matches, it will be anchored to the latest completed match. Any match tile can be manually refreshed by pulling.

Blue strip – shows the most important information which is rotating such as Toss information, Reviews remaining, Overs left in the day, Current run rate of the innings etc.

Match Summary – Overview of the match tile, batsmen on the crease and commentary view up to 3 overs.

Full Scorecard – The caret next to batsman's name shows the additional information as to how the batsman got out. Clicking on the batman's name or thumb will take the user to player page.

Commentary – If the ball icon is clicked in any over, the commentary will scroll up/ down to that point.

All Series and Matches – Chronologically, if the series involves India, the app will promote those series to the top and similarly for other countries too.

Headers and action shots for other teams in their team colors.

Side Nav (Cuttlefish) – Favorite Team(s) shows suggested teams based on the location of the user. User can add more teams from the list below. 'Done' button saves the teams selected by the user.

Tumblr Mobile

The objective of creating the Tumblr themes was to offer variety of features built within Tumblr platform based on the package client will pick. The basic package aka 'Level 1' will have just the article page. The 'Level 2' will have listing page as well as article detail. In the 'Level 3' client will have the utility to customize the design by changing the font face, color, size and background image etc.

Level 3 theme will further have three distinct navigation styles. 1st level will have vertical navigation style. 2nd level will have horizontal navigation style and 3rd level will have horizontal iconic navigation style.

Here are other two themes of 'Level 3'.

Daily Quiz

This is a mobile web version of the app that is designed in sponsorship with Amazon. User can either connect to Facebook or log in using Yahoo open-id on clicking 'Play Now'.

It's a time based app in which user will be asked 10 questions. To answer each question the maximum time given is 10 secs. Based on how fast the user gives the answer the points will be scored. The lesser time the more points scored.

Landing Screen – Menu to scroll between Help, Play Now and Past Winners.

Game Screen: Time bar (right on the top) – Fills up from left to right for a total time of 10 seconds. Moves alongs a color gradient from green to red. Moves to next question when time is over.

Question dots – Each Dot represents a question. Total dots around the number depict total questions in quiz. Dots light up to green or red after a user completes the question depending on correct or wrong answer respectively. '3' is the score for current quiz.

Answer Screen – If the user selects an incorrect answer, it changes to a red background and the correct answer is highlighted with a green background.

Final Screen – '8' is the total score. Red and Green dots represent the correct and incorrect answers. XML feed from sponsor on prizes that could be won.

Tumblr Mobile

This is a Tumblr mobile site designed for 'Content Marketing' website shown below. It will have the same features as the website. For example, the headline style for 'Holiday in Singapore' will be dynamically created for any content put in by the client. Making the last word as big as the text 'Singapore' and other words will be smaller as 'Holiday in' depending up on the number of words.

Content Marketing Website