当当wap站崛起

Recommand
北京/设计爱好者/9年前/403浏览
当当wap站崛起Recommand
huwenxiao

很多朋友估计还不太了解wap,其实就是手机访问的网页版也叫触屏站,说起这个呢也算是15年上半年对自己的一个交代吧,15年2月团队异动,无线吃紧...

很多朋友估计还不太了解wap,其实就是手机访问的网页版也叫触屏站,说起这个呢也算是15年上半年对自己的一个交代吧,

    15年初团队异动,无线吃紧...我接管无线购物这边,可是话语权几乎全无,为此有些消极,正好跟一产品聊天,他负责其中的wap站一直没有起色,我记得跟他在楼梯过道聊天,跟我细说了wap的重大价值和意义,我非常认真的问了一句:“wap站重要么?”祥超(产品经理)非常肯定的说:“当然重要啊,那些通过app上的分享,还有微信上的这种社交分享都是基于wap承载才能做到的”哦这么厉害呢,我想了一会说:真的重要?孟:嗯,我:那我来做这边的全部视觉,把这个事情做起来吧...

首页改造   

    就这样我将阵地转移到了wap站,设计跟app心态一样,而区别在于这是一块无人关注的净土,因该会更加自由一些,对于熟知前端的我更是得心应手,平衡好前端、运营、产品等问题,轻设计,简化无关紧要的视觉元素(去除一切渐变、阴影、各种线条等)统一平台视觉风格,让前端工程师更容易实现,摘取app运营部分功能及图片尺寸,保持等比统一,减轻运营压力,将底部浮层功集成中统一功能入口,减少由于浏览器版本所造成的适配问题,短短1个月产品设计开发迅速的完成了首页改造。

    三个竞品除淘宝保持跟客户端一致外只有京东与当当独立进行了触屏站的研发

4a63571845926ac725134326bba3.jpg

    上线没多久反响不小,竟然惊动了老板娘!打听发现原来她经常用wap版本,领导纷纷关注触屏的发展,各种需求随之而来就连广告都一分为二!真不知道是好事还是坏事!

    

5e855718460a6ac7251343d30052.jpg


建立规范    

    首页的楼层也是越来越高,各事业部纷纷要求增加首页入口,哎!不管怎样还算是一块净土,在后续逐步补充其他页面(栏目,单品、店铺、结算流程、空数据页面等等),为了更好的跟开发合作沟通保证视觉统一输出,建立视觉规范,这次跟之前的不一样,规范在设计的过程中逐步形成,边做边规范,直到我写这这篇文章依旧还在补充。

4dc7571847326ac72513433a53ef.jpg

整体效果

    整个视觉规范的建立必须由无数的界面去相互检验,逐渐累积,慢慢的形成一个体系,他们是一个整体,我要做的就是这些。

a3d657184f2c6ac7251343732a1b.jpg

很快我们的努力是值得的,触屏的订单量得到较大提升,获得总裁认同奖。

94c25718777e32f8758c9b14a2a8.jpg

随后微信商城也顺利上线,触屏站的完美告捷,我似乎又到了该离场的时候了,工作还在继续,我又开始寻找新的阵地…… 

12
Report
|
10
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
华为项目——Ai智慧网图
Homepage recommendation
大家都在看
Log in