百木园
01 设计目标
【开年抢租节】是58租房的重点运营活动，也是最具代表性的活动，是每年第一场大型营销活动。2023【开年抢租节】除了满足业务流量增长的目标外，在设计上也有了全新的目标：传承与突破 。
02 设计思路
因为活动上线是正月初十，所以活动整体的设计调性还是围绕“春节”来设计，如何突出春节氛围就是我们前期需要思考的重点。
增彩传统年俗
我们在分析了大量竞品和做过的活动案例后，总结出了4个维度来展示2023年春节的氛围，这四个维度更容易结合年俗的元素，同时具有更强的识别性和延展性，他们分别是“配图”“配色”“纹样”“IP”。
配图
在楼层配图上，我们汲取了传统毛笔书法的灵感，把每个楼层最突出的利益点凝练成一个字，降低用户认知成本。
为了更好的突出毛笔字的特征，我们在设计上做了一些小创新，将毛笔字3D化呈现，同时为了配合整体色调氛围，将字体变为金色材质，衬托红色边框，整体更有春节“福”字的感受，同时整体质感更加饱满，更具辨识度。
配色
配色上我们沿用“简单美好”的设计思路，整体色彩更加轻盈。降低饱和度的同时提高明度，同时增加了更多的环境色渐变融合，使整体视觉感受更加轻盈。
纹样
纹样的选择我们采用了比较传统的海棠纹样，海棠纹样寓意吉祥，象征着玉堂富贵长寿的美好寓意。
IP
IP设计每年都是58春运的重头戏，它是串联58春节活动的主要角色，也是最能代表春节年味的元素之一。今年癸卯兔年延续了虎年的IP设计特征，保持了头身比例和穿衣特征，也延续了基础IP设定部分，从虎吉吉延续到了兔吉吉。兔吉吉在头部、面部特征上做了优化调整，让IP感受更加接近5岁小孩的感觉，整体更加活泼、可爱，也是整个活动的亮点。
03 执行细节
完成了楼层部分的框架搭建，我们把设计重心放在了活动头图的设计上。头图内容是透传活动主题和利益点的主要展示区域，租房的活动主题都是围绕“家”这个场景展开的，那么如何在春节期间营造家的氛围，便是我们的一个设计抓手。
租房符号是我们表达品牌感和一致性的重要手段，经过多轮脑爆，本次活动符号被定义为“家”中的窗户，我们用开场动画演绎了符号两个部分的形态和关系，同时开场动画也用作了loading动画，强化了符号展示的同时，对用户也不做过多的干扰。
符号落定后透出窗外喜庆的节日氛围，我们将窗户周围写上福字，贴上春联，让年味更加充足。同时阳光洒进室内，整体背景渐变色处理的简约而不简单。
道具
家中的家具也是经过了精挑细选，3张头图中的家具在材质、颜色、形态上尽量做到了拉齐统一。在细节打磨上也花费了很多功夫，如投影的关系，物体纹理的细节等。这些细节的添加都是为了给用户营造出春节家庭的氛围感，强化活动利益点透传。
04 技术亮点
本次项目头图采用了全新的oasis引擎技术，该技术让之前的伪3D变成了可交互的真3D，通过这次项目的技术落地，我们带给了用户全新的互动体验，也帮助我们补齐了技术差距。
oasis引擎技术的主要载体是头图部分的人物角色。在前期我们根据画面内容确定好每组人物身份后，我们对人物穿着设定进行尝试，同时对人物在画面中的动态进行设计，以达到对活动利益透传的演绎。
我们运用Faceteam人物进行延展，保证整体一致性。在建模完成后，我们对人物进行了重新的骨骼绑定，并根据2D设定进行了多次的动作摆放调整，以达到统一和谐的关系。
确认好动作后，我们对模型进行了展UV、模型减面、权重调整、贴图绘制、动画制作、转格式等多个步骤，为导入oasis引擎做最后的准备。导入的过程也因为软件版本或兼容问题出现了各种各样的bug，最终经过多轮尝试解决了导入bug。
05 写在最后
2023开年抢租节活动已经结束，活动整体数据均达到预期目标。但是我们还是发现了一些美中不足。首先，我们还没有完全开发出oasis引擎的交互体验深度，引擎可以承载更加丰富的交互体验。第二，结合引擎开发成本看，这项技术更适合应用在中长期项目中。第三，我们还可以提高屏效，加强与业务绑定深度。
最后，我们希望在未来扩容更多的技术选择，在S级项目中有更加丰富有趣的展现形式带给用户，用设计力量帮助业务创造更多价值。
作者：58UXD
来源公众号：58UXD（ID：i58UXD），58UXD，全称58同城用户体验设计中心。
本文由人人都是产品经理合作媒体 @58UXD 授权发布于人人都是产品经理。未经许可，禁止转载。
题图来自Unsplash，基于CC0协议。
该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。
来源：https://www.woshipm.com/ucd/5788564.html
本站部分图文来源于网络，如有侵权请联系删除。