← 返回作品集WU HAIYONG / CASE STUDY查看界面 ↓

01 / MOBILE PRODUCT DESIGN

青春剧场
APP 多端体验

将短剧内容消费、直播互动、商城交易与团长运营整合在同一套移动端体验中,让用户、商家与运营角色都能找到清晰的下一步。

我的角色
UI/UX 设计师
设计范围
APP / 商城 / 直播 / 团长中心
项目类型
内容 + 电商 + 运营
青春剧场短剧播放页

THE CHALLENGE

不止是看剧,
也是一套内容与交易的协同体验。

项目覆盖短剧浏览与播放、搜索与社区互动、商品购买、直播内容以及团长运营后台。设计重点不在于堆叠功能,而在于把不同身份、不同目标下的关键路径组织得足够自然。

01

内容消费

从推荐、搜索到播放与选集,降低用户进入内容和持续观看的门槛。

02

交易转化

把商品浏览、规格选择、订单与售后串成连贯可信的购买路径。

03

运营协同

通过团长中心、数据与收益模块,支持运营角色查看、管理与处理业务。

CORE FLOWS

围绕核心场景,
建立一致的移动端体验。

01 / CONTENT

从推荐到播放,
让内容进入更直接。

用内容封面、选集和互动信息建立清晰层级,让用户在内容流中快速找到想看的剧集,并自然延续观看。

青春剧场新剧内容页面
青春剧场播放页面
青春剧场搜索页面
商城商品详情页面
订单管理页面

02 / COMMERCE

把交易信息
放在用户看得懂的位置。

商品详情承载价格、规格、配送和保障信息;订单状态与售后入口保持可见,让购买之后的每一步都有明确反馈。

03 / OPERATION

让运营数据和管理动作
在同一个入口闭环。

团长中心将订单、收益、数据统计和售后管理进行分组,帮助运营角色更快掌握经营状态,并进入下一步操作。

团长中心页面
团长数据页面
直播互动页面

DESIGN TAKEAWAY

把多种业务目标,
收束为一个连续的体验。

内容体验负责吸引与留存,交易体验承接转化,运营体验支持持续增长。通过一致的视觉语言、明确的信息优先级与可复用的组件模式,让产品在复杂功能下依然保持清晰。

返回精选作品