跳到正文
TV view聊聊吧
中文
全部作品

移动应用设计

AglomeraNão. 出发前,先看那里有多拥挤

一套葡萄牙语的移动应用界面,用来预约避开人群的购物行程,包含马瑙斯的热力图、按拥挤程度标注的商店,以及一个预约时间。

我的职责
界面设计
项目状态
移动应用 · Figma 存档
AglomeraNão 样机,为这面项目墙用项目的真实页面合成。
为这面项目墙用项目真实页面合成的样机。

来自原始 Figma 文件的页面。商店名称和数字是示例内容。

我的贡献

首页直接问了一个问题:你想过没有,买东西既不用挤在人群里,也不用冒感染新冠的风险?AglomeraNão 给出三个选项 Check-in、Agenda 和 Mapa,以及三类场所:市场、药店和宠物店。

录自 Figma 原型。check-out 倒计时、马瑙斯的拥挤度地图和统计面板。
热力图页面,顶部是 Aglomeranão! 页头,搜索框位于马瑙斯地图上方,地图上的 Novo Aleixo 和 Petrópolis 等街区叠着大小不一的紫罗兰色、橙色和蓝色圆圈,右下角有一个圆形的图表按钮。
热力图,圆圈叠在马瑙斯的各个街区上。

一眼看懂的拥挤程度

热力图把大小和颜色各不相同的圆圈铺在马瑙斯的各个街区上,上方是一个搜索框。商店页面把同样的想法用在照片上的一个小标签里,比如 fluxo tranquilo,旁边是距离、时间和评分。商店名称是示例内容。

商店页面,门面照片上标有 fluxo tranquilo、距离、时间和评分,另有一张街道地图,以及一条底栏,里面是时间 14:15 和一个紫罗兰色的 Agendar! 按钮。
商店页面,以一个时间和 Agendar! 按钮收尾。

以一个时间收尾的商店页面

商店页面重复了这个标签和那三个数字,再加上一张街道地图,并以底部的一条栏收尾:时间 14:15,旁边是 Agendar! 按钮。上面的一切都通向这一个操作。

首页,在一张食品杂货的照片上向访客问好,配有一小段关于避开人群购物的文字,然后是 Check-in、Agenda 和 Mapa 选项,以及 Mercados、Farmácias 和 Petshops 卡片。
首页,有各个选项和三类场所。

分量全压在“不”上

字标把 Aglomera 设成细窄字体,把 não! 设成粗体,都用紫罗兰色,让名字把意思大声喊出来。同一种紫罗兰色也用在各个页面的图标和主按钮上。

字标变体图:单独的 não!,以及 Aglomera 与 não! 上下叠放和排成一行的版本,分黑、白、紫罗兰三色,放在白底和黑底上。
字标变体,分量压在 não! 上。