Engage the User With Good Experience!

In the times where the number of users and their data decide the success of a brand or product, Lollypop, a UX-UI studio from Bangaluru, helping create engaging digital products for their clients. Here we have underlined a few of them.
Engage the User With Good Experience!
Cricket.com
Cricket.com

Cricket.com

Client:

Cricket.com

Platform

Mobile, Web

The Challenge

Cricket in India is more than just the sport, so it was a great challenge to meet the expectations of cricket fans while correctly identifying their pain points. Also, cutting through the strong competition and shifting a larger user base to cricket.com became another challenge.

Cricket.com
Cricket.com
Cricket.com
Cricket.com

Being information and data-heavy site with modules such as news, media, match stats and prediction engine; it was critical to creating a logical information structure and data grouping for the ease of understanding.

Cricket.com - Mobile
Cricket.com - Mobile
Define

After research, the team came up with a logical grouping based on the interests of users. Research also highlighted that users had a higher player eccentricity. Also to capture the attention of every user group within the first five seconds, the relevant information was provided in the first scroll of the app.

Cricket.com
Cricket.com
Cricket.com
Cricket.com
Design

A card-based layout has been selected to provide a clear understanding of different types of information. Since it was a data-heavy website with different stats and matches, it became easier to guide users with a card-based layout.

Also, strict grid lines were maintained across the mobile and web app version to help reduce the development time while maintaining design consistency. Used Oswald, a google font for its greater readability for numbers. And Montserrat has been used for the text as its geometric curve, it compliments Oswald well.

PocketBits

Client

PocketBits

Platform

Mobile, Web

Pocket Bits - Mobile App
Pocket Bits - Mobile App
Pocket Bits Colours
Pocket Bits Colours
The Challenge

Initially, it was a challenge to understand the in-depth working of the Cryptocurrency world. Also, while most Indians were aware of the concept of cryptocurrency, the uncertainty, doubts, speculations, and reservations were dominant instincts and hence, the user base was still hesitant about trading in it. While many cryptocurrency apps were existent, none were catering to the Indian common man.

Pocket Bits - Typography
Pocket Bits - Typography
Pocket Bits - Icons
Pocket Bits - Icons
Define

To overcome the challenge of how the user would accept this fresh concept, workshops and exercises were conducted to empathise with the user. Since this space was up-and-coming, there were no solid results to rely on. So the whole process was immensely iterative, with countless feedback loops.

A structure was designed that boasts of an uncomplicated 3-step onboarding process. And also the buying and selling virtual currency has never been quicker!

Pocket Bits - Wireframes
Pocket Bits - Wireframes
Pocket Bits - Screen2
Pocket Bits - Screen2
Design

A new-age visual language was chosen to disrupt the Cryptocurrency domain. The logo design also played an important role in this. The logo was conceptualised on the 'infinite possibilities' that were at hand, hence the infinity symbol was united with the letters ‘P’ and ‘b’ (‘P’ and ‘b’ from PocketBits) to create the logomark.

A platform that displays a lot of text, especially numbers, needed to be easy on the eye, hence the softer colours such as aqua and magenta pastel were used across. For better readability, the font ‘Titilium Web’ was used as it has good line spacing and can be read even with the smaller sizes.

The unique and vibrant infographics were used for breaking the monotony of numbers; these illustrations not only ease understanding but also grab the user’s attention instantly.

logo
Creative Gaga
www.creativegaga.com