Saltar al contenido
TV viewHablemos
ES
Todos los trabajos

Diseño de app móvil

DossApp. Dos solicitudes y un botón rojo

Una app de seguridad residencial en portugués donde los residentes solicitan una verificación o una cobertura, y los guardias reciben esas solicitudes en su propio lado. Los nombres, las fechas y los precios en pantalla son contenido de ejemplo.

Mi papel
Flujos de producto y diseño de interfaz
Estado del proyecto
Diseño de interfaz · archivo de Figma

Verlo en Dribbble

Una pequeña moto de seguridad en 3D con la sirena parpadeando.
Un objeto 3D hecho para este mural.

Pantallas del diseño original en Figma y Dribbble, con datos de ejemplo.

Mi contribución

DossApp es una app en portugués de seguridad bajo demanda para el hogar, con un lado para residentes y otro para prestadores de servicio. Una verificación le pide a un guardia que revise algo, por ejemplo si un portón quedó cerrado con llave. Una cobertura envía a un guardia a acompañar la llegada del residente.

El trabajo en Figma cubre los dos lados, con wireframes, un flujo de usuario y páginas de prototipo, y un archivo aparte guarda capturas con leyenda preparadas para la ficha de una tienda de apps.

Un recorrido por las pantallas del diseño, no una grabación: la home, el historial y el lado del prestador.
Dos pantallas oscuras de la app lado a lado: la home del residente y una pantalla de Cobertura con el guardia en camino y una línea de tiempo de cuatro etapas.
La home del residente junto a una solicitud de cobertura en seguimiento.

Qué pide cada color

En una pantalla oscura, el color hace la mayor parte del trabajo de ordenar. Las dos solicitudes cotidianas son los bloques más grandes, Solicitar Verificação en gris claro y Solicitar Cobertura en el amarillo de la marca. Emergência queda aparte como el único elemento rojo, junto a la pregunta “Precisando de uma ajuda mais urgente?”, de modo que el camino urgente no puede confundirse con uno de rutina. La cuenta, los vehículos, los familiares y el resto quedan más abajo, en una cuadrícula discreta de íconos.

Pantalla de inicio del residente con una tarjeta del plan, bloques Solicitar Verificação y Solicitar Cobertura, un botón rojo Emergência y una cuadrícula de seis íconos.
La home separa las solicitudes de rutina del camino de emergencia.
Pantalla de inicio del prestador de servicio con un interruptor junto al estado en línea, bloques Cobertura y Verificações, un botón rojo Emergência y una cuadrícula de íconos con Clientes.
El lado del guardia mantiene el layout y cambia el contenido.

Después de la solicitud, lo que está pasando ahora

Una solicitud no termina en el botón. La pantalla de cobertura muestra el nombre del guardia que va en camino y cuatro etapas, Criada, Enviada, Em andamento y Concluído, con la actual en negrita y Cancelar arriba. Después, una pantalla de mapa dibuja la ruta del guardia y la del residente en colores distintos mientras convergen en la casa.

Una verificación funciona como un chat ligado a la pregunta original. En el ejemplo, el guardia responde con una foto del candado y luego envía una solicitud de resolución que el residente marca como resuelta, lo que deja libre al guardia para otras tareas.

Pantalla Histórico con los filtros Todos, Cobertura y Verificação y tres registros de ejemplo con fecha, hora, guardia y tipo de solicitud.
El historial muestra cada solicitud por fecha, guardia y tipo.
Imagen de tienda con leyenda y una pantalla de chat: el residente pregunta si el portón quedó cerrado con llave, el guardia responde con la foto de un candado y abajo aparece una solicitud de resolución.
Una verificación funciona como un chat, de la pregunta a su resolución.

La misma pantalla desde el lado del guardia

La home del prestador de servicio mantiene el layout de la del residente, así que los dos lados de la app se leen igual. Lo que cambia es el contenido: un interruptor reemplaza la etiqueta del plan, los dos bloques grandes pasan a ser Cobertura y Verificações, y la cuadrícula suma Clientes y Notificações. Del lado del residente, Histórico sigue siendo un registro simple, filtrado por tipo, con una tarjeta para cada fecha, guardia y solicitud.

Imagen de tienda con leyenda y un mapa oscuro de Campinas con dos rutas, rotuladas João y Você, que convergen cerca de un marcador de casa.
El mapa sigue al guardia y al residente camino a la casa.