RSM_icon-4

rolex shanghai masters

official mini program

上海劳力士大师赛

官方商城小程序

UI设计 / UX设计

RSM_cover

项目背景

作为一个网球爱好者,有幸为一个世界顶级网球赛事进行官方小程序的设计,无疑是一件让人兴奋和激动的事情。上海大师赛作为仅次于四大满贯的9个大师系列赛之一,也是唯一一个亚洲的ATP1000赛事,在当今移动互联网消费为主的趋势下,急需有一个官方的移动端平台来进行商品的售卖及活动的承载,由此,官方小程序应运而生。

在本项目开始之前,官方的门票销售渠道主要在官方网站和天猫旗舰店上,此外,还有其它一些第三方的票务网站及票务APP会进行分销,官方并没有专门的自有移动端渠道,这无疑是与当今人们的购买习惯是不匹配的。

rsm_suncode

敬请扫码观赏

我在项目中的角色

由于在项目进行期间,部门人手不足,在本项目中,我个人承担了所有的UI及UX设计工作,另有一名项目经理负责客户协调和进度跟进。

整个项目的持续时间约100天,因为做了充分的准备工作,项目进展的相当顺利。在项目进行到40天的时候,已经提交了所有主要UI页面并进入到开发阶段;70天左右,完成了全部UI页面的提交,并最终在100天左右如期交付上线。

项目成员

UI/UX Designer × 1, Project Manager × 1

项目周期

100 Days

最终交付物

UI Pages, Customer Journey, Online Mini Programer

设计目标

rsm-num1

提供比赛门票及周边商品的售卖

虽然是官方购票小程序,但小程序的功能却不能仅仅只限于购票,还要包括网球周边商品、比赛纪念品等的售卖,这就要求要在小程序设计上考虑到多种类型商品的出售和购买链路。

rsm-num3

构建对用户友好的商品购买及售后服务通道

因为门票的特殊商品属性,在取票上可以让用户选择线上发货或线下提货,并且,还有部分票种包含的赠品及购买的周边商品也需要用户到线下领取,所以需要规划好不同类型订单的后续链路,以更好地达成交易的完成。

rsm-num2

对门票的多种售卖方式进行合理化设计

这一届的大师赛门票售卖将不再和以往一样只按天出售,而是分为日场票、夜场票、亲子票、全程票等多个维度的票种,再加上团购票、粉丝票等特殊票种,门票种类繁多,这就需要在设计上进行精准的区分和引导,方便用户快速定位到自己所需的票种,完成下单购买。

rsm-num4

设计专属的有奖竞猜栏目

有奖竞猜仅仅是基于客户的一个想法,并没有给到我们明确的执行方案,所以需要我们在充分了解网球比赛机制的前提条件下,规划出逻辑合理,可落地执行的具体方案。

UX方法/工具应用

在本项目中应用到的想着UX方法及工具有:

rsm-icon1

用户访谈

Customer Interviews

rsm-icon4

信息架构

Information Architecture

rsm-icon2

市场分析

Marketing Analysis

rsm-icon5

用户体验地图

Customer Journey

rsm-icon3

用户画像

Persona

rsm-icon6

原型图

Prototype

信息架构

在项目初始阶段,我们对项目需求进行了认真分析和充分研究,梳理了项目内容,规划了功能结构图。

rsm_site-map
rsm_persona-1

用户画像

通过与客户的沟通,了解到用户的主要类型和购票诉求,并整理成用户画像,用于指导项目整体的结构设计,并最大可能地提升用户的体验好感度。

用户体验地图

基于用户访谈和用户画像的结果,我们对用户在产品实际使用过程中可能会遇到的各种状况进行了全面分析,制作了用户体验地图(Customer Journey),以帮助我们更好地了解用户痛点,并制订解决方案。

rsm_coutomer-journey

主要UI页面设计说明

作为国内最顶级的网球比赛项目,在UI设计上并没有什么竞品可以参考,只能依靠我们自己对于品牌方和用户两方面的理解,充分考虑到供需两方的需求,在满足产品功能的基础上,将小程序尽量设计的品牌感十足,并带有些许创意。

rsm_pages1-1

首页

头部KV大图充分展示品牌调性及比赛内容,以球员为号召点吸引用户进行后续购买。

“V”字形的异形分割线既来源于大师赛logo本身的下轮廓外形,又寓意着比赛的胜利。

热卖商品的滑动展示,引导用户进行购买。

广告或活动的入口点位,可以是图片或视频,可进行多图或多视频轮播。

个性化的底部导航图标。

商品列表&购物车

在商品列表和购物车页面,都采用Tab标签模式来对售卖商品和已购商品进行分类管理,让商品多而不乱,更好地引导用户进行商品选择及结算购买。

另外,商品列表和购物车页面的商品单元都采用了卡片式的样式设计,最大程度保持了界面样式的一致性,减少了用户学习成本。并加入角标元素,更好地对不同种类的商品进行区分管理,一目了然,方便用户快速找到相应商品。

rsm_pages2
rsm_pages3

个人中心&订单列表

个人中心页面中将商品订单分为线上发货和线下取货的两种类别,以商品的发货方式不同快速定位订单,能清晰地引导用户进入分别的订单列表页面,查找到自己订单的详情。

在订单列表页面中,能非常详细地查看到各订单的具体内容和相关状态,并提供在线客服入口,方便用户及时解决售后问题。

销售成果

作为一个新上线的移动端购票渠道,在仅有的短短三个月的时间里,就取得了非常不错的销售成绩。虽然对比官方的另外两个PC端渠道,没有在销量上取得压倒性的优势,但已经展现出了巨大的潜力。这其中,一方面是因为小程序上线时间短,且没有进行大规模的商业推广;另一方面,品牌方并没有预料到小程序售票的火爆,在各渠道上的门票分配不够合理,导致小程序门票库存不足,比其它渠道更早售罄,丧失了冲击更高销售目标的机会。

官方渠道门票销量对比图

rsm_chart

因涉及到敏感商业数据,此处对数据做了模糊化处理,不进行具体数值的标注。

回顾与收获

这是我职业生涯中难得的一个能把兴趣和工作完美结合的案例,我个人在这个项目上倾注了大量的时间和热情,并最终取得了较为满意的结果。而对于品牌方来说,原本只是一个尝试性的项目,在看到销售势头大大超出预期之后,品牌方也决定将这个官方小程序作为一个长期的销售渠道来运营。只可惜,由于疫情,2020年该项赛事取消,没有机会进一步验证小程序的售票能力。

rsm_pages4

意外收获

小程序内的有奖竞猜栏目意外地成为一个黏性很强的功能点,并不是只有上海大师赛可以进行竞猜活动,只要有其它大型网球赛事正在进行,就可以发起竞猜活动,让网球迷们可以经常回到官方小程序来进行互动。

现场观看

完成项目之后,项目组的成员们接受赛事主办方的邀请,来到大师赛现场观看比赛。第一次来到靠近球场的VIP席位,近距离观看世界顶尖球员的现场比赛,体验狂热粉丝们的加油助威,真是一个圆满的结局!

rsm_photos

Email: tom.yuyi@qq.com          Wechat ID: SuperTomYu

© 2019-2024 SUPERTOMYU.COM by Tom.Yu