DossApp. 两种申请，一个红色按钮

一款葡萄牙语的住宅安保应用，住户可以申请核查或护送，保安在自己的一侧接收这些申请。屏幕上的姓名、日期和价格均为示例内容。

我的职责: 产品流程与界面设计
项目状态: 界面设计 · Figma 存档

在 Dribbble 上查看

来自 Figma 和 Dribbble 上原始设计的页面，使用示例数据。

我的贡献

DossApp 是一款葡萄牙语应用，提供围绕住所的按需安保服务，一端面向住户，另一端面向服务提供者。核查是请保安去确认某件事，比如大门有没有锁好。护送则是派一名保安陪同住户抵达。

Figma 里的工作涵盖两端，有线框图、用户流程和原型页面，另有一个单独的文件，放着为应用商店上架准备的带说明截图。

两个深色的应用页面并排：住户首页，以及一个 Cobertura 页面，里面有正在赶来的保安和四步时间线。 — 住户首页，旁边是一个正被跟踪的护送申请。

每种颜色对应什么操作

在深色页面上，颜色完成了大部分区分工作。两种日常申请是最大的两个区块，Solicitar Verificação 是浅灰色，Solicitar Cobertura 是品牌黄。Emergência 单独拿出来，是唯一的红色元素，旁边是那个问题“Precisando de uma ajuda mais urgente?”，所以紧急通道不会和日常操作混在一起。账户、车辆、家庭成员等其余功能留在下方，排成一个安静的图标网格。

住户首页，有方案卡片、Solicitar Verificação 和 Solicitar Cobertura 两个区块、红色的 Emergência 按钮，以及六个图标组成的网格。 — 首页把日常申请和紧急通道分开。

服务提供者首页，在线状态旁有一个开关，有 Cobertura 和 Verificações 两个区块、红色的 Emergência 按钮，以及含 Clientes 的图标网格。 — 保安一侧保留布局，更换内容。

申请之后，现在发生了什么

申请并不止于那个按钮。护送页面会写出正在赶来的保安是谁，并显示四个步骤 Criada、Enviada、Em andamento 和 Concluído，当前步骤加粗，顶部有 Cancelar。接着，地图页面用不同的颜色画出保安和住户的路线，两条路线向住家汇合。

核查就是一段聊天，和最初的提问连在一起。在示例里，保安回了一张挂锁的照片，再发出一条解决请求，由住户标记为已解决，这样保安就能腾出手去做别的事。

Histórico 页面，有 Todos、Cobertura 和 Verificação 三个筛选项，以及三条示例记录，包含日期、时间、保安和申请类型。 — 历史记录按日期、保安和类型列出每个申请。

带说明文字的商店展示图，里面是一个聊天页面：住户问大门是否锁好，保安回了一张挂锁的照片，下方出现一条解决请求。 — 核查就是一段聊天，从提问到解决。

保安一侧的同一个页面

服务提供者的首页沿用住户首页的布局，所以应用的两端看起来是一个样子。变的是内容：一个开关取代了方案标签，两个大区块变成 Cobertura 和 Verificações，图标网格里多了 Clientes 和 Notificações。在住户一侧，Histórico 仍是一份简单的记录，可按类型筛选，每条记录一张卡片，包含日期、保安和申请。

带说明文字的商店展示图，里面是一张 Campinas 的深色地图，两条路线分别标着 João 和 Você，在一个住家标记附近汇合。 — 地图跟随保安和住户一起走向住家。