大商创三个顶级页面设计的设计即有统一性也有多样性
统一的有:
头部的搜索框颜色与主色一致,这是旧版中没有考虑到的。
商品展示统一上图下字,去掉了原来上图下字,右图右字等花样繁多的设计。
楼层品牌LOGO统一用首页样式,且放在楼层最下方,避免了旧版中没有品牌会出现多处空位的情况。
页面最后都以<随手购>结束。
多样性可供商家选择不同的模板:
三个页面主色不同。若商家更改页面主色与图片,页面面局适应任何商品,这就是模板。
banner右侧广告位展示不同,banner切换样式不同
楼层标题分类不同,有切换商品,有进入分类列表
楼层排版不同
左侧悬浮导航样式不同
服装城:服装类的设计应以简约时尚为主;广告图不宜花哨;强调品牌,紧抓潮流。
<主色>沿用了旧版的玫瑰红,主要修改在于左侧导航都以玫瑰红展示,banner用通栏浅色背景,明确地区分了banner与导航,避免了旧版导航白色与背景白色不清不楚的尴尬局面。页面头部的搜索框同时改为玫瑰红色,与整页面相一致。
与旧版比,<限时抢购>在新版中换行显示,当抢购时间结束商家还未即时上新的抢购活动时可不显示限时抢购版块,避免了旧版中无抢购商品时页面空缺的情况。
新增<精选大牌>版块,因为赶时尚、注品牌是在当下购物时代特别时挑选服装时很重要的心理。版块一共展示15个品牌,可左右滑动更换。
服装<楼层>名称都较短,因此多加了英文名称,也更显fashion;楼层排版在左图右商品的的基础上右上侧新加了两个广告位,使整体与首页贴合,LOGO图片样式都通用首页样式。
美食汇:页面要尽显生动活泼,激起用户食欲。
旧版的<主色>(橙色)略显脏,即是食品便是强调安全健康,于是索性将主色改为绿色。食品banner图风格可设计的生动活泼、光彩亮丽些,左侧导航则以白色为主,即不抢了banner风彩又能压的住图片。
原<banner右侧商品>展示只有一个,需左右切换才能展示更多。不如改成直接列出三个商品广告让用户看的更直观。
<精品推荐>改成广告图展示,图片设计可多样性,但需注意与banner的融洽,注意主次关系。
<楼层设计>保留了原有的分类切换,但位置移到了右侧,以表示只针对右侧商品切换。排版是左图右商品的简单样式展示,加大了原来广告图的尺寸,放一张诱人的美食图可大大增加点击率。右侧商品图片建议全用白底,即显食品干净也不抢广告位风头。
在食品首页就可将看中美食<加入购物车>。
大家电:主要是以符合新版的设计为主,改掉一些老气过时的样式。
<主色>沿用了旧版的蓝色,页面头部的搜索框同时改为蓝色。
banner图片<切换样式>与其它两个不同,以文字显示,也是为商家多提供一种选择模板。右侧广告图可关闭。
将旧版中banner下的商品推存改为<热门推荐>,且另起一行,分4个小类(新品首发、品牌热销、最多好评、今日特价)。
将<品牌旗舰>扩展开来,即有品牌广告也有品牌LOGO,毕竟电器最是需要安全,选择大牌才放心。
楼层中在左图右商品的基础上添加了热门商品,可直接加入购物车