Sally Hansen
Sally Hansen 拥有 DIY 美甲领域深厚历史，但原有目录型网站没有充分表达这一点。我们帮助 COTY 将 sallyhansen.com 重新定位为内容驱动的发现平台，让 Nail Color、Press-Ons、Nail Care、Beauty Tools、Airbrush 和 Hair Removal 共享同一种“short. sweet. sorted.”品牌语气。
年份
2024 至今
项目
DIY 美妆内容平台改版
范围
设计策略、完整重新设计、数字品牌、设计咨询、QA
行业
美妆、美甲护理
技术
Figma
Next.jsHeadless Commerce
Bazaarvoice
Google Analytics 4亮点
- 按色相和质地探索色号的颜色发现模块
- 内容驱动的 Get Inspired 区域，承载趋势、教程和活动
- 模块化 PDP，整合色号、DIY 步骤和 Bazaarvoice 评价
- 覆盖 Nail Color、Press-Ons、Nail Care、Tools、Airbrush 和 Hair Removal 的类别系统
- 趋势和关键词驱动的预测搜索
- 基于用户 DIY 内容浏览习惯的移动优先 UX
- 可复用的 Miracle Gel 与 Press-On 活动模板
影响 / 改变
发现方式
Before：产品发现主要按类别展开。After：用户可以按色号、质地、趋势、教程和产品类型浏览。
内容与购买
Before：灵感内容和购物路径距离太远。After：编辑模块进入产品旅程，在决策时帮助用户理解和选择。
营销速度
Before：活动页需要反复发起设计请求。After：可复用落地页模板支持 Miracle Gel、Press-On 和季节性上线。
需求与挑战
客户需求
“我们希望 Sally Hansen 不只是一个产品目录，而是 DIY 美甲灵感的首选地点。用户可以发现颜色、跟随趋势、找到合适色号，同时产品浏览必须简单直接。”
挑战
- 把产品目录转化为灵感优先的平台，同时不牺牲购买路径
- 设计能覆盖美甲颜色、工具和脱毛类别的系统，同时避免泛化
- 在 COTY 企业品牌规则和紧凑时间线内推进
- 平衡编辑化叙事和庞大 SKU 目录
我们的做法
把灵感变成首页
我们围绕颜色、趋势和教程重建首页，而不是普通轮播图，让新访客第一眼就理解 Sally Hansen 是 DIY 灵感平台。
一套系统，多种类别
共享 section kit 覆盖 Nail Color、Press-Ons、Care、Airbrush 和 Hair Removal，并通过类别重点色保持区分。
有目的的内容
步骤指南和趋势故事被放进 PDP 流程，而不是独立内容孤岛，让灵感和购买相互增强。
成果
项目亮点
颜色发现
一个按色彩家族和质地组织的趣味选择器，让用户从“我想要珊瑚色”快速找到合适的 Miracle Gel。
Mega Menu
发现导向的导航，展示类别、趋势系列和编辑内容，更像内容索引而不是传统 mega menu。
预测搜索
固定、常驻的搜索把产品、趋势和 DIY 内容整合到一个界面，用户浏览时不会丢失上下文。
收藏
轻量无账号收藏功能，让用户保存正在考虑的色号和工具，之后再回来查看。
落地页模板
Miracle Gel、Press-On 和季节性活动可复用的落地页套件，让营销团队无需设计请求也能上线活动页。
