Website UI/UX Optimization

Platform-wide Redesign|Behavior-Based Interaction|Brand-Consistent Visual Upgrade

Quick Project Info

Role: UI/UX Designer & Spec Lead
Year: 2022
Tool: XD, Photoshop, Illustrator
Deliverables: Homepage & My Page UI (Desktop + Mobile), Full Spec System

Project Overview

As part of Brand’s core platform renewal, I led the UI/UX redesign across the homepage, My Page (post-login), Profile settings, and game module systems.

The legacy UI was dense, visually outdated, and lacked a streamlined user flow, making key tasks like credit management and game access difficult for players. Our goal was to upgrade both the visual design and interaction structure to align with modern standards and high-frequency player behavior.


Challenge & Solution

Challenge
How do we redesign a system that allows players to instantly view and manage balances across different game providers, perform deposits/withdrawals/transfers, and maintain a premium brand feel without adding visual clutter?

My Role & Solution

  • Introduced a refined visual style using white/black as base and gold as highlight to emphasize luxury

  • Designed a new My Page interface with detailed balance display by provider + D/W/F/T quick-action buttons:

    • D: Deposit

    • W: Withdraw

    • F: From (transfer from provider)

    • T: To (transfer to provider)

  • Added a wallet filter option to quickly show providers with remaining balances

  • Upgraded Profile page with toggle switches for messaging/notification preferences

  • Designed a dedicated Activity Page and Support Page to help both new and returning users navigate easily

  • Added a “Favorites” feature to game selection UI for fast access to saved titles post-login

Key Interface & UX Upgrades
  • My Page fully redesigned for balance tracking + interaction efficiency
  • Game provider thumbnails unified under structured modular blocks
  • Profile settings updated with personalization controls
  • Support area and campaign access placed prominently in the homepage flow
  • All functions aligned under one scalable design language
Spec-Driven Design Thinking
CategoryDetail
Visual RefinementClean white/black layout with premium gold highlights for brand alignment
UX for Player BehaviorIntegrated D/W/F/T logic based on frequent actions by players
CTA OptimizationStreamlined deposit, withdrawal, and game entry into consolidated flow paths
Modular Design UnitsReusable components built for balance display, game cards, and quick actions
Dev-Ready SpecsDelivered spacing, component states, and interaction specs for seamless handoff
Outcome
  • Improved task efficiency—reduced steps for managing balances and transfers
  • Increased clarity in My Page and Profile zones with focused CTA highlights
  • Strengthened activity and support access points for new and returning users
  • Enhanced player sense of control over funds and gameplay tracking
  • Spec system served as foundation for future UI/UX extensions across the platform
Visual Showcase
  • Legacy UI featured dark-heavy visuals, fragmented structure, and minimal behavioral logic
  • Redesign introduced clear structure for provider balances, quick actions, and player support access
  • System built to scale across all key user flows
Before (Legacy UI)
After (Optimized UI)