Juice Reel
Mobile app design for those sport betting enthusiasts.
Client: Juice Reel
Role: UI Designer
Toolkit: Figma, Adobe Illustrator, Google Meet
Duration: 6 Weeks
Background: Juice Reel is an innovative sports betting app that lets users explore betting options, place bets, and track their results in real-time. Featuring detailed statistics and analytics, it provides the insights needed for smart betting decisions.
Challenge
The challenge was to revamp the app with a new color palette and layout to improve navigation for both new and existing users. The client also wanted to explore how micro-interactions could enhance the user experience. I was encouraged to approach the design with creativity and innovation.
My Impact
I contributed by designing the insights and sort-and-filter screens, where I introduced a new, more accessible color palette to improve usability. I engaged in iterative feedback sessions with the client to refine these designs, ensuring they met both aesthetic and functional goals.
The primary goals for the project were to design a few screens that show the following:
Redesign of the 6 buttons (all games, arbitrage, lock finder, my reveals, prop search, juicer picks)
Show top-performing bettor KPIs
Display rankings, ROI, Win %, Profit, Loss amount, Unit size
How to unlock and reveal bets
Add a bottom navbar with icons
Sort & filtering system which includes sports, odds, games, number of legs, bet format
Using a dark theme color for the design
Color Palette
The design of the application featured a predominantly dark color scheme, which initially caught my attention. However, upon closer examination, I discovered that certain colors posed accessibility challenges. Specifically, the yellow did not meet minimum contrast standards, and the blue required further improvement. Addressing these issues is crucial for enhancing the usability of the application, especially for users with visual impairments. As a result, I proposed a set of color recommendations to the client, who welcomed and appreciated my expert input.
Current Design
First Iteration
This was my first attempt to design a screen. On this screen, you can see a list of top-performing bettors based on an array of KPIs and can unlock using juice points currency and able to see what the top-performing users bet on. The client preferred to stick with their color scheme in version 2 and they were happy with the contrast updates.
Second Iteration
My second iteration the client wanted me to focus on adding larger buttons and filtering button. I added 2 versions of the 6 main buttons at the top and two filtering button options. The client expressed he liked the top buttons on the V1 and prefers the larger sort and filter button of V2.
Third Iteration
The client requested an experiment with bettors' stats to make the platform more engaging for users. I added information on the teams playing against each other and included the time and date of the games. The UI was also revamped, with particular attention given to the design of the buttons. This was the final iteration I presented to the client for review. He selected V1 because he liked the appeal of the buttons and the VS thunderbolt design.
Redeem Points V1
How a user can redeem their juice points after making a purchase. Then user has the option to reveal a bet linked to their purchase.
Once redeemed, the system sends a receipt to the user, providing a digital experience similar to what they'd receive in a physical store, ensuring the user gets clear confirmation of their purchase and redemption.
Redeem Points V2
Here’s another version of the point redemption process, featuring a completely different layout design. The client requested this alternative design to compare the two and determine which one better fits their preferences and overall vision.
Sort & Filtering Options V2
The sort and filtering was the most complex screens I designed for this project. I had to maintain a lot of continuous back and fourth communication in order to complete these screens. In the end I was able to come up with two variations for the filtering system.
Usability Testing
I created a testing script to determine if my designs were heading in the right direction. I recruited and interviewed 3 users from usertesting.com and 2 in-person sports enthusiasts to see if they could complete the tasks I assigned.
Tasks:
1. Redeem Juice points to see the popular bettors bet on the leader boards.
2. Filter by a specific sport and team.
3. Reveal a previous bet purchase you have already done.
Based on overall findings:
The users in my testing did not experience any critical issues. Since they were all able to complete all the tasks I gave them. Most of the issues found were regarding adding more information to help the user understand what they did accomplish here in more detail.
Conclusion
In conclusion, this project presented a unique challenge for me, as I had no prior experience in the sports genre. Despite this, I was able to successfully complete all the client's design requests. Throughout the project, I remained committed to gaining the knowledge necessary to build a successful application. I asked the right questions and used my skills to deliver a final product that met the client's expectations. This project highlights the importance of being open-minded and willing to learn new skills to take on unique challenges.
Reached the end? Plot twist—there’s more to see!
