UI Design for Videogames
Interface design that transforms gaming experiences, combining visual aesthetics with strategic functionality
The Value of UI
Impact on Experience
A well-designed interface is invisible when it works correctly, yet critical for player immersion. UI communicates vital information without interrupting gameplay flow, intuitively guiding user decisions.
Monetization & Engagement
In free-to-play games, the design of offers and reward systems directly impacts conversion. An attractive and clear UI can significantly increase engagement and purchase rates.
Casino / Slots Style
Monthly Pass System
Initial Sketch
MONTHLY PASS
30-DAY CALENDAR
DAILY REWARDS
7,000 coins/day
175 VIP points/day
$9.99
Clear progress
visualization
Final Design
Creative Process
The design process began with wireframes focusing on the daily reward calendar as the central element. Early sketches explored different layouts for the 30-day progression, testing various ways to create anticipation and visual interest. The final iteration embraced warm, vibrant colors and golden accents to establish premium value perception.
→
Iterated on calendar grid layouts to maximize visual impact and clarity
→
Tested color palettes to evoke excitement without overwhelming the information hierarchy
→
Refined CTA placement and sizing based on conversion optimization principles
Casino / Slots Style
Starter Pack Offers
Initial Sketch
STARTER PACK OFFERS
Starter
$
1,000,000
+100 VIP pts
$4.99
BUY
MOST POPULAR
Best Value
3,000,000
+300 VIP pts
$9.99
BUY
Best Deal
8,000,000
+750 VIP pts
$19.99
BUY
Visual emphasis
on best value
Final Design
Creative Process
The design started with card-based wireframes, experimenting with different information hierarchies. Multiple sketches explored how to visually differentiate between tiers while maintaining consistency. The breakthrough came when applying psychological pricing principles through strategic badge placement and visual weight distribution, guiding users toward the optimal value proposition.
→
Explored A/B variations of card layouts to optimize decision architecture
→
Designed visual contrast system to naturally highlight the "Most Popular" option
→
Balanced information density with visual breathing room for better comprehension
Pixel Art / Retro
ECHO - Retro Menu System
Initial Sketch
ECHO
decorative
sprite
1 PLAYER
2 PLAYERS
QUIT
8x8 pixel grid constraint
Centered vertical
navigation
Symmetrical
decorations
Palette:
Final Design
Creative Process
Designed for a GameJam. The pixel art aesthetic required careful consideration of legibility at low resolutions. Initial sketches focused on minimal menu structures. The challenge was balancing nostalgic pixel art charm with contemporary clarity standards and fast assets creation. Multiple iterations refined the logo treatment and decorative bat sprites to create atmosphere without cluttering the navigation.
→
Tested various pixel grid constraints to find the sweet spot between retro and readable
→
Developed a limited color palette inspired by classic 16-bit era gaming systems and time restriction.
→
Created symmetrical composition with decorative elements that reinforce game narrative
Style Versatility
Each gaming project demands a unique visual identity. My approach adapts from vibrant casino interfaces to minimalist retro aesthetics, always maintaining functionality and usability as priorities. Stylistic flexibility enables creating experiences that resonate with diverse audiences while upholding fundamental UX principles.
🎨
Visual Adaptability
From casual colorful to hardcore minimalist
⚡
UX Optimization
Flows optimized for each player type
📊
Data-Driven Design
Decisions based on metrics and behavior