Pig-A-Boom reimagines the traditional crash-style game with added layers of interactivity, from Mystery Drops and coin collection to Hero-based rewards. Developed for web and mobile, the game prioritizes quick comprehension, fluid interactions, and a social feel through its live features.
Problem
The existing design was visually overwhelming, making it difficult for users to navigate. The presentation of booster bonuses lacked clarity, leading to confusion about their purpose and value. Overall, the interface felt unintuitive and hard to use, resulting in a poor user experience.
Research
Solution
To address the issues of visual overload, unclear booster bonuses, and overall usability, the redesign focused on creating a cleaner, more intuitive interface.
Reduced Visual Clutter: The new design adopts a minimalistic style with more breathing space, softer gradients, and a calmer color palette, making it easier for users to focus on the core gameplay.
Clearer Information Hierarchy: Key elements such as the bet, cashout, and multiplier are now presented more prominently and consistently, ensuring players can quickly understand the most important actions and outcomes.
Simplified Bonus Display: Booster options are streamlined and aligned at the bottom, making them easier to recognize and compare without distracting from the main screen.
Wireframes
The following wireframe proposals were developed to examine alternative layout structures for the gameplay interface. Each variation considers the optimal placement of core elements, including the gameplay area, player list, balance display, and betting controls.
UI KIT
The UI color palette was developed to ensure clarity, accessibility, and brand consistency across all components.Each color includes 400 and 600 variants to support different states (default, hover, active) and maintain visual hierarchy. The system is designed for scalability and tokenized in Figma, ensuring consistent use across responsive layouts.
The icon set was designed to be clear, consistent, and instantly recognizable across the game interface. Each icon uses a balanced line weight, rounded corners, and simplified forms to maintain legibility at small sizes. A neutral stroke color is used for standard states, while key gameplay actions and unique features are highlighted with brand accent colors.
Typography
Nunito is a well-balanced sans-serif typeface designed for both readability and personality. Its rounded terminals give it a warm, approachable feel, making it perfect for digital interfaces, branding, and editorial use.
