YOBET APP 01-UI/UX DESIGN
- CLIENT: YOBET-ONLINE GAME COMPANY (CHINA)
- PLATFORM: IOS & Android mobile & html 5
- TARGET USER: ONLINE CASINO & SPORTS BETTING CHINESE USERS IN ASIA
■OVERVIEW:
YOBET is a new online gaming startup company with 50 people team based in Kuala Lumpur, offering a wide range of market leading online gaming, casino and sports betting services for large amount of Chinese gaming app users. Our UI/UX design team spent one year to accomplish three versions of the website and app. We developed the product from zero to 100% and published online for over 1000 Chinese users in Asia, and kept improving our website and app for the better user experience, and we kept pursuing a better and better visual experience.
■CHALLENGE & SOLUTION:
The biggest challenge was that There are a few competitors from big online gaming companies in Asia, so we need to learn from them and establish a better one to appeal to other users. Another big difficulty is dealing with the composition of those complicated information of sport betting statistics. The third challenge is how to keep the users reading comfortably for a long time during the sport betting and playing games. We not only did the color scheme research of the new brand identity to get a more refreshing product look among other apps, and tried a lot of versions of fonts, layouts to prioritize information reading sequence, and also achieve the aesthetics perfection. In the final decision, we chose to keep two kinds of color backgrounds which are the dark night color version and day light version, to let users freely switch their favorite mode during playing games in order to give a more comfortable reading experience, and it was a very innovative and exciting user experience between those competitors’ apps.
YOBET is a new online gaming startup company with 50 people team based in Kuala Lumpur, offering a wide range of market leading online gaming, casino and sports betting services for large amount of Chinese gaming app users. Our UI/UX design team spent one year to accomplish three versions of the website and app. We developed the product from zero to 100% and published online for over 1000 Chinese users in Asia, and kept improving our website and app for the better user experience, and we kept pursuing a better and better visual experience.
■CHALLENGE & SOLUTION:
The biggest challenge was that There are a few competitors from big online gaming companies in Asia, so we need to learn from them and establish a better one to appeal to other users. Another big difficulty is dealing with the composition of those complicated information of sport betting statistics. The third challenge is how to keep the users reading comfortably for a long time during the sport betting and playing games. We not only did the color scheme research of the new brand identity to get a more refreshing product look among other apps, and tried a lot of versions of fonts, layouts to prioritize information reading sequence, and also achieve the aesthetics perfection. In the final decision, we chose to keep two kinds of color backgrounds which are the dark night color version and day light version, to let users freely switch their favorite mode during playing games in order to give a more comfortable reading experience, and it was a very innovative and exciting user experience between those competitors’ apps.
Challenge 01
How to make a more stunning app than other competitors to capture users' eyes
Challenge 02
How to prioritize those complicated sport game betting statistics
Challenge 03
How to keep the users reading comfortably for a long time and don't feel tired
Our Solution
We made an innovation design which is two kinds of color modes( dark night color version and day light version)
to let users freely switch their favorite mode during playing games to give a more comfortable reading experience.
At the same time, we still put efforts to achieve the aesthetics perfection.
We made an innovation design which is two kinds of color modes( dark night color version and day light version)
to let users freely switch their favorite mode during playing games to give a more comfortable reading experience.
At the same time, we still put efforts to achieve the aesthetics perfection.
▲User Persona Building
Although we are a startup company, but our market manager and project manager who are experienced with this sport gaming and online casino industry. They leads us to do user research and competitor's product research. We build up a user persona which is the middle class Chinese sport lover, especially with some established career. They have some time and money to pursue more entertainment and make more money. Their key motivation for using our product are social pressure with money-making and family.
Although we are a startup company, but our market manager and project manager who are experienced with this sport gaming and online casino industry. They leads us to do user research and competitor's product research. We build up a user persona which is the middle class Chinese sport lover, especially with some established career. They have some time and money to pursue more entertainment and make more money. Their key motivation for using our product are social pressure with money-making and family.
▲Visualization process with sketch wireframes
▲Design beginning process : APP Wireframe
▲The color plan experiment stage
We tried a lot of versions of fonts, layouts to prioritize information reading sequence, and also achieve the aesthetics perfection. There are a lot of score numbers and sport teams information to show. It also took a lot of effort to try different color matching and layout compositions for reading order of lots of information.
We tried a lot of versions of fonts, layouts to prioritize information reading sequence, and also achieve the aesthetics perfection. There are a lot of score numbers and sport teams information to show. It also took a lot of effort to try different color matching and layout compositions for reading order of lots of information.
▲Two color versions-- Landing page sample
We chose keep two kinds of color background which are the dark night color version and day light version, to let users freely switch their favorite mode during playing games in order to give a more comfortable reading experience, and it was a very innovative and exciting user experience between those competitors’ apps.
We chose keep two kinds of color background which are the dark night color version and day light version, to let users freely switch their favorite mode during playing games in order to give a more comfortable reading experience, and it was a very innovative and exciting user experience between those competitors’ apps.
▲Two color versions-- personal account page sample
▲FINAL DESIGN: Day light versions APP
▲FINAL DESIGN: Dark night versions APP
REFLECTION
I am the UI/UX designer working with a small team about 2 or 3 designers to accomplish app/web design. I have experience from end to end design process, so I really went through the very beginning stage of case study, user flow, wireframe, mockup, color plan, brand identity design, to prototyping, and cooperated with other front end developers to publish online to more than 1000 game users in Asia. We also proceeded to the promotion stage on TV or other social media platforms for commercial design, and then went to redesign stages from clients feedback to the second and third versions of the app. The website and app got very good feedback and I am especially good at prototyping and controlling all the visual components and motion graphics, and I can add more interactive elements to our design to make the user experience more stunning. This project achievement is what I am really proud of because I witnessed how it went through the whole process and is really widely used by the public.