商城布局设计
宇昂出品v1.0.0暂无评价13次安装
"商城分类架构、付费产品矩阵、定价策略、限时促销、成长基金、UI规格与小程序支付适配"
策划运营
安装前
安装后shop-layout-designer — 游戏商城布局与运营设计 Skill
触发条件
当用户提到"商城设计"、"游戏商店"、"首充礼包"、"限时折扣"、"商城布局"、"商城分类"、"月卡"、"礼包设计"、"变现设计"、"付费点"时触发。 也适用于:用户说"帮我设计商城"、"首充怎么做"、"礼包怎么定价"等场景。
技能描述
帮助系统/运营策划设计完整的游戏商城体系:商城分类架构、付费产品设计、定价策略、限时促销机制、变现漏斗设计。
一、商城架构设计
游戏商城五大分类:
┌──────────────────────────────────────────────┐
│ 分类 │ 内容 │ 定价策略 │
│ ──────── │ ───────────────── │ ──────── │
│ 首充/特惠 │ 首充礼包、新人特惠 │ 低价诱导 │
│ 月卡/通行 │ 月卡、战令 │ 持续付费 │
│ 资源商城 │ 体力、材料、货币 │ 按需购买 │
│ 外观商城 │ 皮肤、特效、时装 │ 高溢价 │
│ 限时活动 │ 节日礼包、联动 │ 限时紧迫 │
└──────────────────────────────────────────────┘
页面入口优先级:
首页Banner → 限时礼包(紧迫感最强)
商城首页 → 推荐位(个性化推荐/热销)
二、付费产品矩阵
完整付费产品线(按价格段布局):
¥0.99-6(入门级):
□ 首充1元礼包(仅限1次)
□ 新手体力包
目的:破除付费心理门槛
¥12-18(月卡级):
□ 月卡(每日领取体力×N,30天)
□ 小月卡(仅体力/经验)
目的:月均ARPU稳定来源
¥30-68(中R级):
□ 战令基础版
□ 成长基金(达到条件返还更多)
□ 限时强化礼包
目的:中等付费用户核心产品
¥98-198(大R级):
□ 豪华战令
□ 限定外观礼包(含稀缺皮肤)
□ 月度大礼包
目的:高付费用户专属价值感
¥328-688(超R级):
□ 限量版联动礼包
□ VIP特权礼包
□ 定制化服务(游戏内命名等)
目的:极端付费用户的极致体验
三、首充设计原理
首充礼包设计要点:
价格:¥1-6(极低门槛)
内容价值:官方估值≥50元等值内容
限购:每账号仅限购买一次
心理原理:
1. 突破"付费初体验"的心理门槛
2. 买了第一次,大概率还有第二次(付费习惯养成)
3. 高性价比制造"占便宜"感觉
首充礼包内容设计:
推荐给:高战力角色×1 + 钻石×100 + 体力×50 + 强化石×20
让玩家感受到:我花6块钱,买到了价值100块的东西
首充后续承接:
- 首充弹窗后立即展示"次充礼包"(¥30的成长基金)
- 利用首充后的付费热情做二次转化
四、限时促销设计
限时促销类型:
1. 折扣促销
"限时7折!今日有效"
设计要点:
- 折扣力度不要超过5折(影响平时定价感知)
- 倒计时显示(增加紧迫感)
- 每月1-2次,避免玩家等折扣不付费
2. 满减活动
"充值满100送50"
设计要点:
- 充值门槛设在大R常见充值点(如98、198)
- 赠品要有实际价值(不是垃圾道具)
3. 节日礼包(春节/双十一/周年庆)
"限定春节礼包,过了就没了"
设计要点:
- 限定外观必须是本次礼包专属
- 明确告知"XX月XX日结束"
- 节日主题包装(增强情感共鸣)
4. 签到领礼包
"连续签到7天,免费领稀有道具"
设计要点:
- 免费内容作引流,商城内付费内容作变现
- 签到礼包展示在商城首页
促销时间规律(避免玩家适应):
- 不要每周都有大促
- 节假日必有活动(但形式轮换)
- 月末压量(付费数据冲刺)
五、成长基金设计
成长基金(最优ROI的变现产品之一):
原理:
玩家付款后,每次角色升级/里程碑达成时返还资源
让玩家感觉"越玩越赚"
设计示例:
┌─────────────────────────────────────────┐
│ 成长基金 ¥68 │
│ 立即获得:钻石×100 │
│ │
│ 里程碑返还: │
│ 角色达到Lv.20 → 钻石×200 │
│ 角色达到Lv.40 → 钻石×400 │
│ 角色达到Lv.60 → 钻石×600 + 限定外观×1 │
│ │
│ 总价值:钻石×1300 + 限定外观 │
│ (官方估值¥260,相当于4折) │
└─────────────────────────────────────────┘
设计要点:
- 里程碑要是玩家自然成长可达到的等级
- 总价值看起来是付款额的3-5倍
- 有稀缺外观/道具作为终极奖励(提高吸引力)
六、商城UI规范
商城页面必要元素:
1. Banner位(顶部)
- 展示当前最热销/最紧迫产品
- 支持轮播(3-5个)
- 尺寸:750×300pt(竖屏)/ 1080×360pt(横屏)
- 圆角:12pt,边距:左右16pt
2. 限时区(醒目红色)
- 倒计时(字号≥16pt,红底白字,#FF3B30背景)
- 折扣标签(原价划掉,折后价用金色#FFD700加粗)
- 区域背景色:#FFF5F5(浅红渐变)
3. 推荐位(个性化)
- 根据玩家行为推荐(快到保底推抽卡包)
- "专属推荐"标签(渐变金色边框)
4. 商品卡片信息
- 卡片尺寸:345×420pt(双列)/ 710×220pt(单列横向)
- 圆角:16pt,投影:0 2pt 8pt rgba(0,0,0,0.1)
- 商品图区域:占卡片高度60%
- 名称:16pt 加粗(#333333)
- 内容简述:12pt(#999999),最多2行
- 价格:20pt 加粗(#FF6600),带¥符号
- 限购标识:红色角标(#FF3B30),位于卡片右上角
- 限时标识:带倒计时的胶囊标签
5. 按钮交互状态
- 默认态:主色填充(#FF6600),圆角24pt,白色文字
- 按下态:缩放至95%,色彩加深20%(#CC5200)
- 不可用态:灰色(#CCCCCC),文字(#999999),无点击反馈
- 已购买态:绿色(#4CD964),显示"✓ 已拥有"
6. 付费流程
- 点击→确认弹窗→支付→结果弹窗
- 确认弹窗:居中弹出,背景蒙层rgba(0,0,0,0.5)
- 结果弹窗展示所有获得内容(大图展示+光效)
- 购买后立即弹出"下一步推荐"
微信小程序支付适配:
- 商品价格必须以"分"为单位传参(¥6.00=600分)
- 支付按钮文案用"确认支付"(非"购买",符合平台规范)
- 虚拟商品需走"米大师"支付(非微信直接支付)
- iOS端限制:不能展示价格,改为"积分兑换"模式
- 支付失败处理:弹窗提示+保留购物车状态+3秒后可重试
- 网络异常:本地缓存订单状态,恢复后自动查询结果
七、变现健康性指标
| 指标 | 说明 | 健康范围 |
|---|---|---|
| 付费率 | 付费用户/DAU | 5-15%(手游) |
| ARPU | 总收入/DAU | 因品类差异大 |
| ARPPU | 总收入/付费用户 | 月均¥60-300 |
| 月卡购买率 | 月卡用户/DAU | 3-8% |
| 首充转化率 | 首充玩家/新增 | 5-20% |
输出物格式
- 商城产品表(Excel):产品名/价格/内容/限购规则/上线节奏
- 商城页面线框图:首页/分类页/商品详情页/购买结果弹窗
- 定价策略文档:产品矩阵/定价逻辑/与竞品对比
⚡ 一键安装
复制给智能体安装:
npx clawgamers install shop-layout-designer把上面的命令丢给智能体 (Claude Code / Cursor / Codex 任一), ta 会装到当前工作目录的 skills/ 文件夹
信息
分类:商业分析
适用岗位:策划、运营
语言:中文