探索更多
-
我们致力为企业塑造独特且富有气质的互联网品牌形象全面提升美学气质、互动、营销与传播的新媒体价值，为品牌与用户架设紧密的连接。
爱浦丽净水
拥有超过30年直饮水技术创新历史
行业
净水器/电器行业
服务类别
品牌官网设计
网站已上线，链接在文章底部
项目背景
随着公司业务规模的扩展，为抓住国内外庞大的高端净水市场，爱
浦丽将打造全新的品牌官网，提升品牌形象，完善品牌整体性，提
高在同行之间的品牌竞争力。为备战海外市场打下夯实基础。以达
到高用户转化率。
随着公司业务规模的扩展，为抓住国内外庞大的高端净水市场，爱
浦丽将打造全新的品牌官网，提升品牌形象，完善品牌整体性，提
高在同行之间的品牌竞争力。为备战海外市场打下夯实基础。以达
到高用户转化率。
匠/心/独/爱 谱/净/美/丽
会议分析
品牌定位
网站建设
网站设计前的准备工作
竞品分析
会议分析竞品公司的产品定位，品牌形象，主要受众群体，
网站风格等。
寻求差异化
在分析完竞品公司后，寻求品牌差异化，找到竞品公司薄弱之处，在网站建设中加以强化。
网站建设
确定网站风格符合品牌定位，完善网站视觉设计及交互体验，提升品牌整体性，及用户转化率。
竞品分析
对竞品公司的产品定位、品牌形象、主要受众群体、网站风格
等进行分析，明确出我方以下优势：
对竞品公司的产品定位、品牌形象、主要受众群体、网站风格
等进行分析，明确出我方以下优势：
01
竞品公司
爱浦丽
产品外观偏向工业风格，不适合高端家装
产品外观简约时尚，适合任何场景使用
品牌定位广，受众群体范围大
创新网站设计，体现品牌定位，吸引用户点击
网站设计页面偏传统，对用户吸引力不强
品牌定位比较局限，受众群体小
设计页面展示
寻求差异化
在分析完竞品公司后，寻求品牌差异化，找到
竞品公司薄弱之处，在网站建设中加以强化。
在分析完竞品公司后，寻求品牌差异化，找到
竞品公司薄弱之处，在网站建设中加以强化。
02
减少信息冗杂
减少信息冗杂
现在是快信息时代，文字越多越不利于用户对网站的浏览，所以我们采用精炼的文字替代掉长篇大论的介绍，提取关键信息作为视觉焦点，
帮助用户更好的去了解爱浦丽品牌。
帮助用户更好的去了解爱浦丽品牌。
突出产品简洁外观
突出产品简洁外观
爱浦丽产品简洁的外观设计，在一系列品牌净水器产品中，都是属于非常耐看，且适合大部分用户的外观设计，这是抛开技术成分，用户可以直观看到的。所以网站中需要突出产品外观设计。
体现品牌强大背书
体现品牌强大背书
体现出爱浦丽品牌在全球的业务布局，凸显出爱浦丽是全球品牌，拥有强大的品牌背书。体现产品可靠性。
网站建设
通过拆解爱浦丽品牌形象及定位后，
我们以突出品牌形象，建立用户信任为基础，
得出了一下方案：
通过拆解爱浦丽品牌形象及定位后，
我们以突出品牌形象，建立用户信任为基础，
得出了一下方案：
03
01
加强VI标识使用加强品牌VI标识的使用，规范使用品牌辅助图形，让用户产生视觉记忆点。
02
规范元素使用规范使用色彩、字号、图标等网站元素，统一图片色彩风格，增强网站的视觉统一性。
03
增强交互体验加强切屏动画的使用，鼠标按钮做更人性化的创新交互，增强页面交互趣味性。
01.
定义品牌辅助图形
品牌VIS辅助图形，可以帮助用户更快的记住品牌形象，同时能帮助品牌规范使用视觉设计方案，达到统一性原则。
辅助图形以强烈且具个性的视觉特征，不仅能抓住受众的视线，引起人们的兴趣，而且更明确的传递企业特征。
02.
规范品牌色彩运用
在定制色彩风格的基础上，我们采用了爱浦丽的专属色彩：“沉稳蓝”
主视觉的规范体系持续保留，
根据品牌调性及定位，采用纯白背景，营造出简约干净的页面状态。
规范品牌字体运用
爱浦丽网站不采用字体的引用，因此在不同电脑上打开会呈现不同的
字体效果，标题、注释、正文均采用了不同的字号及字重，使文字布局看起来错落有致，字体颜色方面也进行看了深浅色处理。
英文字体：
AvantGardeGothicC
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo
Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
英文字体：
Shiseido Neue
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo
Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
| 中文样式 | 字号 | 字重 | 使用场景 |
| 爱浦丽净水 | 34PX | Bold | 一级标题或重要关键词 |
| 爱浦丽净水 | 32px | Medium | 二级标题（次一级标题） |
| 爱浦丽净水 | 18PX | Regular | 文章正文字号 |
| 爱浦丽净水 | 16PX | Regular | 文章正文字号 |
规范网站图标使用
在针对图标设计方面，采用了极简的线性图标设计，再搭配以中广欧特斯品牌VI橙色作为点缀，在原有的极简风格上产生出一抹明亮的对比，
降低极简风格的单调性。
我们采用符合品牌效果的切屏动效，和满足用户体验的交互效果，
在带来较强的视觉感观体验的同时，又能增加网站浏览过程中的趣味性，
增加用户浏览时间，提高用户黏性。
我们采用符合品牌效果的切屏动效，和满足用户体验的交互效果，
在带来较强的视觉感观体验的同时，又能增加网站浏览过程中的趣味性，
增加用户浏览时间，提高用户黏性。
03.
加载页动画效果
加载页动画效果
首次进入网站时，会出现一个网站加载动画，让客户在等待网站加载的时候，会有一个画面来填补中间这段时间的视觉差，同时也能起到提升网站格局，表明品牌形象的功能。
Banner切屏效果
Banner切屏效果
Banner使用了水波涟漪的切屏效果，这种水波效果既呼应了爱浦丽净水品牌的主旨，有增加了画面的动态感。动静相结合的切屏效果，使网站更能抓住用户的眼球，增加用户继续浏览的概率。
按钮跟随鼠标效果
按钮跟随鼠标效果
按钮跟随鼠标移动，点击任意区域即可跳转新页面，相比传统按钮，这种方式既能作为网站交互动效亮点，又能兼顾按钮效果。
鼠标滑过页面产生涟漪
鼠标滑过页面产生涟漪
Banner使用了水波涟漪的切屏效果，这种水波效果既呼应了爱浦丽净水品牌的主旨，有增加了画面的动态感。动静相结合的切屏效果，使网站更能抓住用户的眼球，增加用户继续浏览的概率。
页面自动适配电脑、平板、手机等不同显示器
项目总结
整个项目下来，我们始终围绕改版的两大目标：
满足客户需求的基础上，加强品牌调性，提升品牌竞争力；
化繁为简的设计理念，大大提高用户对网站的阅读性，
针对产品，采用不同的详情页设计，从而突出每个产品的不同买点，
抓住用户眼球，提升用户购买几率。
如果您也有相关的网站建设需求，不妨给我们一个机会，
我相信我们能给您一个最满意的结果。
在线
咨询
