恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
【项目总结】车颜易幻app
0.0°
2017-08-18 原创文章 经验/观点 举报 2696 1 4 0

这是我第一次接触到unity开发的应用APP,上线产品,已更新至2.0.5版。

Image title



项目背景

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


旧版问题

1、产品层面

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

2、体验层面

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

3、视觉层面

      UI:   设计表现老旧,标签栏英文运用画蛇添足;

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

      灯光:光源太少,烘焙不佳;

      材质:整个APP核心(改装)改色膜,即材质球不够逼真。

旧版主界面



设计方案

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


       原型草图如下

原型草图



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


设计阶段

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


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


新版界面


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



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

       1、图集

       2、一元购膜



图集

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

atlas


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

       

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

  

一元购膜

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

entrance




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

award


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

all pages


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

ad


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

login




结语

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

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

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

       

       共勉!



更新:2017-08-18

收藏

1人已收藏

君子有九思

wx:beauty48852

  • 15

    作品

  • 8

    粉丝

  • 47

    关注

  • 车手荣誉【手游项目】
  • 车颜易幻-汽车改装Redesign【APP】
  • 网页-车手币兑换(手游车手荣誉)
  • 骞疆科技官网设计
相关标签
ui设计

    猜你喜欢

      2017-08-18 原创文章 经验/观点 举报 2696 1 4 0

      【项目总结】车颜易幻app

      0.0°

      你确定要举报【项目总结】车颜易幻app

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年08月18日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录