58同城在8.0版本中把找房、找工作还有买车的信息平台,直接变成了大家生活中的一个入口。他们之前总让用户“搜完就走”,现在把用户停留时长当成主要指标。这意味着58同城要给用户一种像是走进“会呼吸的城市客厅”的感觉。8.0版本围绕人、城市和生活这三条主线进行设计,将视觉语言融入了启动页、引导页、首页还有消息中心。通过设计来讲述城市故事,进而留住用户。首页顶部的插画也做了大改动。旧版本用28座热门城市的地标建筑拼在一起,可是实际上90%的用户常年只切换1-2次城市。这样很多城市地标就没用了,成本也高。新版本换了个思路:先画人,再画城市。于是出现了路灯、天桥、公园长椅、晾衣绳这些场景,这些都是人们日常生活中的细节。把这些碎片拼成一幅画面,展示人们在城市里生活的模样。顶部还有动画效果:下拉的时候,太阳光芒会闪烁起来。功能和美观两者兼顾。这次顶部设计给人一种舒适感:用圆角卡片承载信息,留出大片留白空间。这样既满足了视觉冲击感,也不影响用户体验。 还有页面结构方面:旧版本被分割线割得七零八落,逻辑混乱。8.0版本把业务分成了四条纵向区域:分类导航区、内容模块区、拓展业务区还有推荐区。 启动页也是个亮点:750×750像素的空间里讲完了品牌故事。团队把58的LOGO拆解开来——L像屋顶、O像窗户、CO像回家的路。第一屏出现的是雪夜归家的场景:路灯、脚印还有便利店灯光温暖人心。这种柔和的色调呼应冬季时节,也把“人在城市中生活”的主题提前铺垫好。 引导页更是别出心裁:三张插画把新功能讲成了故事。团队用扁平插画和人物演出的方式把新首页、消息中心升级还有58同镇功能装进了三幕小剧场里。 消息中心也变得更加清爽:把招聘、房产、二手车等IM消息单独成卡;公众号和广告号按场景打包成“话题包”;同类卡片自动连页左右滑动就能翻篇。这样一来,用户找有效信息节省了30秒时间。 这次改版把“人在城市中生活”翻译成了视觉语言:大块几何是城市骨架,同类色渐变是晚霞,太阳光芒是追光灯——灯一亮,用户就愿意多停留一秒。设计不再是摆设,而是城市生活的暗语。