首页/百家讲堂/东莞怡恒电子科技有限公司旺铺设计

东莞怡恒电子科技有限公司旺铺设计

这是一个3C行业的旺铺,公司专注于手机周边的3C产品,产品类别比较多。前期客户是有到公司面谈的,已经谈过大概的需求,所以前期沟通还算挺顺利。

客户提出的要求是想把所有种类都放上去,希望浏览者可以在店招看到所有的产品。所以我在店招放上了所有的产品类别。

由于logo的颜色是色值(227,95,60)的蓝色和色值(47,99,97)的黄色,为了遵循企业品牌形象的统一性,所以我采用了logo里的蓝色作为主色调,黄色和灰色作为辅助色点缀页面,这样页面不会太单调,又可以维持品牌的统一性。

东莞怡恒电子模板设计

店头采用白色的底色,放公司名称和联系方式,这样会给客户更直接信息展示,内容控制在1200px之内,避免在详情页的时候看不全店招部分文字。

东莞怡恒电子模板设计

浅色图片作为背景,因为这样可以更突出前景的内容,因为我们是做手机周边配件的,所以我放了三款不同的手机,表示我们的产品可以适应不同的机型,文字介绍是写一站式服务,小字描述我们是做手机周边的3c产品,这样客户一眼就知道我们的经营范围,下方有个按钮,客户点击进去可以进到产品展示页面。

周边环绕着7个圈圈,分别放七类不同类别的产品,这些产品特点都比较明显,客户一眼就可以看出是什么产品,而且下方有文字标明,可以增加客户点击产品的可能性,了解我们更多产品。

东莞怡恒电子模板设计

上面的弧度衔接是因为客户的logo采用的是椭圆形设计,所以我采用了比较舒畅的弧度分隔开两个板块,再加点黄色点缀,这样画面不会太过于死板。服务内容是根据客户的服务来定的,这些都是在前期面谈的时候确定下来的,所以没有怎么更改。

东莞怡恒电子模板设计

热销版块展示的是客户主推的三款类别,左边有产品应用的图片,右边则是三款比较主推的产品,客户鼠标移动到相应类别,页面则会变更为选择的类别。这部分增加了跟客户的交互沟通,增加客户点击产品的几率。(由于客户产品还未发布完,特效部分需要发布产品后才能实现)

下面产品部分是一个后台自带的版块,方便客户这边更换新上架的产品。

东莞怡恒电子模板设计

东莞怡恒电子模板设计

公司介绍版块,我找了工厂图跟标题放在一起,这样显得更真实一点,采用了蓝色配黄色的搭配,底色用了工厂图片减低透明度,这样不会跟前面的公司介绍抢镜,页面也不会太过单调。

东莞怡恒电子模板设计

东莞怡恒电子模板设计

东莞怡恒电子模板设计

东莞怡恒电子模板设计

底下是四张类别海报,左上角放了产品名称,下方小字是产品特点介绍,右边是应用场景,客户看到应用场景就知道是放在什么地方用的,左边下方两个产品是比较主推的两款产品,这是引导客户点击的产品,客户点击后可以进入产品详情页观看。

整个页面设计到定稿时间用时一周,由于前期沟通充足,客户在项目过程中也积极配合,所以设计稿整体改动不多,很快就定稿上线了,所以在设计前期的沟通对于后期设计还是比较重要的,客户需要先提供自己的需求,而我们在做的过程中尽量满足,以我们的专业水平让旺铺实现更有利的营销效果,就是我们最大的追求。