Dice Revamp
UX Designer
Soy Kim
2024
DICE² is an innovative event management software tailored to the gaming community.
Project Overview
The original dice platform functions similarly to a ticketing service, focusing on offline activities for young people (e.g., local shows or clubs). Having used this software extensively, we saw clear opportunities to enhance both its visual design and underlying structure to better serve a broader, more modern user base. For example, users often found event titles and times displayed in a way that lacked clarity and consistency.
Moreover, today’s gamers rarely stick to just one title; they engage across multiple games and communities. This means that publicity for niche or private tournaments often struggles to gain traction across disparate social media channels. While certain platforms (like Roblox) excel in unifying gamers, many other titles lack meaningful connectivity. Our goal is to transform dice from a primarily offline ticketing solution into a centralized, connected “meta-universe” of gaming events—where players of different games can discover and participate in a diverse array of events, all from one cohesive platform.
Process and Approach
Low Fidelity Prototypes
Wireframes
User Persona
Natalie (Novice Gamer)
- Background
- New to the gaming scene; plays casually with friends
- Enthusiastic about exploring online gaming events to improve her skills
- New to the gaming scene; plays casually with friends
- Goals
- Discover beginner-friendly events across various games
- Connect with fellow gamers for tips and community support
- Gradually build confidence and improve her gameplay
Ethan (eSports Aspirant)
- Background
- Competitive gamer aspiring to go pro
- Invests significant time practicing and competing online to improve his rank
- Goals
- Easily find and register for upcoming tournaments
- Stay updated on match schedules and real-time results
- Connect with other competitive players and potential sponsors
High-Fidelity Prototype & Visual Mockups
Our updated designs focus on improving clarity, aesthetics, and overall usability. Key contributions include:
- New Frame Style
- Replaced circular frames with rectangular frames featuring rounded corners.
- Creates a unified, modern look and aligns with the design system’s clean lines.
- Improved Readability
- Darkened the lower portion of event backgrounds, ensuring titles and key details stand out.
- Helps maintain clear text visibility across varying screen sizes and layouts.
- Refined Use of White Space
- Adjusted margins and padding to prevent clutter, giving each section sufficient room to breathe.
- Enhances visual hierarchy, making event elements easier to scan and interact with.
Design System
Our design system establishes a cohesive visual identity for dice, ensuring clarity and consistency across every interface element. It is broken down into three main components—color, typography, and iconography—each carefully selected to promote readability, modernity, and a sense of vibrant community.