Duelit - Mobile Gaming App

Duelit is a social mobile gaming company that allows users to play games and win money using its app. The mobile application provides users with multiple ways to invite their friends or others to join the game, and it also allows players to redeem the coins for real money.

In this project, we redesigned the user experience and upgraded the UI of the app.

The current app’s UI hasn’t been upgraded for two years and its design doesn’t speak to the brand. The app also contains inconsistent design styles and unexpected user flows.

To improve our product design and user experience, I conducted a comprehensive competitive analysis of three competitors in the market whose products are similar to us. The analysis includes a review of key competitors’ product features, visual design, layout, user flows, navigation, and overall user experience.

Here is a summary of the strengths and weaknesses of the three competitors.

This comprehensive competitive analysis provides actionable insights on how we can improve our product design and user experience. The result is presented below.

To provide a more engaging and personalized gaming experience for users by allowing them to adjust the amount they wager on mini-games before they begin.

What is Dynamic Betting?

Dynamic betting refers to the ability for players to adjust the amount they want to wager on a game before it begins. This allows players to choose the level of risk they are comfortable with and potentially increase their chances of winning. The platform would typically take a percentage of the wager as a commission. The app allows players to earn money by playing against other players in these mini-games.

What’s the key feature?

To ensure the competitiveness and engagement of the platform with users, I compared the wager adjustment user interface from the major players in the Online Gambling Platform Market.

Based on the research, wager adjustment can be presented as a combination of BALANCE and BET sections. It can be an adjustable bar or an input box, giving players the freedom to control and adjust the wager either before or during the game.

How to implement the key feature?

To develop a user interface that integrates into the existing mobile app, we want to learn how other apps implement wager adjustment in their games. The current Duelit app offers challenges and tournaments to encourage users to play against other players in mini-games. Therefore, I searched keywords such as 'game with friends' and 'mini-games' on Google Play to better analyze how similar products implement wager adjustment.

Based on the research, there are three ways to implement wager adjustment:

1. 1. Wager adjustment is part of the game level. Players need to bet more to enter the higher level. The higher level needs more wager amount and has bigger wins.

1. 2. Wager amount represents level difficulty. Players need to pick a level difficulty and enter the minimum wager amount before starting a game.
2. 3. Wager adjustment is only in Tournaments. In Tournament mode, players can pick a level difficulty and enter the wager amount before starting a game. More difficult level plus more wager amount equals higher risk and higher reward.

Based on the research and the sitemap, I created four profile screens using our design system color. One of them was selected, after being modified it became the guide for the whole profile section.

The ambiguous user flow was simplified to enhance user experience.

Due to NDA, the specific details about challenge and tournament redesigns can’t be shared until the feature launches publicly.

Download and view the launched app 👉 HERE! 👈

Redesign the activity section to increase playfulness and match it with the new design style. Modify the redeem and coins draw screens to include multiple payment methods. Promote safety awareness during onboarding, on the main game page, and during the redeem process.

Conducting a competitive analysis and specific feature research is an efficient way to define the design direction when redesigning a product. It shortens the amount of time needed in the early design phase while guiding us on the right track.