黄金15' web项目策划及落地【ego】Part 1

客户：ego

项目类型：品牌官网-响应式web设计搭建

项目策划：关关

设计组：关关、麦子

技术组：北落、杨梅

用户体验：麦子、北落

内容维护：柚子

一、项目背景 

ego是一家为全球零售商提供创意装饰研发并生产销售的服务商，随着业务拓展及品牌形象运营需要，老站中的视觉、逻辑、功能无法满足发展需求，需要对网站进行视觉形象的升级，需要解决主要两大基础问题：产品的多样化、用户使用逻辑的引导化，以及提升视觉展示效果。

二、设计核心

以具有引导性的产品逻辑 到 便捷的用户体验 为基础，打造清爽干净并有层次的视觉体验。

三、15' 的黄金配比分布 

一、内容、交互逻辑 8'

一开始彼此沟通确定了主栏目结构：

以产品为核心，布局首页，规划【关于我们】文案，让用户对ego有潜意识的认知。从用户习惯进行产品分类入口的设计，以宏观的“场景”大类，到微观的精准“品牌”小类。

将原来的三四五层级的产品布局，打散重新整合，围绕：品牌、场景、产品三大方式进行分类，在使用交互中，拟定用户不超过两次点击就能找到需要的产品。

1. 产品路径

将三种分类方式位于同一平面，分主次，依次为：“场景”、“产品”、“品牌”

2. Add car路径

二、视觉 5'

1. 配色方案

以VI手册为标准，拟定配色方案；

以活力、年轻、设计、创意、“灯饰”为关键词；

网站整体的配色立意在于“明亮”、“温暖”；

2. 布局方案

网站以产品为核心，整体排版局部采用规整的矩形列表布局。应用到的设计原理及方法论：

① Z式阅读布局

② 黄金分割比

③ 三等分布局

④ 焦点布局

三、功能 2’