Sunstone Power V2

品牌简介

Sunstone Power 是一家定位欧洲市场的绿色新能源产品IP，其母公司 - Sunstone Power Industry Co., Ltd. 集自主研发、生产、销售为一体，自有数家厂房并具备完善的研发团队，于 2014 年至今推出了百余款产品，于德国市场备受好评。

项目需求

Sunstone Power 现已面临品牌高速发展的重要节点；在德文站于欧洲市场站稳脚跟并实现持续盈利后，品牌需要进一步拓展品牌在欧洲的影响力；线上运营团队因此进一步扩大，也迎来了 Sunstone Power FR 站 的建站需求。

诚如先前的 Sunstone Power DE 站项目案例 提到的，Rainy Design Studio - 雨点设计工作室 作为 Sunstone Power 的长期伙伴，已实现了 Sunstone Power 官网项目 与 Sunstone Power 德文站项目的落地。得益于紧密合作带来的知识与资料储备优势，我们得以快速地开展 FR 站的建设工作。

设计理念

相对德国市场对参数和严谨阅读的偏好，我们在复盘法国站的需求时意识到：这绝不仅仅是一个多语言翻译工作，而是一次将工业品牌向 DTC（Direct-to-Consumer）零售化转型的视觉重塑。

如果你仔细观察法国站的最终设计，会发现我们刻意弱化了传统新能源设备网站那种“冷冰冰的机器感”，转而注入了更多温暖、直观的生活气息。具体的调整思路包括：

1. 引入 Lifestyle（生活方式）场景化视觉：在首页的头部 Banner、品类导航以及“关于我们”板块中，我们大量启用了带有阳光庭院、真实安装工人和实际应用场景的图片。用真实的情感共鸣替代纯粹的参数说教，让普通消费者也能立刻 get 到绿色能源是如何融入并改善他们生活的。
2. 卡片式 UI 与柔和的视觉边界：整个网站的布局大量采用了带圆角的卡片式设计，搭配轻盈的弥散阴影。同时，背景色不再是死板的纯白或深灰，而是穿插了柔和的米色与浅色区块来划分内容，且这个部分悬停展开还有券码惊喜。这种设计大大降低了工业产品的“生硬感”，使得大段的法文阅读起来更加轻松、有呼吸感。
3. 以转化为导向的清晰动线：视觉再好看，也不能忘了独立站卖货的本质。我们精心设计了用户的浏览动线：从顶部的促销 Banner -> 热销单品展示 -> 具象化的信任背书（本地仓储、质保、售后等 Icon） -> 清晰的场景化分类导航。每一步都在潜移默化地打消消费者的顾虑，高效引导加购转化。

Sunstone Power 法国站首页，完美融合了生活场景与清晰的电商动线

场景化的品类入口（Collections en vedette）让工业产品更具温度

跨越困境

在项目的推进过程中，并非一帆风顺。在处理 Shopify 底层逻辑与第三方生态融合、乃至未来一段时间的持续运营时，我们面临了两个不小的技术挑战：

1. 驯服 Theme 升级带来的 Ajax API 混乱

伴随着 Shopify 官方功能的升级，其 Ajax API 也不断更新，致使在未来的一段时间内购物车付款按钮布局混乱、页面部分功能失效，甚至于产品属性都无法正确选择，各种问题层出不穷；作为 Shopify 定制商城 / Shopify 定制主题 的常见“坑”，即基于 Shopify 官方主题 - Dawn v12.0 开发的主题，至 Dawn v15.4.1 时某些变更已经带来破坏性的变化；这不是简单换个 Shopify 主题 就能解决问题的，只有持续性地跟进才能确保主题功能和官方 Shopify Ajax API 同步。

作为 Sunstone Power 的第二方服务商，Rainy Design Studio 致力于研究 Shopify 官方更新，并长远地发现并解决各类问题。我们修复了自 2024 年 DE 站上线以来的各类 Bug，并制订了周期走查与修复计划，确保官网体验无碍、客户售后无忧。

2. 深度对接插件商，实现应用 100% 本地化

出海欧洲，合规性（如 GDPR、Cookie 弹窗）与本地化营销插件（如产品列表定制、在线留言组件）是刚需。但市面上的第三方 App 往往自带一套极其突兀且难以修改的 UI 样式，这会严重破坏我们辛苦建立的法式设计美学。

为此，我们主动与各大插件商的开发团队（如 Globo 团队）取得联系，获取了底层 DOM 的覆写权限与特定的 Webhook 接口。通过 Tailwind CSS 的高度定制化能力，我们对这些第三方模块进行了深度的样式重写与 CSS 劫持，让它们看起来就像是官方原生开发的一样，真正实现了功能与视觉的完美本地化统一。

经过深度样式覆写的第三方本地化应用插件，完美融入全站 UI

我们站在合作商的角度打磨项目细节，并通过发现并规范化上述常态问题的解决方案，最终得以交付真正符合“深度定制”这一概念的自建商城，并为长远的售后服务打好基础。

合作背景

早在 2021 年，于 Rainy Design Studio - 雨点设计工作室 创立之前， Rainy 便与 Sunstone Power 德文站 的伙伴们有过数次合作，包括英文站建站、 eBay 商详、展厅喷绘等设计等等，如今除德文站的更新迭代以外，更推出了 SEO / SMM 专业培训业务，与伙伴密切跟进站内的内容优化事宜。

以设计赋能形象、技术赋能体验、知识赋能伙伴，我们将为更好地服务终端并提升品牌影响力而努力奋斗下去。