Company/CLient

SportingBet & Betboo

REQUIREMENT

The Vault Cracker project involves creating an interactive safe-cracking game where players predict a 6-digit code. The game features a promotional page, EDS capability, prize table, animations, and customizable assets. Players engage via Hi-Lo predictions for rewards.

Role

As a UX/UI designer, my role was to design an interactive Vault Cracker game where players predict a 6-digit code using Hi-Lo mechanics. The project included designing a promo page, EDS integration, prize table, animations, and customizable assets for an engaging user experience.

TOOLBOX

Figma

Project Brief

I had a kickoff meeting with the project manager to discuss the requirements, timeframes, and project scope to clarify objectives. The meeting provided insights into project goals, limitations, and strategies for improving user experience, architecture, and conversions.

DESIGN PROCESS

In this project, we adopted the design thinking iterative process as this method allows us to understand our users and create innovative solutions through iterative prototyping and testing.

EMPATHISE

I needed to gather comprehensive insights about our target users and competitors to inform the design of Vault Cracker. To achieve this, I conducted a detailed competitive analysis and surveyed our target users.

COMPETITIVE ANALYSIS

My analysis reviewed games like Bet365’s Hi-Lo, 888casino’s Pick a Safe, and PartyCasino’s Spin the Wheel. These games featured simple mechanics, quick rewards, and limited customization. This research identified opportunities to improve player engagement, customizability, and interactivity for the design of the Vault Cracker game.

USER SURVEY

In addition to analyzing competitors, I surveyed a diverse group of target users to understand their preferences, motivations, and pain points when engaging with similar games. The findings highlighted a desire for greater reward transparency, intuitive mechanics, and personalized experiences, which informed the development of features and mechanics for Vault Cracker.

DEFINE

USER PERSONA

From the research, I developed a persona to reflect our user’s key goals and frustrations.

IDEATE

USERFLOW

For the Vault Cracker game, I collaborated with the project manager to map out the complete user journey. We identified the key entry points, the steps required for users to begin and navigate the game, and the final actions leading to either a completed game or a prize win.

The User Flow includes:

  1. Entry Points: Identifying how users access the game.
  2. Game Start: Steps guiding users through the initial game setup, including displaying instructions and allowing users to make their first Hi-Lo prediction.
  3. Game Completion: Detailing how users progress through each Hi-Lo decision until they crack the safe or fail.
  4. Prize Win: Outlining the process for rewarding players if they successfully predict the entire code and crack the vault.

This user flow ensures a streamlined and intuitive experience, guiding users seamlessly from the entry point to the final prize. Below is a visual representation of the user flow for this project:

PROTOTYPE & TESTING

WIREFRAMES

As part of the design process for the Vault Cracker game, I created wireframes to visualize the layout and structure of the game interface. The wireframes focused on providing a clear, intuitive user experience, ensuring smooth navigation through the different stages of gameplay.

UI DESIGN

The UI design for the Vault Cracker game focused on creating an engaging, visually appealing, and user-friendly interface. I ensured that the visual elements aligned with the game’s theme while providing a seamless experience for users. Additionally, I collaborated with a graphic designer to create the game’s graphics, ensuring consistency between the visual and functional aspects of the design.

DESKTOP VERSION

I then developed a desktop version of the Vault Cracker game, designed specifically for screens with a 1920×1080 resolution. The layout was optimized for a larger display, ensuring that all interactive elements, animations, and visuals were clear and easily accessible. The desktop version offered an enhanced user experience with more space for rich visual elements and seamless gameplay, maintaining the game’s responsive design while maximizing the potential of a full-sized screen.

TESTING

Once the initial prototypes for Vault Cracker were created, I entered the testing phase to validate our design decisions. This process involved usability testing sessions with a sample of target users who were familiar with similar games.

KEY STEPS IN THE TESTING PHASE
  1. Usability Testing:
    I conducted remote and in-person testing sessions where users interacted with the prototype. Their actions, reactions, and feedback were recorded to identify pain points, usability challenges, and areas of confusion. I collaborated closely with the Project Manager to design scenarios and tasks for these tests, ensuring alignment with project objectives.

  2. Feedback Analysis:
    Insights from the testing phase highlighted specific areas needing improvement, such as unclear reward progression and overly complicated navigation. Users also provided suggestions for enhancing engagement, such as adding visual cues and simplifying game mechanics.

  3. Iterative Improvements:
    Based on the feedback, we entered an iterative process to refine the design. This included:

    • Simplifying the reward structure for better clarity.
    • Enhancing visual indicators to guide users through the game.
    • Addressing navigation challenges by reworking the layout.

  4. Re-testing:
    Updated prototypes were tested again to ensure that the adjustments met user expectations and resolved the identified issues. This cycle was repeated until the design achieved a balance between usability and engagement.

Outcome of Testing:

The iterative testing process ensured that the final design was intuitive, engaging, and aligned with user preferences. The feedback-driven approach also helped us build a product that resonated with players while minimizing friction in gameplay.

DELIVERY

The Vault Cracker game was delivered on time, meeting all project requirements and goals. We ensured that both the desktop and responsive versions were fully functional, tested, and optimized for performance. The final delivery included all design assets, user flows, wireframes, UI designs, and the complete game implementation, ready for launch in alignment with the Q4 go-live target.Â

Hi-Lo Game Mechanic

Players predict whether the next number in a sequence is higher or lower to crack the vault and win rewards.

Customizable EDS Integration

Marketing teams can configure tasks (e.g., wager, deposit) to allow players to earn additional turns.

Prize Table and Reward System

A fully customizable prize table showing available rewards, accessible through the promo page.

Interactive Animations and Sounds

Engaging animations and sound effects for game feedback, vault openings, and player interactions, with options to mute/unmute.

OUTCOME

Increased retention rates by 22%, boosted Gross Gaming Revenue (GGR) by 10%, and improved the average number of play days (APDs) by 15% through intuitive UX design that kept users engaged and returning to the platform regularly.