FLEXPATIOCASE STUDY

站点

FLEXPATIO 品牌独立站

品类

可定制遮阳棚 · 庭院户外空间

我的职责

全站 UI 视觉：从品牌气质到首页、列表、详情、套装与移动端

周期

【待填】

协作边界SCOPE

• 产品：定义页面结构、配置逻辑与购买流程
• 前端：按视觉稿实现，组件化落地
• 运营：提供卖点、活动与商品素材
• 我：把以上收成一套统一的视觉语言

视觉体系SYSTEM

以户外自然色为底、克制的强调色做行动点；字体层级区分「生活叙事」与「参数信息」；组件气质偏安静、留白足，让产品场景图做主角。

官网叙事HOME

首屏先给场景与生活方式，再进卖点；尺寸、电机、侧墙等参数不直接罗列，而是翻译成「遮阳 / 防雨 / 一键开合」等使用场景，按庭院场景组织阅读顺序。

商品与转化PLP · PDP · BUNDLE

列表突出套装与对比；详情页把配置项做成分步选择，价格随配置可见；信任模块（质保、物流、安装、评价）放在决策点附近，而不是堆在页尾。

双端适配RESPONSIVE

桌面重场景铺陈，移动端压缩为「图 → 卖点 → 配置 → 购买」的单列节奏；hero 视频在移动端换成首帧静图 + 轻量循环，保证首屏速度。