【项目总结】车颜易幻app

项目背景

       车颜易幻，作为一款给用户展示汽车改装效果的APP，它包括车身贴膜，车顶贴膜以及轮毂改装，720度全方位旋转，让用户能直观的看到自己车改装之后的效果。车颜易幻是基于线下与我司合作的各大厂家以及店家而开发的“定制”APP，其前身名为“车颜易改”，是委托外包公司开发，因一些问题无法投入使用，因而决定重塑该产品并更名为“车颜易幻”。

旧版问题

1、产品层面

     无登录注册（个人中心），用户所拥有车辆（型号），已选改装方式无法记录。

2、体验层面

     界面功能表述不清，汽车品牌、型号，改装样式众多，此类信息展现却是差强人意，导致点击操作困难；界面交互操作反馈缺失。

3、视觉层面

      UI：   设计表现老旧，标签栏英文运用画蛇添足；

      3D：  场景缺失，界面漆黑一片，车辆模型粗糙，与需求逼真效果相差甚远；

      灯光：光源太少，烘焙不佳；

      材质：整个APP核心（改装）改色膜，即材质球不够逼真。

设计方案

       针对对上问题和boss所提的新需求，考虑到APP界面横屏及游戏引擎开发的问题，我决定结合手游APP和应用APP的方式来设计。（3D场景及汽车模型由我们的3D模型师负责，灯光及材质由我们的shader程序员负责）

       原型草图如下

       这是一个命运多舛的产品，以上方案因一些原因而中断了ε(┬┬﹏┬┬)3，再回到这个项目时，是在旧版已有资源的基础上进行更新迭代的。

设计阶段

       通过不断地的设计探索，考虑到汽车改装给人刺激、大胆、年轻肆意的感觉，场景的缺失及汽车改装面向的群体，最终大胆地采用饱和度较高的橙黄色为主色调，醒目的同时也减少场景漆黑一片带来的空洞感，降低用户的不适。

       （因场景等资源在项目中途还是作了摒弃处理，导致界面也有了一些变化）

       为了让用户在改装过程中能直观的看到汽车改装前后的变化，以及方便用户全方位旋转汽车观察改装效果，tab栏作了向下隐藏处理，重新优化了改装样式的展现方式，使用户的操作更加高效快捷；33种车型，80款汽车展现更加明确，让用户一目了然，降低用户操作成本。

       车颜易幻这个项目在重塑的过程中又陆续增加了两个重要板块。

       1、图集

       2、一元购膜

图集

      图集在主界面有两个icon入口，在用户选择某款车型且该车型下图集中有提供照片时显示icon，若无则默认隐藏，引导用户，避免不必要的操作。

       图集界面是用于用户查看线下实际改装效果，所用照片均为线下客户改装后的真实照片， 为用户提供更多可供参考的改装样式，且推荐的图集也可起到为线下店家厂家宣传的效果，从而提高APP的商业价值。

       

       （推荐图集只示范了两张照片，太大，传不上来φ(>ω<)

  

一元购膜

      “一元购膜”这一版块在“车颜易幻”项目中是有些突兀的，且“一元购”竞品众多，均为独立（应用）APP，    为了让整个设计和谐统一 ，且与竞品形成差异，我尝试另辟蹊径，把整个版块独立出来同时又融合进“车颜易幻”

      “一元购膜”是除改装外的又一核心功能，涉及到付费（盈利方式）；通过类似博彩的玩法吸引用户，增加用户粘着度。

    “一元购膜”版块依然延用“车颜易幻”改装板块的色调和简易icon，所售商品为改色膜，用户线上购买，中奖用户可获得店家线下服务改装。

       启动页投放广告，为线下实体改装店增加曝光率。

       这次改版对登录页也做了优化。考虑到闪屏广告的投放，在3s秒内获得提升传达率，以及，用户的习惯竖屏输入键盘而非横屏，因而在登录注册界面和启动页采用了竖屏的方式。

结语

       此次改版在一定程度上也算是原生APP的开发，除了汽车模型是在之前的基础上进行优化改良。

       由于是unity开发，一些在应用APP里的规范在这里会被打破，在切图方面也是，与程序小哥哥的沟通尤为重要。

       就某种程度而言，这款APP是没有竞品可言的。其原因在于这是一款“定制”APP，我们有线下的推广渠道，有线下的改装市场。 

       

       共勉！