Back返回

System Page

Designing One System, One Language一套系统,一种语言

I led the redesign of the platform's core product experience, creating a unified design system across five primary navigation tabs and dozens of feature modules. Rather than redesigning individual screens, the goal was to establish one visual language that could scale across commerce, community, live operations, player progression and regulated financial services.负责整个产品核心系统的 UI/UX 重构,统一五大主导航及数十个功能模块的设计语言。项目重点不是单个页面优化,而是建立一套能够覆盖商城、社区、赛事运营、玩家成长及金融合规功能的统一设计系统。

Role角色
Lead UI/UX Designer
Scope范围
Design System → 5 Tabs → Feature Systems设计系统 → 五大页签 → 功能系统
Platform平台
Android · iOS
Category类别
Game UI/UX
Stack工具
Midjourney AI · Photoshop · Illustrator · Figma · Blender
5Nav Tabs Covered主导航页签
46Screens Designed设计界面
12Languages Supported支持语言
2Design Rounds迭代轮次
Five Tabs五大页签

Consistency across every destination.一致性,覆盖每个目的地。

Each navigation destination shares the same typography, spacing, card grammar and interaction rules while adapting its content to different user goals. This consistency reduces learning cost and improves navigation confidence throughout the application.五个导航页面统一采用相同的排版、卡片系统、留白及交互规范,根据不同业务场景调整内容表达,在保持一致性的同时降低用户学习成本。

The framework — final round框架 · 定稿轮7
Shop tab with VIP hero and theme packs
Shop商店VIP card on a glowing podium, table features and themes below.VIP 卡立于聚光台上,桌面道具与主题在下方分区。
Tournament lobby with jackpot ticker
Lobby大厅Skinned buy-in pills and event medals ride the tournament list.主题化的买入按钮与活动奖章挂上赛事列表。
Club tab with rakeback tiers and activity stats
Club俱乐部Rakeback as a tiered progress bar, with live activity data.返水做成分档进度条,附实时活跃数据。
Profile tab with balance and actions
Profile个人页Balance, deposit/withdraw/transfer, and the daily entries beneath.余额、存取转三键,下方是高频入口。
Career trophy wall of past events
Career · trophies生涯 · 奖杯墙Past events as a collectible wall — gold earned, grey still waiting.往届活动化作收藏墙——金色已到手,灰色还在等。
Career season achievements with progress
Career · season生涯 · 赛季Season achievements in bronze, silver and gold, each with a progress bar.赛季成就分铜银金三级,各带进度条。
Data report dashboard with poker statistics
Career · data生涯 · 数据VPIP gauge, stat grid and a win/loss bar chart — a résumé in numbers.VPIP 仪表、数据网格与盈亏柱状图——一份数字履历。
Iteration迭代

Designing through continuous refinement.以持续迭代,完成设计。

The redesign shipped in multiple iterations. Initial releases established structure, while later versions refined accessibility, settings, localisation, player analytics and membership experiences without disrupting familiar workflows.整个系统采用持续迭代方式上线。第一阶段建立整体框架,后续版本不断完善设置、多语言、玩家数据、VIP 与可访问性体验,在保持原有使用习惯的同时持续优化细节。

Round one — before the refinements第一轮 · 细化之前4
Shop tab, first iteration
Shop · R1商店 · 一轮The podium concept lands; the header chip comes later.聚光台概念落定;顶栏芯片留待下一轮。
Club tab, first iteration
Club · R1俱乐部 · 一轮Tier bar in place; the data block hasn't arrived yet.档位进度条已就位;数据块尚未登场。
Settings drawer, first iteration
Settings · R1设置 · 一轮The drawer's skeleton — round two adds vibration and policy rows.抽屉的骨架——第二轮补进震动开关与政策条目。
Language selector modal with twelve languages
Language · R1语言 · 一轮Twelve languages in a two-column grid, from day one.十二种语言双列排开,第一天就在。
Monetization商业化

Making commerce understandable.让商业化,清楚易懂。

Membership tiers, item previews, theme packs and expression bundles were organised using clear comparison patterns and live previews. Purchasing decisions become easier because users understand benefits before committing.VIP、主题包、表情包及商品预览统一采用可比较的信息结构与实时预览,让用户在购买前即可清楚理解权益与效果,提高决策效率。

VIP tiers & item economyVIP 档位与道具经济8
Silver, Black and Platinum membership card art
Card art卡面设计Three tiers, three finishes — the assets behind the whole VIP line.三个档位、三种质感——整条 VIP 线的资产原点。
VIP purchase screen with benefit comparison matrix
Benefit matrix权益矩阵Eleven rows, three columns, one decision.十一行权益、三列对比,一个决定。
Game display personalization modal
Game display个性化面板Table theme and card style, previewed live before Done.桌面主题与牌面风格,点 Done 前先实景预览。
Retro Gamer theme pack detail
Theme pack主题包"Retro Gamer" — buy permanent with coins, or ride it free on VIP."Retro Gamer"——金币永久买断,或随 VIP 期限畅用。
Imperial House card style on sale
Card style牌面风格"Imperial House" on sale — gift it or keep it."Imperial House"促销中——可送人,可自留。
Expression sticker pack detail
Expressions表情包A hundred table stickers in one discounted pack.一百枚桌面表情,一包打折带走。
Rabbit reveal item detail
Rabbit兔子道具The "what would have come next" reveal, sold by the month."下一张是什么"的翻牌解密,按月订购。
SpinUp ticket shop item
Tickets门票Event currency with validity windows, priced in coins.带有效期的赛事门票,以金币计价。
Table Tiers牌桌分档

The table tells you what's at stake.赌注多大,看桌子的脸色。

Stake tiers are encoded in color temperature — blue at low stakes through red-gold at the top — while layout, seating, and controls never move. This uses color as an information system: players internalize the code within a session and perceive escalation without reading numbers. It's deliberately economical UX: zero new components, one new convention.注额分档被编码为色温——低注额的蓝,一路到顶级的红金——而布局、座位与控件从不移动。这是把颜色当作信息系统来使用:玩家在一局之内内化这套色码,不读数字也能感知级别攀升。这是刻意节制的 UX:零个新组件,一条新约定。

SpinUp — waiting to $10,000SpinUp · 从候场到一万美元5
SpinUp table waiting for players
Waiting候场One seat filled, prizes up to $10,000 promised overhead.一人落座,头顶悬着"最高 $10,000"。
SpinUp three-player table at three dollars
$3 · blue$3 · 蓝The entry tier, cool and calm.入门档,冷静的蓝。
SpinUp mid-hand at three dollar tier
Mid-hand局中Board, pot and bets under the same tier light.公共牌、底池与下注,都笼在同档灯光下。
SpinUp table glowing green at one hundred dollars
$100 · green$100 · 绿The ring warms up as the multiplier climbs.倍数上探,桌圈开始发热。
SpinUp table in red and gold at ten thousand dollars
$10,000 · red$10,000 · 红Top tier — the table catches fire.顶档——桌子烧起来了。
Live Operations运营系统

Supporting continuous content delivery.支撑持续的内容运营。

A reusable live-ops framework supports campaign posters, missions, leaderboards, rewards and event announcements. Modular layouts enable new campaigns to launch rapidly without rebuilding the interface.建立统一的 LiveOps 框架,支持活动海报、任务系统、排行榜、奖励弹窗及公告页面。模块化设计使后续活动无需重新设计即可快速上线。

Events, missions & leaderboards活动、任务与排行榜8
Society Battle event poster popup
Event poster活动海报"Society Battle" full-screen takeover with campaign carousel."Society Battle"全屏海报,底部带活动轮播。
Weekly leaderboard bonus poster
Weekly bonuses周奖金$22,000 in weekly leaderboard bonuses, one poster to sell it.每周 $22,000 排行榜奖金,一张海报讲清楚。
Japan Autumn seasonal mission track
Mission track任务轨道Japan Autumn: milestone gifts and daily quest cards under Kinkaku-ji.日本之秋:金阁寺下的里程碑礼物与每日任务卡。
Quest list layout with progress bars
Quest list任务列表The flat variant — progress bars and instant claims.扁平版式——进度条与即时领取。
Leaderboard hub with stake-tiered boards
Leaderboard hub排行榜中枢Every format's board in one stadium, tiered by blinds.各玩法榜单同场竞技,按盲注分档。
AOF NLH leaderboard ranking popup
Rankings榜单Points, bonuses and your own row, held in view.积分、奖金与你自己的名次,常驻视野。
Jackpot winners feed
Winners feed得主播报Last 48 hours of jackpot hands — proof the prizes are real.过去 48 小时的奖池牌谱——奖金真实性的现场证据。
Congratulations reward popup
The payoff兑现The reward popup that closes every loop.为每个循环收口的奖励弹窗。
Trust & Compliance信任与合规

Designing for transparency.透明而设计。

Wallets, transfers, rakeback, jackpot structures and responsible gaming tools were designed with information clarity as the highest priority. Complex financial rules are broken into digestible layouts that improve trust while satisfying regulatory requirements.钱包、转账、返水、奖池结构及 Responsible Gaming 等页面均围绕信息透明设计,将复杂规则拆解为易于阅读的层级,提升用户信任并满足合规要求。

Wallet, ledger & compliance钱包、账本与合规9
Points conversion modal
Conversion兑换Points to cash with the rate stated above the slider.积分换现金,汇率写在滑杆上方。
Member transfer counter
Transfer转账Peer transfers under a visible limit.玩家间转账,限额明示。
Transfer record ledger
Ledger流水Every send and receive, searchable by date.每笔收付按日期可查。
Rakeback prize structure tables
Prize structure奖金结构Jackpot percentages by hand and format, fully published.各玩法、各牌型的奖池比例全公开。
Rakeback introduction with worked formulas
The math算给你看Rakeback tiers with worked examples, not just claims.返水档位配完整例题,不止口号。
Inbox with read and unread rows
Inbox收件箱Self-cleaning mail with the retention window stated.自动清理的邮箱,保留期限写明。
Settings drawer, refined round
Settings · R2设置 · 二轮The refined drawer — vibration, anti-corruption and charity rows added.细化后的抽屉——新增震动、反腐与慈善条目。
Responsible Gaming modal
Responsible gaming负责任博彩Cool-off, self-exclusion, deposit and session limits — one tap deep.冷静期、自我排除、存款与时长限制——一步可达。
Language selector, refined round
12 languages十二种语言The refined language grid — one product, twelve markets.细化后的语言网格——一个产品,十二个市场。
The Takeaway总结
Design systems that scale.能扩展的,才叫设计系统。
This project transformed a collection of disconnected interfaces into one scalable product system, improving consistency, usability and development efficiency while providing a flexible foundation for future features.本项目将多个独立页面整合为统一的产品设计系统,在提升一致性、可用性及开发效率的同时,为未来功能扩展建立稳定且可持续的设计基础。
More game projects更多游戏项目
Game Table
Game TableGame UI/UX
March Million
March MillionGame UI/UX
Baobad Charity
Baobad CharityGame UI/UX
Invitees
InviteesGame UI/UX
Achievement
AchievementGame UI/UX