流利说设计团队 流利说设计团队 9月27日
    大促活动都有哪些内容?如何有效复用主视觉?大促视觉是经历了哪些思想的碰撞产生的呢?设计师又是如何巧妙的解决这些问题的呢?一起来看看吧!

    项目概括

    2020年 流利说® 开始做 流利说®大促 项目,经过最近几次大促项目不断探索新的风格尝试。思考如何给用户更好的服务,如何打造 流利说®大促 品牌。

    整个项目从以下五个部分进行规划:概念脑暴 - 品牌重塑 - 主 KV - 设计衍生 - 复盘总结。通过系统的整体规划建立 流利说®大促 品牌。
    image.png
    image.png
    image.png
    视觉风格定位

    根据用户调研得到的用户背景为基础,我们对视觉风格进行了定位。视觉在“年轻”感的同时,画面也能感受到“惊喜”和“趣味性”的概念。我们做了大量视觉方向尝试,希望能在用户心中留下流利说大促的品牌印象。

    image.png
    在讨论过程中,与运营团队一起脑暴一些关键词,最终确定以“春季”的主题进行构思,以绿色调为主,增加春天的氛围。
    image.png
    image.png
    3月大促关键词提炼

    1. ![image.png](https://cdn.nlark.com/yuque/0/2021/png/172255/1635149620357-a3fa7731-12a3-4cfe-8111-4137ccc31b1b.png#clientId=udce9d550-59dc-4&from=paste&height=264&id=uc0a407ec&margin=%5Bobject%20Object%5D&name=image.png&originHeight=425&originWidth=1080&originalType=binary&ratio=1&size=378601&status=done&style=none&taskId=u29fe8b7b-7c59-4651-ab54-2cb08265821&width=670)<br /> 3月大促脑爆会过程

    本次大促项目,我们围绕“春季”主题进行了脑暴会,最终以 “流利护航,不负春光” 作为 Slogan。

    1. ![image.png](https://cdn.nlark.com/yuque/0/2021/png/172255/1635149764585-99a7e2d6-4d11-4d9e-870e-0be11d8214e0.png#clientId=udce9d550-59dc-4&from=paste&height=336&id=u87ff65ef&margin=%5Bobject%20Object%5D&name=image.png&originHeight=531&originWidth=1080&originalType=binary&ratio=1&size=124394&status=done&style=none&taskId=ua892e8d7-434d-4c8e-be4c-9bfe8f71466&width=683)

    image.png
    以往我们都是以 LAIX FAMILY 角色为主角进行设计,为了进一步提升品牌在用户间的好感度,建立 流利说®大促 品牌。我们以 流利说® Logo 为基础,在之前设计周年庆礼物的项目中,品牌设计师重新设计了 LAIX 品牌 IP LAIXER 。

    通过塑造虚拟 IP 独具特色的个性和人格魅力,传递给用户品牌情怀与温度。拟人 IP 是一个露出 流利说® logo的小宇航员,宇航服上有一个象征声音的标志。
    image.png
    LAIXER IP 设计

    以 LAIXER 角色结合“流利护航”的slogan,绘制了春季大促皮肤。将 LAIX FAMILY 角色作为辅助人物。
    image.png
    image.png
    LAIX FAMILY 3月大促版

    image.png
    主题为“流利护航,不负春光”,不禁会让人联想到春意盎然的森林和充满希望的宇航员。因此在进行视觉设计的时候,以“春意盎然”“陪伴”为关键词,将森林和宇航员作为此次活动的视觉元素。
    image.png
    image.png
    image.png
    image.png
    3 月大促主视觉

    主活动页面设计
    各活动页面 延续了主 KV 的设计 ,将学习书本融入到插画中。
    image.png
    3 月大促H5页面及各SKU海报

    1. ![image.png](https://cdn.nlark.com/yuque/0/2021/png/172255/1635150121082-afdfb43b-e616-415d-a33f-5a5def6f4db3.png#clientId=udce9d550-59dc-4&from=paste&height=83&id=u689f3eb7&margin=%5Bobject%20Object%5D&name=image.png&originHeight=143&originWidth=1080&originalType=binary&ratio=1&size=33264&status=done&style=none&taskId=u0c62a20a-0a9a-4242-88c1-6131c0e75e2&width=627)<br /> ![image.png](https://cdn.nlark.com/yuque/0/2021/png/172255/1635150136634-621753be-cf09-4ece-8b9b-6c7c14ab7d17.png#clientId=udce9d550-59dc-4&from=paste&height=477&id=u158690c2&margin=%5Bobject%20Object%5D&name=image.png&originHeight=865&originWidth=1080&originalType=binary&ratio=1&size=960719&status=done&style=none&taskId=u97bc1763-06da-40cd-a781-7b12aee8ae7&width=596)<br /> 3 月大促开屏弹窗站内资源位

    image.png
    为了激发老师的动力带动用户购课,设计了大促纪念 T。在 LAIXER 的基础上创作加了火焰包裹的增加了热血感,加了星球、书、笔的元素体现奋斗学习。
    image.png
    image.png
    大促 T恤设计

    image.png
    在近 4 次大促中,3 月大促社群用户喜爱率占 45% ,占比最高。LAIXER 形象插画设计,迎合春季主题更加受到社群喜爱,同时高色彩饱和度可以增强用户的亢奋情绪 。

    从复盘反馈中我们得到,每次大促的倒计时海报并不是每张都准时发到社群,解决方案 1 是减少数量,减少用户的厌烦感。解决方案 2 是做成模板,设计规范化。根据反馈表示倒计时海报还是非常有必要的,最终我们选择了方案 2 。

    1. ![image.png](https://cdn.nlark.com/yuque/0/2021/png/172255/1635150312458-0a285922-2479-41de-95b9-27d4a44a7b34.png#clientId=udce9d550-59dc-4&from=paste&height=87&id=u4838bccc&margin=%5Bobject%20Object%5D&name=image.png&originHeight=143&originWidth=1080&originalType=binary&ratio=1&size=33264&status=done&style=none&taskId=u35eee6ec-9a7c-4922-a0e3-6f3b1c1ecd6&width=657)<br /> ![image.png](https://cdn.nlark.com/yuque/0/2021/png/172255/1635150332065-74191b0d-1de1-4be1-9d8d-e65e574105e1.png#clientId=udce9d550-59dc-4&from=paste&height=564&id=uf95a78b1&margin=%5Bobject%20Object%5D&name=image.png&originHeight=955&originWidth=1080&originalType=binary&ratio=1&size=262984&status=done&style=none&taskId=u8542a5e2-4604-4cbc-b6a0-01c75f683ad&width=638)
    2. 倒计时海报模块拆分
    3. ![image.png](https://cdn.nlark.com/yuque/0/2021/png/172255/1635150366662-d29d8fd9-c7e6-4716-ae16-a724c53bd79d.png#clientId=udce9d550-59dc-4&from=paste&height=468&id=u66f5710b&margin=%5Bobject%20Object%5D&name=image.png&originHeight=737&originWidth=1079&originalType=binary&ratio=1&size=970418&status=done&style=none&taskId=u819d705f-505b-4b44-81e5-a3de27ca049&width=684.5)

    结语

    • 大促这种大型系列活动,设计师可以提前参与,与团队一起脑暴探索活动主题和玩法,并基于主题建立品牌,保证后续的活动延展应用。

    • 系列活动中,规范化设计,可以提高工作效率,对整体视觉风统一有很好的提升。

    1. ![image.png](https://cdn.nlark.com/yuque/0/2021/png/172255/1635150395409-6281cc9f-9953-4f84-b478-d7684d5c2e0b.png#clientId=udce9d550-59dc-4&from=paste&height=230&id=u02b6f179&margin=%5Bobject%20Object%5D&name=image.png&originHeight=459&originWidth=1080&originalType=binary&ratio=1&size=432197&status=done&style=none&taskId=u16c834ec-16ef-411c-8149-58f5d75368c&width=540)