Baobad Charity

Designing Social Impact Through Play用游戏，设计社会影响力

I designed a charity experience that integrates directly into the core gameplay of a social poker platform. Instead of interrupting the player journey, the feature transforms everyday play into meaningful contributions through an intuitive reward loop. The project combines UX strategy, behavioural design, visual storytelling and gamification to encourage participation while maintaining transparency, trust and long-term engagement.我设计了一套深度融合于社交扑克产品中的公益体验，让玩家无需离开原有游戏流程，即可通过日常游戏行为持续参与公益。整个项目结合了 UX 策略、行为设计、视觉叙事与游戏化机制，在保证公益透明度与可信度的同时，提升玩家持续参与意愿，并建立长期的情感连接。

Role角色: Lead UI/UX Designer
Scope范围: Event Concept → Illustration → UI活动概念 → 插画 → 界面
Platform平台: Android · iOS
Category类别: Game UI/UX
Stack工具: Midjourney AI · Photoshop · Illustrator · Figma · Blender

3Charity Projects慈善项目

22Screens & States界面与状态

500KSeeds to a Goal单项目标种子

0→100%Tree Fills With Colour树随进度上色

↳ Donation Loop捐赠闭环

Designing a reward loop that feels meaningful.设计一条有意义感的奖励闭环。

The interaction flow was simplified into a clear sequence: discover, browse, donate and receive feedback. Familiar poker terminology such as CHECK and ALL IN reduced learning effort while reinforcing thematic consistency.整个交互流程被简化为「发现、浏览、捐赠、反馈」四个步骤，并借用扑克中熟悉的 CHECK、ALL IN 等操作语言，降低学习成本并保持产品一致性。

⊞ Entry入口

Meeting players where they already are.在玩家本来就在的地方接住他们。

The entry points were intentionally distributed across high-frequency touchpoints including lobby banners, floating badges, settings and onboarding popups. Rather than asking users to search for the feature, the experience naturally appears within existing behaviours.入口设计分布于大厅 Banner、浮动徽章、系统设置及新手引导等高频触点，让玩家无需主动寻找即可自然接触公益功能。

Multiple visual styles were explored to evaluate emotional resonance while preserving brand consistency.同时探索插画与真实摄影两种视觉方向，在保证品牌统一性的前提下测试不同情感表达效果。

Entry points & intro popups入口与开场弹窗5

Poker lobby with floating Play to Donate seed badge — Lobby badge大厅徽章The green seed icon rides the lobby's floating event rail.绿色种子图标挂在大厅浮动活动栏上。

Lobby carousel banner broadcasting a donation — Social proof社会证明The rotating banner announces each player's donation to the room.轮播横幅向全场播报每位玩家的捐赠。

Settings menu with Charity Collaboration entry — Settings entry设置入口A seedling row sits permanently among the app's system items.一行小树苗，常驻在系统设置项之间。

✦ Project Cards项目卡

Making progress visible.让进度，被看见。

Three charity categories share one modular card system while remaining instantly distinguishable through colour, illustration and progress indicators. Growth is represented by the evolving baobab tree instead of a conventional progress bar, strengthening emotional engagement.三种公益项目采用统一卡片系统，并利用颜色、树木形态及进度环快速建立识别。项目成长不再依赖传统进度条，而是让猴面包树逐渐成长，使公益成果更具生命力与情感价值。

Project cards — empty to 88%项目卡 · 从空到 88%6

Youth Education project card at zero — Zero state零状态An uncoloured papercut tree, waiting for its first seeds.未上色的剪纸树，等待第一批种子。

Cultural Advancement card in early progress — Early progress起步880 of 1,000 — the pilot-scale goal ticking up.880 / 1,000——试点规模的目标在上跳。

Youth Education card at 88 percent, pink tree — Youth Education青年教育Pink rises through the branches at 88%.粉色在 88% 处漫过枝头。

Nature Protection card at 88 percent, blue tree — Nature Protection自然保护Blue, with butterflies in the canopy.蓝色，树冠间停着蝴蝶。

Cultural Advancement card at 88 percent, purple tree — Cultural Advancement文化发展Purple, on a taller column-trunk species.紫色，换了一种高柱状树形。

Project card with seven-digit seed counters — Number stress test数字压力测试8,791,200 / 9,990,000 — the layout holds at seven digits.8,791,200 / 9,990,000——七位数下版式依然稳住。

◈ Donation捐赠

Three tooltips, then your name on the tree.三步引导，然后树上有了你的名字。

Immediate acknowledgement and return actions encourage repeated participation without disrupting gameplay.即时反馈及继续参与按钮帮助玩家形成持续循环，而不会打断原有游戏体验。

Onboarding & donation feedback引导与捐赠反馈5

Onboarding tooltip pointing at the project card — Step 1第一步"The Charity Project you can support!""这是你可以支持的公益项目！"

Onboarding tooltip pointing at the CHECK button — Step 2第二步CHECK — flip through the other causes.CHECK——翻看其他项目。

Onboarding tooltip pointing at the ALL IN button — Step 3第三步ALL IN — every seed you have, to this one.ALL IN——把手里的种子全捐给它。

Card acknowledging the player's donation — Acknowledged已记名The card carries your contribution where the buttons stood.你的捐赠顶替按钮，留在卡片上。

Donated state with Collect More call to action — Loop back回到循环COLLECT MORE sends you back to the tables to earn again.COLLECT MORE 把你送回牌桌，再赚一轮。

✹ Outcome States结果状态

Designing success — and honest failure.设计成功——也设计诚实的失败。

Completion states celebrate community impact with rich motion and visual transformation, while unfinished projects communicate outcomes honestly instead of hiding failure. Transparency reinforces credibility, an essential principle for charity-focused products.完成状态通过树木成长、庆祝动画及感谢反馈强化公益成果；未完成状态则诚实保留最终结果，而非刻意隐藏失败。这种透明设计进一步建立了公益项目应有的信任感。

Celebration, completed trees & the honest ending庆祝、成树与诚实的结尾6

Goal reached flash frame at 100 percent — 100%100%The flash frame — ring full, sparkles mid-burst.闪光瞬间——进度环走满，星屑正炸开。

Goal reached overlay with thank-you message — Thank you致谢Your donation restated, and a promise to report back.复述你的捐赠，并承诺项目启动时相告。

Nature Protection completed card, blue tree — Finished · blue成树 · 蓝Nature Protection, fully grown.自然保护，长成。

Youth Education completed card, green tree — Finished · green成树 · 绿Youth Education crosses the line.青年教育撞线。

Cultural Advancement completed card, orange tree — Finished · orange成树 · 橙Cultural Advancement completes the triptych.文化发展补全三联画。

Event ended at 88 percent, honest failure state — Event ended活动截止88% and out of time — the sign says so, plainly.88%，时间到——木牌如实写着。

↳ The Takeaway总结

Designing progress that feels alive.让进度，像活物一样生长。

The project demonstrates how behavioural design, gamification and visual storytelling can transform charitable participation into an intuitive, emotionally engaging product experience without compromising usability or trust.本项目证明了行为设计、游戏化机制与视觉叙事能够共同构建一套兼具可用性、可信度与情感价值的公益产品体验，让公益参与自然融入日常产品使用之中。