自2007年首次上线以来，直通车作为阿里妈妈旗下一款为淘宝/天猫卖家量身打造的精准营销产品，一直是用户首选的营销工具。历经6年的不断改良优化，直通车后台终于迎来了这次全新的改版。为了响应改版后的首次内测，我们需要进行一次内测准备的预热活动。
1.前期思考
作为一款营销工具，产品优化的主要目标是丰富的数据展现，人性化的操作体验以及智能高效的工具使用。然而，这始终是一款专业且数据型的产品，起后台展现也是以数据为主。因此，预热页面在视觉上很难从产品样式中需求突破。在众多的推广页面中，让用户“感受产品带来的改变”，我想是很多设计师首先需要去思考的。特别是作为一次产品推广过程中打头阵的预热活动，其表现出来的不应该是单一的产品展示。预热页的目的，是“吸引用户并告之”并且“感受产品最精彩的部分”。
因此如何从单一的数据型产品提炼出充满活力的元素，如何表现出产品新特性所带来的改变，完善良好新颖的视觉体验，是我们这次的设计目标。
2.执行
2.1探索分析
我们历来有把虚拟的产品用一种比较形象的物件作为名称的做法，比如直通车，钻石展位……围绕这些词汇，我们可以延伸出很多形象化的东西，方便我们去表达和传递产品的信息。直通车，精准的营销产品，使用高科技产品高速列车来表达他的高效，智能与精准。所以无论产品的LOGO，还是推广互动，该形象已经作为一种品牌的概念传承下来。我们将继续在此次项目中深化这个概念。
但是，此次作为直通车改版后首次对外的一次展现，我们希望不仅能够延续这个概念，更需要在此基础上突出新后台将给用户带来的感受——丰富、智能、人性化。
因此，为了更好的进入设计阶段，根据以上的探索罗列了一些问题：
1.页面需要承载哪些内容，哪些更重要一些？
2.有哪些互动点？
3.如何有效的组织内容之间的关联？
4.如何展现产品的特性？
5.页面预期会给用户带来何种感受？
6.页面的制作周期以及项目的上线时间？
我们需要带着这些问题去和需求方一个一个进行反复沟通：
1.一期预热的主要内容有：内测资格的要求与申请（改内容为重点）；内测用户的留言；新产品的功能特点
2.互动点不多，主要是参与内测（提交报名和使用感受）
3.鉴于内容不是很多，我们可以通过视觉元素去做关联
4.一方面需要实际的截图展现产品功能，另一方面需要用视觉的语言去表现产品的特色
5.希望用户能有一种焕然一新的感受
6.由于需求提交的比较早，整个制作有较充裕的时间，可以尝试视差滚动的效果
2.2概念
将这些概念的词汇串联起来，脑海中是不是已经有画面出现了呢？这似乎是一个很有意思的故事呢。我们将故事的背景放置在浩瀚的宇宙，直通车产品的发展如同飞行器的发展不断更新，在这过程中还会发生各种神奇的故事……我们希望给用户传达出直通车产品在“不断发展，不断革新，”的感受，宇宙，飞行器暗示产品的高效，智能以及平台技术的可靠。
完善了我们的概念，就开始大刀阔斧的进入我们的设计阶段了。
2.3布局
2.4配色
这里展示的是一些配色的参考，具体的色彩还需要在设计过程中进行调整。
2.5图形
在设定概念并布局的时候我们已经确定了要做成视差滚动的效果，所以在图形的绘制上也要时时考虑页面特点。在这个页面中我遵循了这么几点原则：
1.背景尽可能纯色或者是平铺图形。（可以保证页面背景连续且最后输出时不会很大）
2.贴图层（物件层）最好是独立清晰，并且是矢量绘制的。（视觉元素统一，适合后期做独立的交互效果）
3.注意上下内容的关联。（整体性）
4.突出重点，注意内容与背景或边框的关系。
2.6合作沟通
主要是和前端对页面的交互动作和视差效果进行反复的调试和改进，以期得到较完美的效果。
3.上线反馈
从客户和运营端的反馈来说，都认为页面设计及形式很好，特别是对于新功能解读板块，采取该形式比较生动。该活动由于圈定了目标客户，因此没有大范围开展资源推广，只是定向的进行了旺旺及站内信消息推送。活动为期7天，从报名率来说大大高于以往平均水平。
4总结
首先，从上线的反馈而言，页面的形式还是比较成功的。我们在今后的活动推广中可以针对业务需求多一些此类的尝试。其次，这是我第二次使用视差效果完成的页面，相比之前（展示广告知识树），背景和局部的细节层次更加丰富，全局的视差效果也更加明显。在前端伯星同学的努力下，页面得以高保真还原并且使得视差效果更加流畅。再加上项目的前期准备比较充裕，很多问题与需求方进行了充分的沟通，这使得项目在后期的执行中十分顺畅。尽管如此，还是有许多可以继续优化的地方，比如在动态效果和交互的表现上，我们尝试的不多，缺少了一些突破性的交互体验，某些局部的动态效果还略显生硬。当然这些都是我们宝贵的财富，我们将不断的探索和突破，力求将更优质的内容呈现给我们的用户。
现在，不妨来体验一下神奇的直通车太空之旅吧~点此查看页面
