潮汐

01项目背景

潮汐是一款面向都市上班族的睡眠与冥想 App。上一版界面功能堆得很满，用户晚上打开后要在十几个入口里找东西，反而更清醒。团队希望改版后「打开就能睡」。

02我的角色

我作为外部设计师和产品经理、两位前端一起工作，负责信息架构调整、全部核心页面的界面设计、插画和动效规范。

03设计过程

1. 1

   把入口砍到一屏

   梳理后端数据，发现九成用户只用三类内容，于是首页保留「今晚推荐」一张主卡，其余折叠进底部二级入口。

2. 2

   夜间场景下的视觉

   全部页面以深蓝到薰衣草的渐变为基础，文字对比度控制在刚好可读，避免夜里被屏幕刺到眼睛，并在设置里提供更暗的睡前模式。

3. 3

   和开发对动效

   波浪与呼吸圆环导出为 Lottie，并写了动效时长和缓动曲线的表，让开发一次还原，不再反复来回。

04结果

新版在 2025 年 6 月上线，用户从打开到开始播放内容的平均时间从 52 秒降到 14 秒，七日留存提升 11 个百分点。