品牌故事 · Brand Story
乐竞赛场:把赛程与数据放在你打开的第一屏
回访的用户打开浏览器,想看的无非是今天这一轮的赛程、某名球员的黄牌累计,或者一份能直接转给同事的战报。乐竞赛场从 2019 年起把这几件事收进同一个入口,苹果桌面端打开即可进入赛事内容目录,不必在多层菜单里逐级寻找。
- 2019
- 开始持续运营
- 1200+
- 已整理赛程数据(场)
- 8
- 覆盖主要联赛
起点
入口为什么放在第一屏
赛程内容的读者大多是回访。他们清楚自己要什么,所以页面里最有价值的位置不是推荐位,而是能立刻点进去的入口。首页首屏由四块入口拼成:当轮赛程、红黄牌记录、目录导出和控球率图表。四块入口各自通向独立页面,也会在赛程详情里互相跳转,查一场比赛时不必退回上一级重新找。
苹果桌面端是回访用户里最集中的一端,占比约 42%。我们为它单独设计了桌面布局:左侧固定导航轨道承载品牌与六个栏目,其中第二栏长期留给赛程与数据入口;正文在轨道右侧的连续画布上铺开,滚动长内容时章节位置始终看得见。
导航第二栏不做轮换。无论版本如何更替,赛程与数据入口都停留在同一个位置,回访的人不需要重新建立路径记忆。
演进
五个主要版本,一条没有偏移的路径
从最早的一份轮次目录,到现在的数据屏体验,站点走过了五个主要版本。每一版都在同一件事上加码:让回访的人更快拿到想要的那条数据。
-
起步 · 首版目录
先解决“找得到”
最早的一版只有一份按轮次排下去的赛程列表,回答的是最基础的问题:这个阶段有哪些比赛。
-
迭代一 · 标签体系
从翻页变成点选
联赛、轮次、球队、数据类别四个维度拆成可筛选项,24 个一级分类和 160 余个标签让查找从连续翻页变成一次点选。
-
迭代二 · 记录关联
纪律记录接进赛程
红黄牌从独立列表改为与赛程页面交叉关联,看一场比赛的同时就能看到对应的纪律记录,不必再开一个页面。
-
迭代三 · 桌面端重构
导航固定下来
导航改成侧边轨道,第二栏锁定赛程与数据入口,桌面端与移动端各自用回最合适的形态。
-
迭代四 · 数据屏体验
环形图与时间轴成型
控球率图表支持全场、半场和分时段视图,环形图、时间轴与网格图拼成一块统一的夜间数据屏。
内容结构
赛程、标签、记录与图表共用一份底稿
一场比赛会同时出现在好几个位置:目录里对应的轮次、所属联赛与球队的标签下、关联的红黄牌记录,以及控球率图表上的那个数据点。它们指向的是同一场比赛,你从任何一个入口进去,看到的都是同一份内容。
- 赛程目录 按联赛、轮次、球队和数据类别筛选,二级条目按标签分组折叠。
- 红黄牌记录 支持按球队、球员、轮次和赛事阶段查询,结果与赛程页面双向关联。
- 控球率图表 提供全场、半场和分时段三种视图,随赛事进程推进更新。
- 目录导出 CSV 与打印版战报两种格式,当日战报两步完成。
当日战报的导出只需要两步:先在目录里确认轮次,再选导出格式。CSV 适合接下来继续做数据处理,打印版适合直接带进会议室。两种格式覆盖的都是你在目录里看到的那份内容。
团队
谁在维护这些数字
内容团队三十余人,分成四类角色。赛事编辑负责赛程信息与专题策划,数据标注负责控球率和纪律记录的录入与复核,前端体验负责桌面端与移动端的入口、布局和导出流程,客户支持负责回答导出、查询与入口相关的具体问题。
- 赛事编辑 赛程信息维护、专题策划与选题推进
- 数据标注 控球率与红黄牌记录录入、复核
- 前端体验 桌面端与移动端入口、布局与导出流程
- 客户支持 解答导出、查询与入口相关问题
比赛日当天,编辑与标注按场次顺序推进内容,重点场次从结束到更新完成通常不超过 15 分钟。客服在工作日 09:00—18:00 在线,邮件一般在一个工作日内回复。
合作
和谁一起把内容做完整
我们与 12 家赛事内容方和 6 家体育媒体保持内容合作,覆盖赛事资讯、数据服务和球迷社区三类生态。合作方提供赛程基础信息与赛事动态,我们负责把它们整理成可筛选、可导出、经得起反复回访的结构。
按赛季发布的赛事数据专题已累计 36 期,选题围绕轮次更新、控球率观察、红黄牌趋势和桌面端使用技巧展开。站点的赛事数据专题曾获得体育数据内容创新奖。想读具体篇目,可以进入数据专栏按标签筛选。
把一场比赛的赛程、纪律记录和数据走势放在同一个位置,回访的人就不需要记住路径,只需要记住自己想看什么。
专题是怎么定题的
选题由赛事编辑在前一轮结束后提出,方向通常落在某个联赛的控球率变化、某支球队的纪律记录分布,或者桌面端某项操作的优化过程上。定题后由数据标注整理对应数据,前端体验负责图表呈现,最后统一进入专栏列表。
氛围
从云南出发的一块夜间数据屏
乐竞赛场的工作基地在云南昆明。当地的低饱和自然色调被带进了页面:页脚的苔绿、专题引文里的柔光,都是从这套基调里长出来的,安静,不抢数据的位置。
整体视觉围绕夜间赛场展开。近黑的底色承载大面积阅读,深墨绿区分区块,荧光青只出现在可点击的位置和数据主线上,红与黄只代表红牌、黄牌和需要留意的状态。环形图、时间轴和网格图沿用同一套图形语言,无论你打开哪一页,看到的都是同一块屏幕。