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
| Category | Detail |
| Visual Refinement | Clean white/black layout with premium gold highlights for brand alignment |
| UX for Player Behavior | Integrated D/W/F/T logic based on frequent actions by players |
| CTA Optimization | Streamlined deposit, withdrawal, and game entry into consolidated flow paths |
| Modular Design Units | Reusable components built for balance display, game cards, and quick actions |
| Dev-Ready Specs | Delivered 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)
