跳到项目介绍
SHUHUIDU / 杜舒惠聊聊设计
返回精选作品SELECTED WORK / 01

PRODUCT / UI SYSTEM

希望学 APP 体验升级

让课程更好找,让学习更容易开始。

Read the story
希望学 / EDUCATION
首页重构视觉系统体验验证
12 DESIGN BOARDS
背景与目标

希望学 APP 首页承担课程发现、学习服务与运营转化等任务。针对内容重点分散、核心入口识别度不足、学习路径不清晰的问题,本次升级重新梳理信息层级与模块布局,让课程、讲师和学习资料更易查找。

设计与方法

设计从竞品分析、HCT 色彩优化与品牌符号提炼入手,比较两套界面风格,并将统一的视觉语言应用于导航、图标与内容卡片,在信息效率与品牌识别之间建立平衡。

实践与沉淀

项目复盘记录,新用户第 4 周留存率由 13% 提升至 18%,核心内容触达率由 42% 提升至 58%。

01 / 04
CHAPTER / 0102

找到首页的核心问题

从课程发现、内容触达与学习路径出发,明确首页需要解决的信息组织问题。

01 希望学 APP 体验升级
DESIGN BOARD / 01希望学 APP 体验升级
02 希望学 APP 体验升级
DESIGN BOARD / 02希望学 APP 体验升级
02 / 04
CHAPTER / 0306

建立清晰的视觉方向

结合竞品分析、HCT 色彩优化与品牌符号探索,寻找识别度与阅读效率的平衡。

03 希望学 APP 体验升级
DESIGN BOARD / 03希望学 APP 体验升级
04 希望学 APP 体验升级
DESIGN BOARD / 04希望学 APP 体验升级
05 希望学 APP 体验升级
DESIGN BOARD / 05希望学 APP 体验升级
06 希望学 APP 体验升级
DESIGN BOARD / 06希望学 APP 体验升级
03 / 04
CHAPTER / 0711

比较方案,落到具体界面

比较图标、导航与课程内容卡片的两套方案,将最终选择落实为统一的首页体验。

07 希望学 APP 体验升级
DESIGN BOARD / 07希望学 APP 体验升级
08 希望学 APP 体验升级
DESIGN BOARD / 08希望学 APP 体验升级
09 希望学 APP 体验升级
DESIGN BOARD / 09希望学 APP 体验升级
10 希望学 APP 体验升级
DESIGN BOARD / 10希望学 APP 体验升级
11 希望学 APP 体验升级
DESIGN BOARD / 11希望学 APP 体验升级
04 / 04
CHAPTER / 1212

回到使用数据

通过项目复盘中的留存与内容触达数据,观察首页升级后的使用表现。

12 希望学 APP 体验升级
DESIGN BOARD / 12希望学 APP 体验升级