work
resume
担当
UIUX设计
产品
WEB B/C
团队
PM*1 市场*1 工程师*2
Port 是一款基于浏览器的线上音视频咨询服务平台, 面向具有内容影响力的创作者（B 端）和其粉丝/关注者（C 端）提供一对一咨询服务。
创作者可以在平台上创建自己的主页展示服务内容, 并通过实时通话获得收入。许多 C 端用户往往是通过创作者的 SNS 账号进入 Port, 希望获得更具私人化与情感支持价值的咨询体验。
尽管如此, 我们观察到咨询意愿明确的用户大量流失于平台浏览和注册阶段。
用户在进入创作者主页后, 并未顺利完成预约和注册, 导致咨询转化率明显低于预期。
首页跳出率
82%
注册转化率
14%
周通话用户
12%
创作者访谈
场景观察
用户旅程
进一步分析发现，这一问题并非源自创作者影响力不足，而是平台在视觉表达、信息架构、信任建立和操作流程上存在体验断层，导致用户决策出现犹豫和中断。
为了提升平台对创作者的价值，并让用户的咨询决策过程更加顺畅与安心，我们对 Port 的整体界面逻辑、信息结构、信任传递节点与关键转化路径进行了系统化的体验重设计，目标是 提升咨询转化率、增强平台的可持续增长能力，并构建创作者与用户之间更自然的服务闭环。
01
改版前,
首页信息层级混乱成为用户在关键决策点放弃的主因
改版后,
信息获取效率大幅提高,
关键信息一目了然
设计语言
字体
Hiragino Kaku Gothic Pro
Aa
色系
Netural
Primary
Others
部分组件
02
注册页面结构优化, 让开始变得更简单
改版前，注册时需要在一个页面输入包括手机/邮箱/支付等在内的10+个信息，导致用户产生厌烦和不安的情绪。
改版后，我们减少了70%的输入成本，并根据用户与创作者的不同需求设计引导路径，注册完成率提升了200%。
输入成本
75%
200%
注册完成率
在第一版完成后，我们利用注意力热力图进行分析后发现，页面元素过多导致用户对于核心要素的注意力分散。因此我们简化了界面结构，移除了标题并弱化了补充说明，使用户的视线能更集中地停留在最重要的三个要素——输入标题、1000积分赠送提示和注册按钮上。
部分用户注册流程
部分创作者注册流程
在初版的注册流程中，用户完成注册后会直接进入首页，但对于首次来到平台的用户而言，这样的跳转缺乏指引，容易造成“我接下来应该做什么？”的迷茫感。
尤其是平台包含两类角色——创作者与一般用户——两者在完成注册后的需求完全不同，因此统一的跳转路径无法满足他们的启动流程。
为了让用户更顺利地进入服务体验，我为注册完成环节新增了开始使用页引导页，并对不同角色提供差异化的下一步动作引导。
创作者
创作者开始使用引导页
注册完成后, 创作者可以快速完成最必要的准备工作
创作者在注册后的首要任务并不是立即接单，而是“完善个人信息, 准备服务内容”。
引导页提供了明确的行动步骤，让创作者知道必须完成哪些事项才能开始正式接单。
步骤一
下载app, 接通用户来电必须通过Port app完成
步骤二
设置个人资料, 包括服务内容/收费方式等必须项目
一般用户
一般用户开始使用引导页
提示用户首次体验低门槛，让他们更容易进行第一次通话。
用户端的引导页主要围绕 “马上体验” 展开，让用户能在没有负担的情况下尝试通话功能。
设计一
用户注册后即可直接跳转到创作者主页，减少寻找创作者的步骤，让用户“更快用起来”。
设计二
提醒用户享有免费通话时长, 也可选择立即充值积分。
03
从繁琐到清晰 :
创作者设置流程体验升级
before
竖向跳转结构导致操作路径过长，
影响移动端体验
「必须」设置项隐藏在次级菜单中，
无法迅速判断优先任务
用户需要逐一点击滑动屏幕才能发现哪些项目必须完成。对于首次使用的服务者而言，很难在第一时间理解“什么是必须完成的、什么是可以之后再做的”，从而影响上手速度。
after
分页式导航，显著降低操作成本
优化后，将原本的纵向跳转式结构调整为分页式导航结构，并在首页对设置项进行明确分类。创作者无需反复上下滑动查找目标设置，可直接定位到所需页面，使整体操作节奏更加清晰。
「必须」提示前置，降低新手决策成本
将「必须」的设置项从次级页面前置到一级入口，使创作者在首次进入设置页时即可明确优先事项。
这一调整显著改善了新用户的理解成本，首次进入后完成关键设置的创作者占比提升约 20% ，减少了因“不知道先做什么”而产生的中断与流失。
