Vigilo.
Uma interface calma para dados alarmantes: as notícias sobre 239 países, transformadas em um número claro.
Produto, copy e sistema — em 3 semanas.
de notícias
- O quê
- Um app de segurança em viagens que transforma as notícias sobre 239 países em um número de risco de 1 a 5.
- Por quê
- Muita informação sobre perigo, zero compreensão: 14 de 18 entrevistados não sabiam dizer o quão perigoso é.
- Meu papel
- Design de produto, UX writing e design system para iOS, Android e Web.
- Resultado
- 239 países · 35 telas × 2 temas · 3 semanas
Um app mobile que transforma as notícias sobre 239 países em um número — e explica o que ele significa para a sua viagem.
Uma escala. Todas as telas.
Home, país, assistente, relatório, viagem e SOS — em dois temas.
Muita informação sobre perigo. Zero compreensão.
18 entrevistas: turistas, expatriados, viajantes a negócios.
Não sabem dizer o quão “perigoso” é
“Situação instável” — isso quer dizer que não devo ir?
O grupo da família dispara o pânico
O vídeo encaminhado era de 2019.
Não sabem o número de emergência
“É 112 na Geórgia? Na Tailândia?”
Ler a história completa
Antes de uma viagem, as pessoas abrem cinco abas: as notícias, canais do Telegram, um fórum, o site do ministério das Relações Exteriores e o grupo da família com um “lá está horrível” encaminhado. Tudo contradiz tudo, e está escrito em pânico ou em burocratês. Então a decisão sai pela emoção — ou nem sai.
Entrevistamos 18 pessoas — turistas, expatriados e gente que viaja a trabalho. Três coisas apareceram em todas elas.
- 14/18 não sabem dizer o quão “perigoso” é. “Escrevem ‘situação instável’. E aí — não vá? Ou só fique longe de protestos?” — férias em família com crianças.
- 11/18: o grupo da família dispara o pânico. “Minha mãe encaminhou um vídeo. Passei meia hora pesquisando — era de 2019.” — uma designer.
- 16/18 não sabem o número de emergência. “É 112 na Geórgia? Na Tailândia? Sinceramente, não sei. Espero nunca precisar.” — um fotógrafo.
A cor é só um sinal. Todo o resto fica quieto.
Superfícies neutras, cinco cores de risco e um único acento teal para a ação.
Um cartão, uma ideia
Vermelho só para SOS
A fonte ao lado do fato
Uma voz calma
Ler a história completa
É fácil fazer um app sobre ameaças soar alarmante: banners vermelhos, pontos de exclamação, sirenes. Fomos no sentido oposto. As superfícies são neutras, sem iconografia decorativa e sem gradientes. Os únicos portadores de significado são a escala de risco de cinco cores e um único acento teal para a ação. Quando uma tela fica laranja, você percebe na hora — porque nada mais nela está gritando.
- Um cartão, uma ideia. Sem blocos compostos. Se você precisa de duas conclusões, recebe dois cartões.
- Vermelho só para SOS. O vermelho de emergência coincide com o nível 4 de propósito: significa “aja agora”.
- A fonte ao lado do fato. Um índice sem fontes é só um número. Sempre mostramos de onde veio e quando.
- Uma voz calma. Sem pontos de exclamação, nem no nível 5. Fatos, bairro, horário, ação.
Primeiro — onde você está. Depois — para onde você vai.
“Está calmo aqui?” e “e no lugar para onde vou?”. A única coisa que pulsa é o ponto “você está aqui”.
Ler a história completa
A home gira em torno das duas perguntas que as pessoas realmente se fazem: “está calmo aqui?” e “e no lugar para onde vou?”. O primeiro cartão é a sua localização atual, com o índice, a tendência de 24 horas e o número de emergência do país em que você está fisicamente. O segundo é a sua próxima viagem, com previsão.
Abaixo ficam os países acompanhados, o feed “hoje no mundo” e o assistente. Nada pisca: a única coisa viva é o ponto “você está aqui”.
“Ir ou não” — em dez segundos.
Primeiro a compreensão gratuita — e só no final, a opção de comprar um relatório.
País · 8 categorias de ameaça
Meus países
Tema escuro
Um anel em vez de mascote
O personagem entretinha; o anel informa.
O mapa mostra eventos
Só os confirmados na última semana.
Visão de convidado
Um link abre tudo o que é gratuito.
Ler a história completa
Uma página responde “ir ou não” em dez segundos. Um cabeçalho com foto e o nível, oito categorias de ameaça em grade, um mapa dos bairros, as notícias de hoje, um arquivo de 12 meses e — só no final — a opção de comprar um relatório. A ordem é deliberada: primeiro a compreensão gratuita, depois a oferta. O resort está calmo, mas a capital não — você vê isso já na primeira tela.
- Um anel em vez de mascote. Testamos um personagem cujas emoções mudavam com o nível. Abandonamos: ele entretinha em vez de informar. Um anel com um número se lê em um segundo.
- O mapa mostra eventos, não paisagem. Um mapa real distrai com detalhes. O esquemático mostra só os lugares onde houve eventos confirmados durante a semana.
- Visão de convidado. O link de um país abre tudo o que é gratuito, sem cadastro. O arquivo e o relatório ficam atrás de um vidro, a uma ação de distância.
Não é um chatbot — é um verificador de boatos.
Cole uma mensagem encaminhada e receba um cartão de veredito com fontes.
Ler a história completa
O gatilho de pânico mais comum é uma mensagem encaminhada no grupo da família. Por isso o cenário principal do assistente não é “pergunte qualquer coisa” — é colar um boato e receber um veredito: verdadeiro, parcialmente verdadeiro, boato. Com a cor do nível e uma lista de fontes. A resposta é um cartão, não um paredão de texto.
O segundo cenário é “este bairro é seguro à noite?”. A resposta vem com horários e ruas, não com “tenha cuidado”.
Um documento que você realmente quer ler.
Um produto pago com o respiro de uma revista — e a mesma linguagem de design.
- 01Seções numeradase conclusões grandes em citação destacada
- 02Previsão de 30 diascom faixa de confiança
- 03Offlinemais o número de emergência do país em que você está
Ler a história completa
O relatório é um produto pago e precisa parecer valer o dinheiro. Layout editorial: seções numeradas, conclusões grandes em citação destacada, mapa dos bairros, previsão de 30 dias com faixa de confiança, contatos. A mesma linguagem de design do app, mas com o respiro de uma revista.
Fica salvo para uso offline. O número de emergência no final não é genérico — é o do país em que a pessoa está agora.
Um calendário que mostra o risco dia a dia.
Sob cada data há um ponto na cor da previsão. O vermelho só domina no SOS.
Ler a história completa
Ao criar uma viagem, cada data tem embaixo um ponto na cor da previsão. Escolher datas deixa de ser loteria. A tela da viagem reúne a rota, um checklist e contatos de confiança.
O SOS é a única tela em que o vermelho domina: um número enorme, ligação com um toque, “Estou bem” com a sua localização, frases no idioma local. Funciona sem conexão.
Um erro nunca desliga o SOS.
Um app de segurança precisa funcionar quando todo o resto quebra.
Ler a história completa
Estados vazios explicam o valor em uma frase e oferecem uma ação. Os erros dizem o que mostramos no lugar dos dados e quando vamos atualizar. Uma queda total do serviço leva à ajuda de emergência. Skeletons, banner offline, visão de convidado por link — tudo desenhado desde o início, não “depois”.
Um só significado, duas linguagens nativas.
A escala, a estrutura e o texto são compartilhados.
Ler a história completa
iOS: Onest, traços finos, um menu flutuante de vidro líquido sobre o conteúdo. Android: Material 3 Expressive — Manrope, superfícies tonais sem traços, botões em pílula, barra de navegação com indicador. A escala de risco, a estrutura das telas e o texto são compartilhados. Quem troca de celular não precisa reaprender nada.
Poucas regras, mas rígidas.
Sete tokens por tema, quatro raios, cinco componentes.
Onest 400–800, latim e cirílico. Grade de 4px, margens de 18px.
“Não planeje uma viagem. Se você já está no país, saiba onde fica o abrigo mais próximo.”
Tokens e voz na íntegra
Dois temas, sete tokens cada. Quatro raios. Sete estilos de texto. Cinco componentes com os quais tudo é construído. A voz se resume a três regras. O sistema completo, com tokens e exemplos, está em um documento à parte.
- Fundo do tema claro #F4F3EF — quente, não branco.
- Fundo do tema escuro #0B0E13 — quase preto, com um toque de azul.
- Acento #0E9C90 / #3ED3C3 — ação e compra.
- Fonte Onest — latim e cirílico, 400–800.
- Raios 18 · 24 · 28 · 999 — botão · cartão · sheet · pílula.
- Grade de 4px, margens de 18px, gaps de 12–14px, padding de 16–18px.
Voz: calma, sem pontos de exclamação. Até o nível crítico é descrito com fatos: “Não planeje uma viagem. Se você já está no país, saiba onde fica o abrigo mais próximo.”
O que isso significa para você. Cada evento vem com uma conclusão: bairro, horário, ação. “Evite locais com aglomeração e não filme perto da polícia.”
A fonte ao lado do fato. De onde vêm os dados e quando foram atualizados fica sempre visível: “JAMnews · 2 fontes · 13 de setembro” sob cada linha.
O que foi entregue e o que aprendemos.
telas × 2 temas × 2 plataformas
estados
tokens por tema
ícones decorativos
“Quando só o nível grita, as pessoas acreditam.”
O que aprendemos
- Remover é mais difícil do que adicionar. O mascote, o mapa real, os “sparkles” de IA — cada um ficava bem sozinho e atrapalhava em conjunto. Cada remoção deixou o produto mais honesto.
- Estados são o produto. Metade da confiança em um app de segurança nasce no momento em que não há conexão. Desenhe isso primeiro, não por último.
- Calma é uma decisão de design. Não o tom de voz ou a paleta isolados, mas um sistema: o que grita, o que fica quieto e por quê. Quando só o nível grita, as pessoas acreditam.
Entregue: 35 telas, cada uma em dois temas e em duas plataformas; 12 estados — vazio, erros, offline, convidado, carregando; 7 tokens por tema — a paleta inteira; 0 ícones decorativos e gradientes.
