提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
这是我第一次接触到unity开发的应用APP,上线产品,已更新至2.0.5版。
项目背景
车颜易幻,作为一款给用户展示汽车改装效果的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,我们有线下的推广渠道,有线下的改装市场。
共勉!
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册