Children Skin Care

糖果壳 Sweetyshell

为儿童日常肌肤护理建立一套清楚、温和、可信的数字官网:品牌故事、产品详情、成分解释和小程序 WebView 内容统一维护。

查看婴幼儿平衡霜查看儿童平衡霜

Brand Promise

把复杂的护理判断,讲成家长看得懂的日常选择。

首页第一屏明确品牌定位,后续滚动段落围绕儿童屏障护理、产品系列和可信内容体系展开,避免只做视觉展示。

  • 面向儿童肌肤护理,不泛化成普通美妆站
  • 首版聚焦品牌认知和两条核心产品入口
  • 内容结构可同步复用于小程序产品页

Product System

两条平衡霜详情页先行,形成可持续维护的内容框架。

详情页先只做展示,不接扫码、积分、抽奖等业务逻辑。官网负责说明产品,小程序继续承接验证、积分和权益。

0 系婴幼儿平衡霜
3 系儿童平衡霜
1 套官网与 WebView 内容
0 系详情3 系详情

Motion

滚动、WebGL、视频和图文叙事统一编排。

当前先用 Three.js 占位产品瓶验证动效骨架,后续替换为真实产品图、短视频、GLB 模型和分段成分动画。

  • 背景视觉随滚动切换,适合产品故事长页
  • 页面可静态部署,便于接入现有 Nginx
  • 微信 WebView 测试页保留用于真机验证

Next Step

首版官网先跑通「首页 + 产品页 + WebView 验证」。

下一阶段再接入真实素材、购买入口、备案信息、隐私条款和品牌内容 SEO,避免在素材未定时过早堆复杂功能。

01真实产品素材
02官网部署域名
03小程序内嵌测试