项目与挑战
MAGIC3 上海市青少年三对三超级篮球赛由上海市体育局、上海市教育委员会主办,是面向青少年的大型篮球赛事。赛事官网的访客不寒暄——球员和家长点进来,只关心三件事:什么时候报名、在哪比赛、怎么打。我们接下官网设计与建设时,就把这三件事当成首页的全部任务。
主视觉用了国漫风格的插画:紫底橙徽、漫画感的主角与「MAGIC3 GO FOR YOUR DREAM」的手写体口号,热血感直接拉满——青少年赛事,先要让人想打球。

赛事官网不需要寒暄。我们为这项青少年三对三篮球赛事把三件最要紧的事排上首页:三张高亮日历卡交代报名时间,四张地标实景卡片交代赛场,规程嵌入在线文档随查随看;首屏用国漫插画把热血拉满,往下滚全是冷静的信息,花里云团队设计开发。
MAGIC3 上海市青少年三对三超级篮球赛由上海市体育局、上海市教育委员会主办,是面向青少年的大型篮球赛事。赛事官网的访客不寒暄——球员和家长点进来,只关心三件事:什么时候报名、在哪比赛、怎么打。我们接下官网设计与建设时,就把这三件事当成首页的全部任务。
主视觉用了国漫风格的插画:紫底橙徽、漫画感的主角与「MAGIC3 GO FOR YOUR DREAM」的手写体口号,热血感直接拉满——青少年赛事,先要让人想打球。

报名与竞赛时间是这类官网最核心的信息,我们没有做成一张静态表格,而是三张并排的日历卡:2023-6 报名阶段、2023-7 比赛阶段、2023-8 比赛阶段,关键日期在日历上直接高亮成块,扫一眼就知道自己该出现在哪一天。

竞赛地点板块用「大众赛/总决赛」两个页签切换,大众赛四站分别是外滩中央广场、百联中环购物广场、滨江码头篮球场、东方明珠城市广场——我们把每一站做成带日期的实景卡片。把「去哪打球」翻译成「去哪个地标」,参与感立刻不一样。

赛事信息里最繁琐的是规程。我们把竞赛规程直接嵌入在线文档查看,参赛组别及年龄、参赛资格与办法、竞赛办法(沿用 FIBA《三人篮球规则》,分分区赛、大区赛、总决赛三个阶段)一页读完,不用下载、不怕截图糊。页脚集中放置 MAGIC3 公众号、官方微博等四个二维码入口,赛事的长尾运营也有了落点。

这个案子里我们最满意的是「两张面孔」的切换:首屏是漫画式的热血,往下滚是日历、地图、规程式的冷静。青少年赛事官网要同时说服两个人——想打的球员和做决定的家长,前者靠视觉,后者靠信息。
另一个体会是:赛事官网是「有时效的产品」,所有设计都围绕时间轴展开,报名日一过,页面使命就换了一截。把时间做成主角,是这类项目最重要的一条设计决策。