当当的那些启动屏

15年启动屏总结_03原题目为:“当当不死”为什么使用这样一个题目呢?只是希望大家放慢脚步了解一下当下的当当,了解一下仍在奋斗的我们-当当无线UED,本次整理了15年下半年关于启动屏的那些事情,做了一个总结。

14年一系列的大动作动作中,在视觉层面已经追上一线电商,这一年也是我们最活跃的一年,这一年优化单设计首页12版上线7个版本,无线销售的比重从23%提升至39.8%;无线用户量一年里翻一番,也成功实现转型,实现首次盈利。

14年一系列动作也渐渐恢复平静,时间几乎全部用在了每月两个版本的修补当中,而启动屏跟其他电商一样始终如一从未改变,这一年仅做了两版…

15年上半年完成对触屏的改版,想利用发版前验收的空档做一些启动屏相关的工作,来丰富一直沉闷的客户端气氛。

说起来这件事情像是三言两语的事儿,而做起来却并非那么简单,我们是单纯的技术部门不背负售卖KPI,广告卖场促销活动等相关我们只出设计和相关模版,其他不干涉,没问题还好,有问题就是技术问题,设计不行模版不实用等,所以在有这个想法的时候也是非常犹豫的,何必自找麻烦!

自知插画方面并不优秀,但还是想将此事做成的,多次沟通和了解,找到了第二屏广告促销空档期的时候会显示默认背景,这是一个不错的切入点……

启动屏最经典莫过于NB的产品,他们经久耐造,成为现代人们生活的必备,那些漂亮的启动屏也自然成为人们记忆里的经典案例。15年启动屏总结_03-08

我也希望能够做出一个启动屏幕伴随当当最终成为经典,(就当放屁,呵呵) 理想丰满现实骨感,但我相信努力去尝试最终实现不管结果如何因该是有所收获的。

设计离不开借鉴(就是抄袭)我第一眼瞄准了微信,它让人进入客户端的一刹那突然安静了下来,静静的一个人站在制高点,眼前是那貌似触手可及的未来,这种感觉真的非常不错。

再回到当当,我希望他是一次闪亮的登场,让人眼前一亮的,当当重新回到人们的视野,重新站在这个行业的最高舞台….。我们这行有这么一句话有些人眼高手低,说的就是我这样的!哎!往下看不许喷…

偶尔瞬间的灵感草图,(也是够糙的!)15年启动屏总结_03-13

最终的结果并不理想,最关键还是缺少一些烘托主题的元素脑子空空,略显的有些平淡,画面也不够饱满(这种形式后面又尝试了一次仍不如意),为了说服自己心想:“反正默认背景,说不定跟活动广告冲突自然也就看不到了”。

为了能够得到领导认同为此写了些说明,其中重点解释此启动屏不占用活动,广告位等,只作为默认启动屏,如本月无任何活动广告时使用该图……就这样拉开了当当无线启动屏的新序幕。

那些偶尔闪过的想法草图15年启动屏总结_03-16

随着7月8月的启动屏顺利上线,团队其他人也开始参与其中,团队的力量是无限的(TMD还团队呢!装啥!) 。

而对于我的那些草稿们有实现的有未实现的都随风去吧,16年我们再度起航,去追逐那些操蛋都理想寻找那个真正干事的团队…

  这就是当当无线……

15年启动屏总结_03-17

当当首页改造

首页改版设计分享_01

一开始有些漫无头绪,思前想来说一下为什么改首页吧!
电商首页,简单的说就是一些业务的分发入口,说透彻一些就是给各个业务几个坑位填充各种售卖的商品,我相信在大多数人眼中就是这样吧,但是对于我们设计而言却非常复杂,不仅要考虑业务方向、产品定位、资源分配等因素,还得顾及用户对当当产品的品牌认知,设计上还需要侧重页面的视觉平衡,且每个栏目既要有区分又要保持相对一致(即所谓有层次有重点),从而可以快速的引导流量和点击量帮用户找到想要的商品,最后还要关注上线后的数据变化。前提必须是好的方向。
难度虽然很大,但我们责无旁贷。
一、首先分析一下当前的一些小问题:
1、距上一次首页改版已超半年之久,在快速发展的互联网时代我们必须快速的做出反应,顺应行业发展。
2、之前的设计规则已经无法满足现有的运营形式,导致出现各种不符合规范的文字颜色,文字大小,组合排列,图片、尺寸等。
3、在整个实施过程中没有一个合理的审核机制进行后期改进和监督。
4、栏目多而不稳定,使用3个到5个坑位的较多,在有限的空间资源浪费。
5、栏目内容层次不清晰,大小入口关系不够明确。
6、在视觉上面没能有效的结合运营不同商品、活动、促销信息、做相应的模版区分。
综合上述的这些问题,首页改版势在必行,而此次首页改版仅仅只是一个开始……
二、接下来我们着手于对首页的具体优化。

我们根据线上实际情况展开具体分析,以运营为基础结合运营特点进行合理有效的改造,最终做出综合呈现。
1、整体视觉结构重新规划,对细节的揣摩和反复验证。
2、着重运营促销信息,突出卖点热点,更加符合当前产品运营逻辑。
3、栏目定位清晰,视觉层次分明,便于用户快速查找想要的内容。
4、区分品类特点、重新栏目规划、增加入口数量、提高栏目坑位使用率。
5、模版规范化提升运营质量和导购入口的吸引力。

三、过程细节。

1、统一基类
整理首页文字字体、颜色、大小、促销信息、角标等。首页改版设计分享_11

2、模版
制定模版输出,建立共享目录文档,后期跟踪审核。首页改版设计分享_14

3、广告
重新设计了导航栏的icon和搜索,规范广告的制作要求。首页改版设计分享_16

4、功能icon
增加首屏功能图标数量,突出品牌特色频道。首页改版设计分享_18

5、栏目
坑位数量从最少三个增加到最少6个、突出促销信息、划分栏目权重和层次,统一促销样式、文字大小、默认颜色,强化标题与商品图的呼应。首页改版设计分享_20

6、促销活动
整齐划一的促销标识,拒绝乱摆乱放。首页改版设计分享_22

7、主题馆
将原来2列改为4列栅格与栏目统一,视觉上更加集中整齐。首页改版设计分享_258、首屏效果对比首页改版设计分享_289、栏目对比 首页改版设计分享_32