ShawnCloudy

品牌简介

ShawnCloudy 是一家眼镜、墨镜等配饰产品跨境商贸品牌。出于品牌宣传与客户购物的两个基本需求，我们基于 Shopify 电商自建站平台搭建了品牌官网，在2022年正式上线，并于年内完成首次 Shopify Theme 迭代。

ShawnCloudy 首页

ShawnCloudy 关于我们

ShawnCloudy 帮助中心

ShawnCloudy 用户登录

项目需求

本项目基于一家大型配镜商拓宽国际销售渠道的的需求，聘用了 Shawn 与 Cloudy 二人分别负责技术与宣发，负责从0至1孵化品牌并开拓商誉，目需要有明确的可行性、营收评估与CIS系统，因此我们在推进过程中开展了市场、友商及客户审美等各项大类的调研。

ShawnCloudy 调研文档节选

ShawnCloudy 关键词列表节选

ShawnCloudy 推广营销主案节选

设计理念

因考虑到视觉提升需要， Rainy 便在之后假加入团队并负责主创与策划，并以此分别设计了 MI 与 VIS ，才形成了真正符合 C 端主流审美的创意概念系统。ShawnCloudy 官网正是基于这套前卫的VI设计系统开发，以去繁存真的姿态展现品牌的独特魅力，从而在逐渐趋同的市场竞争中收获一定好评。

ShawnCloudy 视觉理念体现

技术框架

作为 ShawnCloudy 品牌特色的一部分，其出彩的官网体验便是前端代码与用户交互的高度结合。在 Tailwind CSS 仍未普及的时代，我们大量采用了手写的 Pure Nesting CSS，远离频繁的javascript DOM操作以进行高性能适配，这使得 ShawnCloudy 在绝大多数终端上都能获得良好的视觉与交互体验，且基于 CSS 的响应式布局也充分地考虑了移动端的交互逻辑。

以上的优点，依赖开源框架近乎无法面面俱到，其背后的代价是较低的生产力和急剧增高的维护成本，且基于 Shopify liquid 语言还需要进行 Section 与 Snippets 的分布式开发，以匹配运营人员的操作习惯。但作为自有品牌的核心部分，我们的人力资源投入是值得的。

ShawnCloudy 设计稿一览

品牌背景

ShawnCloudy 官网的开发与技术由 Shawn 主导，主美与前端则由 Rainy 负责。作为 Shawn 与 Rainy 第一次密切合作共同完成的 Shopify 自建站项目，我们在其工程上投入了大量心血，可谓是2022年的匠心之作。

ShawnCloudy Shopify theme 部分代码片段

作为 Rainy Design Studio - 雨点设计工作室 的核心成员 Rainy 与 Shawn 纪念性质的首个合作项目，由于目前 ShawnCloudy 品牌站已停止运营，且目前一段时间暂无重启计划，故此处展示了部分静态网页 Demo 任君赏析。