iSany一周年庆典活动

用户头像
北京/设计爱好者/2年前/4031浏览
iSany一周年庆典活动
最近抽空复盘了一下去年的运营活动,还有其他活动没来得及做,此处立个flag,后期补上
活动背景
这次活动是isany产品的一次运营活动,由于isany 这个平台是企业内部员工在使用的一个一站式工作学习生活服务平台,当前我们上线了一个新的功能较同事圈,为了去推广这个功能,想要通过线上线下的运营活动去提高该功能的日活,建立用户和产品的粘性,打造品牌感知,建立长期品牌价值;
iSany一周年庆典活动(图ZMzYzNDEyODYw) - APP界面 - 站酷设计师Lusutre先有蛋原创素材 - 站酷ZCOOL
收藏
活动玩法
由于活动玩法是通过前期线上线下预热,通过引导用户查阅自己的年度报告去引导用户分享,并且完成指定主题的发帖任务,才能在活动当天去参与线上抽奖,通过让用户完成发帖任务并进行弹幕互动抽奖来点燃活动的高潮
iSany一周年庆典活动(图ZMzYzNDE0Njc2) - APP界面 - 站酷设计师Lusutre先有蛋原创素材 - 站酷ZCOOL
收藏
设计过程
本次活动主题是'感恩共创聚力前行',为了切入主题,我们又从“感恩共创距离前行”中提取了两个关键词:“回顾过去”和“展望未来”,来为真实的设计过程提供线索。
根据我们的产品定位和用户人群特征、偏好,我们希望通过‘年轻化、故事性、场景化’去进行整个活动运营的设计;
iSany一周年庆典活动(图ZMzYzNDEyODcy) - APP界面 - 站酷设计师Lusutre先有蛋原创素材 - 站酷ZCOOL
收藏
活动创意
根据活动内容和主题,我们项目内部进行了活动故事和场景的讨论,确定了主线活动的主视觉主要结合ip去打造热闹非凡的庆典氛围,辅线以‘时光机’引出‘回顾过去’的关键词作为年度报告的主题,通过时光穿越和时光分享作为整个年度报告的故事内容,带领用户去追溯回顾这一年来的付出和成就,引导用户去进行分享;
iSany一周年庆典活动(图ZMzYzNDEyODc2) - APP界面 - 站酷设计师Lusutre先有蛋原创素材 - 站酷ZCOOL
收藏
视觉语言
元素
活动的主视觉主要是 通过视觉元素ip、蛋糕和小花儿、气球等具有节日气息的元素,通过背景颜色和云等元素去进行氛围的点缀;
色调
色调的话当时设计了2个版本,蓝色和红色,最终由项目组共同确定使用蓝色方案;
由于我们的群体是偏向于80、90后的中青年群体,isany平台是一个效率型工具,所以在颜色使用上去匹配 isany定义的视觉语言‘轻快感’;通过通栏的banner布局、渐变的背景和通透的毛玻璃内容背景增去打造视觉感受的轻快感;
在蓝色主色的基础上扩展了邻近色紫色为辅助颜色,橙色作为蓝色互补色主要作为点缀色时使用;
字体
字体是根据免费字体‘优设标题黑’进行演变和设计而来;
动效
为了增加活动的趣味性和打造氛围感,我们也加入了大量的动效设计;
首页的主视觉一开始是用了 ip 思达跳舞的动效,这种视觉效果更加的吸睛和有趣,但是由于开发测试的时候发现太大了,尝试使用了gif 格式压缩、apng格式还是没有办法,所以临时又去掉了首页banner的跳舞动效,使用第二层云层上下浮动的微动效,设计师在ae里面调整好动效,将参数整理发给开发时进行还原和调试;
iSany一周年庆典活动(图ZMzYzNDEyODgw) - APP界面 - 站酷设计师Lusutre先有蛋原创素材 - 站酷ZCOOL
收藏
交互链路
梳理了整个线上活动的链路,由于本次活动以发帖抽奖为主线,辅线是年度报告,所以设计的时候首页增加了浮窗‘一周年’和‘时光机’去切换的动效的方式去进行引导,浮窗也可以关闭避免干扰用户,当用户再次打开后又会重新看到浮窗;
当用户在进入活动详情页面后,首屏主视觉是时光机,下面模块是抽奖任务前中后,这样用户在前中后都保持一致性的体验,且整个信息内容一目了然;
iSany一周年庆典活动(图ZMzYzNDEyODg0) - APP界面 - 站酷设计师Lusutre先有蛋原创素材 - 站酷ZCOOL
收藏
iSany一周年庆典活动(图ZMzYzNDEyODg4) - APP界面 - 站酷设计师Lusutre先有蛋原创素材 - 站酷ZCOOL
抽奖动效
收藏
在年度报告 h5 时光机配色方面,我们将单个页面的色调统一,仅保留小面积的点缀色,保障视觉丰富度的同时尽可能让用户专注于数据部分的阅读。
iSany一周年庆典活动(图ZMzYzNDEyOTA0) - APP界面 - 站酷设计师Lusutre先有蛋原创素材 - 站酷ZCOOL
年度报告活动 h5
收藏
iSany一周年庆典活动(图ZMzYzNDEyOTMy) - APP界面 - 站酷设计师Lusutre先有蛋原创素材 - 站酷ZCOOL
在用户授权开启阅读年度报告后我们通过加载的动画去过度数据加载时候的用户等待,在加载完成后通过打开时光机的小动画去进行穿越时光的过度
收藏
iSany一周年庆典活动(图ZMzYzNDEzODMy) - APP界面 - 站酷设计师Lusutre先有蛋原创素材 - 站酷ZCOOL
时光罗盘、飞舞的蝴蝶和追寻的logo、生日祝福的爱心、学考通关后的书本、发布过的优秀建议墙...
收藏
iSany一周年庆典活动(图ZMzYzNDEzODQw) - APP界面 - 站酷设计师Lusutre先有蛋原创素材 - 站酷ZCOOL
收藏
iSany一周年庆典活动(图ZMzYzNDEzODQ0) - APP界面 - 站酷设计师Lusutre先有蛋原创素材 - 站酷ZCOOL
思达不同的服装
收藏
iSany一周年庆典活动(图ZMzYzNDEzODQ4) - APP界面 - 站酷设计师Lusutre先有蛋原创素材 - 站酷ZCOOL
盲盒龙崽的设计稿
收藏
本次活动整个上线周期为1周,整个活动是一个共创的过程,我在接到需求的时候积极的参与到每一个环节,也是收获满案,无论是团队协作、设计创意和手活质量都有所提升
59
举报
|
128
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
欢迎页插画
我的钱包-UI界面设计-app
户外旅行女孩行李地图出发
白细胞
手机,扫码,支付,手机付款,检查,插画 , 扁平 , 引导页,开屏页,开机动画 , app , 可爱风格 , 漂亮插画 , 界面 , 山 , 月亮 , 风景插画,互联网 , 互联网插画 , 商务 , 项目 ,  网页插画 ,
app/web背景素材
靶场
简约风箭头方向指引矢量元素
APP界面//暂无消息页面/暂无预约页面
户外旅行驴友探险社媒照片
消息图标
2.5d插画
手机交互概念素材
以笔为剑,纵情挥洒的东方气韵|御林铭心 颜体
人工智能家居app控制界面和笔记本电脑,电脑还有智能手机。智能家居自动化助理概念。
订单页面图标
攀登者矢量素材
APP界面//暂无数据页面/暂无收藏页面
APP界面/暂无网络页面/成功失败页面
积分图标
户外旅行飞机情侣假日出行
APP界面/空状态页面
炫彩渐变风格的 APP 图标素材
App界面设计/UI设计展板
app界面插画(欢迎界面)
你可能喜欢
相关收藏夹
大家都在看
登录注册