← 返回作品列表

经期健康小程序

一款女性经期记录与健康管理工具。与 B 端完全不同的设计命题: 在有限的界面里,同时做到数据准确、操作轻量与情感化关怀。

年份
2022
平台
微信小程序
我的角色
独立设计师 · 全流程
协作团队
产品 ×1 · 前端 ×1
经期健康小程序界面示意图:周期环、日历与趋势

01项目背景

市面上多数经期 App 用高饱和的粉色系与大量运营模块堆砌首页, 真正高频的需求——「记录今天」和「看看下次是哪天」——反而被藏在二级页面。 我们希望做一款克制的小程序:打开即记录,一眼见预测,同时兼顾健康数据的严谨表达。

02设计挑战

03设计流程

  1. Step 01需求定义

    分析竞品首页信息构成,与产品确认「记录 ≤ 2 步」的核心指标。

  2. Step 02风格探索

    以柔和低饱和的粉色为主调,探索多版视觉方向并小范围测试。

  3. Step 03高保真设计

    完成 20+ 页面设计,重点打磨周期环、日历与身体信号记录。

  4. Step 04走查上线

    适配深色模式与无障碍对比度,配合前端完成像素级走查。

04关键设计

核心任务流程与首屏方案推敲示意
核心任务流程与首屏方案推敲(示意图,待替换为真实过程稿)
小程序组件与视觉规范示意
色彩 / 字阶 / 卡片组件规范(示意图,待替换为规范截图)

05设计成果