Back返回

Game Table

Designing a Scalable Table Experience设计一套可扩展的牌桌体验

I designed a reusable table skin system for a social poker platform, allowing multiple visual themes to share the same gameplay framework. By separating interaction logic from visual presentation, new seasonal experiences could be delivered rapidly without changing player behaviour. The project covers art direction, environment design, table UI, custom playing cards, shop integration and production-ready assets across Android and iOS.负责设计一套可重复使用的扑克牌桌皮肤系统,让多个主题共享同一套游戏框架。通过将交互逻辑与视觉表现分离,在不改变玩家操作习惯的前提下,快速推出不同节日与主题体验。项目涵盖场景美术、牌桌 UI、自定义扑克牌、商城售卖流程及 Android、iOS 上线资源。

Role角色
Lead UI/UX Designer
Scope范围
Art Direction → Table System → Shop艺术方向 → 牌桌系统 → 商店
Platform平台
Android · iOS
Category类别
Game UI/UX
Stack工具
Midjourney AI · Photoshop · Illustrator · Figma · Blender
4Theme Worlds主题世界
3Scene Layers场景图层
$2.99–14.99Pricing Ladder定价阶梯
LIVEShipped In-App已上线实装
Overview概览

One framework, multiple worlds.一套框架,多个世界。

Every theme was built on the same table geometry, interaction zones and gameplay layout. This modular approach reduced development cost while allowing art direction to evolve independently across Dia de Muertos, Arcade, Japanese and Circus themes.所有主题共用相同的牌桌几何结构、交互区域与玩法布局。模块化设计降低了开发成本,同时让美术风格能够自由扩展到亡灵节、街机、日本及马戏团等不同主题。

Día de Muertos presentation board — gameplay mock, table render and full deck
Environment Build场景搭建

Layered environment design.分层的场景设计。

The scene was constructed in reusable layers: environment, table surface and gameplay UI. Separating these assets enabled rapid iteration, simplified implementation and ensured visual consistency throughout production.整个场景采用环境、牌桌、游戏 UI 三层结构设计。通过图层拆分,实现快速迭代、便于开发整合,并保证最终上线版本保持一致的视觉质量。

Shipped proof上线实证1
Production screenshot of the Day of the Dead table live in-app
The same scene, captured live in the production app.同一场景,线上产品内的真实截屏。
In Play局内

Designing for readability first.可读性,永远第一。

Custom playing cards, table textures and decorative assets were evaluated under real gameplay conditions. Card values, betting controls and player positions always remained the primary visual focus, ensuring themed visuals enhanced rather than distracted from gameplay.所有自定义扑克牌、牌桌纹理及装饰元素均在真实牌局中进行验证。确保牌面、下注按钮及玩家信息始终保持最高可读性,让主题氛围服务于游戏,而不是影响操作体验。

Table states牌桌状态3
Empty themed table waiting for players
Waiting待局The empty state — blinds, positions and the room to itself.空桌状态——盲注、座次,房间独享。
Full eight-seat ring with themed community cards
Full ring满座Eight seats, themed board cards, a 71K pot in the middle.八人满座,主题公共牌,桌心堆着 7.1 万的底池。
Hole cards revealed showing custom skeleton queens
The reveal亮牌Pocket queens, in skeleton dress — legible before they're decorative.一对王后,骷髅装束——先保可读,再谈装饰。
Shop Experience商店体验

From theme discovery to purchase.从发现主题,到完成购买。

The purchase journey was designed as a complete conversion flow, connecting lobby banners, event notices, product previews, pricing hierarchy and purchase confirmation. Every item was previewed exactly as it would appear during gameplay to increase purchase confidence.购买流程被设计为完整的转化体验,串联大厅 Banner、活动公告、商品预览、价格层级及购买确认。所有商品均采用真实游戏效果展示,帮助玩家建立购买信心并降低决策成本。

Event → offer → purchase活动 → 报价 → 购买6
Lobby with Día de Muertos limited-time offer banner
Lobby takeover大厅接管The limited-time offer rides the live tournament lobby.限时优惠横幅驻进实时赛事大厅。
Notice popup with bundle price anchoring
Price anchor价格锚点$16.98 struck through to $14.99 — the bundle math made visible.$16.98 划掉换 $14.99——套装的账当面算给你看。
Shop grid with theme packs
Shop shelf商店货架The event items merchandised among the other theme packs.活动商品与其他主题包同架陈列。
Festival of Souls table skin purchase modal
Table · $9.99牌桌 · $9.99"Festival of Souls" — a top-down preview of exactly what you get."Festival of Souls"——俯视预览,所见即所得。
Calavera deck purchase modal
Deck · $2.99牌面 · $2.99"Calavera" — the skeleton court cards fanned for inspection."Calavera"——骷髅人头牌展开供你验货。
Day of the Dead bundle purchase modal
Bundle · $14.99套装 · $14.99Table and deck together — the anchor's payoff.牌桌加牌面打包——价格锚点的落点。
Supporting event surfaces配套活动界面2
Tournament game info popup with themed banner
Game info赛事详情The themed freeroll's structure sheet and register CTA.主题免费赛的结构表与报名按钮。
MTT winner result card
Winner card冠军结算卡Rank one on the themed stage — the season's closing shot.主题舞台上的第一名——这一季的收尾镜头。
Scalability可扩展性

Scaling through design systems.靠设计系统,完成扩展。

Because the interaction framework never changed, future themes required only new visual assets instead of rebuilding the interface. This significantly improved production efficiency while maintaining consistent usability across every release.由于交互框架始终保持一致,新主题只需替换视觉资源,无需重新设计整个界面,大幅提升后续活动开发效率,同时保持所有版本一致的用户体验。

The Takeaway总结
Build the system once, expand forever.系统建一次,扩展到永远。
Instead of creating individual table skins, this project established a scalable UI framework that separates gameplay logic from visual identity, enabling rapid seasonal updates while preserving usability, consistency and engineering efficiency.本项目不仅设计了多个牌桌皮肤,更建立了一套可扩展的 UI 系统,将玩法逻辑与视觉风格解耦,实现快速推出新主题,同时保持一致的交互体验、品牌语言与开发效率。
More game projects更多游戏项目
March Million
March MillionGame UI/UX
Halloween
HalloweenGame UI/UX
Achievement
AchievementGame UI/UX
System Page
System PageGame UI/UX
Poster
PosterGame UI/UX