Vigilo.
Una interfaz serena para datos alarmantes: las noticias de 239 países, convertidas en un número claro.
Producto, textos y sistema — en 3 semanas.
de noticias
- Qué
- Una app de seguridad en viajes que convierte las noticias de 239 países en un único número de riesgo del 1 al 5.
- Por qué
- Mucha información sobre el peligro, cero comprensión: 14 de 18 entrevistados no sabían decir cuán peligroso es.
- Mi rol
- Diseño de producto, UX writing y sistema de diseño para iOS, Android y Web.
- Resultado
- 239 países · 35 pantallas × 2 temas · 3 semanas
Una app móvil que convierte las noticias de 239 países en un número y explica qué significa para tu viaje.
Una escala. Cada pantalla.
Inicio, país, asistente, informe, viaje y SOS — en dos temas.
Mucha información sobre el peligro. Cero comprensión.
18 entrevistas: turistas, expatriados, viajeros de negocios.
No saben decir cuán «peligroso» es
«Situación inestable»: ¿significa que no vaya?
El chat familiar dispara el pánico
El vídeo reenviado resultó ser de 2019.
No conocen el número de emergencias
«¿Es el 112 en Georgia? ¿Y en Tailandia?»
Lee la historia completa
Antes de un viaje, la gente abre cinco pestañas: las noticias, canales de Telegram, un foro, la web del ministerio de exteriores y un chat familiar con un «allí está horrible» reenviado. Todo contradice a todo lo demás, y todo está escrito o con pánico o en jerga burocrática. Así que la decisión se toma por emoción, o no se toma.
Entrevistamos a 18 personas: turistas, expatriados y gente que vuela por trabajo. Tres cosas salieron con todos ellos.
- 14/18 no saben decir cuán «peligroso» es. «Escriben “situación inestable”. ¿Y qué? ¿Que no vaya? ¿O solo que me aleje de las protestas?» — unas vacaciones en familia con niños.
- 11/18: el chat familiar dispara el pánico. «Mamá reenvió un vídeo. Pasé media hora buscando en Google: era de 2019». — una diseñadora.
- 16/18 no conocen el número de emergencias. «¿Es el 112 en Georgia? ¿Y en Tailandia? La verdad es que no lo sé. Espero no necesitarlo nunca». — un fotógrafo.
El color es solo una señal. Todo lo demás guarda silencio.
Superficies neutras, cinco colores de riesgo y un único acento turquesa para la acción.
Una tarjeta, una idea
El rojo es solo para SOS
La fuente junto al dato
Una voz serena
Lee la historia completa
Es muy fácil hacer alarmante una app sobre amenazas: banners rojos, signos de exclamación, sirenas. Nosotros fuimos en dirección contraria. Las superficies son neutras, sin iconografía decorativa ni degradados. Los únicos portadores de significado son la escala de riesgo de cinco colores y un único acento turquesa para la acción. Cuando una pantalla se vuelve naranja, lo ves al instante, porque nada más en ella está gritando.
- Una tarjeta, una idea. Sin bloques compuestos. Si necesitas dos conclusiones, tienes dos tarjetas.
- El rojo es solo para SOS. El rojo de emergencia coincide a propósito con el nivel 4: significa «actúa ya».
- La fuente junto al dato. Un índice sin fuentes es solo un número. Siempre mostramos de dónde viene y cuándo.
- Una voz serena. Sin signos de exclamación, ni siquiera en el nivel 5. Hechos, zona, hora, acción.
Primero, dónde estás. Después, adónde vas.
«¿Está tranquilo aquí?» y «¿y adónde voy a volar?». Lo único que pulsa es el punto de «estás aquí».
Lee la historia completa
La pantalla de inicio gira en torno a las dos preguntas que la gente realmente se hace: «¿está tranquilo aquí?» y «¿y adónde voy a volar?». La primera tarjeta es tu ubicación actual con su índice, la tendencia de 24 horas y el número de emergencias del país en el que estás físicamente. La segunda es tu próximo viaje con su pronóstico.
Debajo están los países que sigues, el feed de «hoy en el mundo» y el asistente. Nada parpadea: lo único vivo es el punto de «estás aquí».
«Ir o no ir»: en diez segundos.
Primero, comprensión gratuita; y solo al final, la opción de comprar un informe.
País · 8 categorías de amenaza
Mis países
Tema oscuro
Un anillo en lugar de una mascota
El personaje entretenía; el anillo informa.
El mapa muestra eventos
Solo los confirmados en la última semana.
Vista de invitado
Un enlace abre todo lo gratuito.
Lee la historia completa
Una sola página responde «ir o no ir» en diez segundos. Una cabecera con foto y el nivel, ocho categorías de amenaza en cuadrícula, un mapa por zonas, las noticias de hoy, un archivo de 12 meses y, solo al final, la opción de comprar un informe. El orden es deliberado: primero la comprensión gratuita, después la oferta. El resort está tranquilo pero la capital no, y lo ves desde la primera pantalla.
- Un anillo en lugar de una mascota. Probamos con un personaje cuyas emociones cambiaban con el nivel. Lo descartamos: entretenía más que informaba. Un anillo con un número se lee en un segundo.
- El mapa muestra eventos, no paisajes. Un mapa real distrae con detalles. El esquemático muestra solo los lugares donde ocurrieron eventos confirmados durante la semana.
- Vista de invitado. Un enlace a un país abre todo lo gratuito sin registrarse. El archivo y el informe quedan tras un cristal, a una acción de distancia.
No es un chatbot: es un verificador de rumores.
Pega un mensaje reenviado y obtén una tarjeta de veredicto con fuentes.
Lee la historia completa
El desencadenante de pánico más común es un mensaje reenviado en el chat familiar. Por eso el escenario principal del asistente no es «pregunta lo que quieras», sino pegar un rumor y recibir un veredicto: cierto, parcialmente cierto, rumor. Con el color del nivel y una lista de fuentes. La respuesta es una tarjeta, no un muro de texto.
El segundo escenario es «¿es seguro este barrio de noche?». La respuesta llega con horarios y calles, no con un «ten cuidado».
Un documento que de verdad apetece leer.
Un producto de pago con el aire de una revista y el mismo lenguaje de diseño.
- 01Secciones numeradasy grandes conclusiones destacadas
- 02Pronóstico a 30 díascon banda de confianza
- 03Sin conexiónmás el número de emergencias del país en el que estás
Lee la historia completa
El informe es un producto de pago y tiene que parecer que vale lo que cuesta. Maquetación editorial: secciones numeradas, grandes conclusiones destacadas, un mapa por zonas, un pronóstico a 30 días con banda de confianza, contactos. El mismo lenguaje de diseño que la app, pero con el aire de una revista.
Se guarda para usarlo sin conexión. El número de emergencias del final no es genérico: es el del país en el que la persona está en ese momento.
Un calendario que muestra el riesgo día a día.
Bajo cada fecha hay un punto del color del pronóstico. El rojo domina solo en SOS.
Lee la historia completa
Al crear un viaje, cada fecha lleva debajo un punto del color del pronóstico. Elegir fechas deja de ser una lotería. La pantalla del viaje reúne la ruta, una lista de comprobación y los contactos de confianza.
SOS es la única pantalla en la que domina el rojo: un número enorme, llamada con un toque, «Estoy bien» con tu ubicación, frases en el idioma local. Funciona sin conexión.
Un error nunca apaga el SOS.
Una app de seguridad tiene que funcionar cuando todo lo demás falla.
Lee la historia completa
Los estados vacíos explican el valor en una frase y ofrecen una acción. Los errores dicen qué mostramos en lugar de los datos y cuándo los actualizaremos. Una caída total del servicio lleva a la ayuda de emergencia. Esqueletos de carga, banner sin conexión, vista de invitado mediante enlace: todo diseñado desde el principio, no «para luego».
Un solo significado, dos lenguajes nativos.
La escala, la estructura y los textos son comunes.
Lee la historia completa
iOS: Onest, trazos finos, un menú liquid glass flotante sobre el contenido. Android: Material 3 Expressive — Manrope, superficies tonales sin trazos, botones de píldora, una barra de navegación con indicador. La escala de riesgo, la estructura de las pantallas y los textos son comunes. Quien cambia de teléfono no tiene que reaprender nada.
Pocas reglas, pero estrictas.
Siete tokens por tema, cuatro radios, cinco componentes.
Onest 400–800, latino y cirílico. Cuadrícula de 4 px, márgenes de 18 px.
«No planees un viaje. Si ya estás en el país, ten claro dónde está el refugio más cercano».
Tokens y voz al completo
Dos temas, siete tokens cada uno. Cuatro radios. Siete estilos tipográficos. Cinco componentes con los que se construye todo. La voz se resume en tres reglas. El sistema completo, con tokens y ejemplos, está en un documento aparte.
- Fondo del tema claro #F4F3EF — cálido, no blanco.
- Fondo del tema oscuro #0B0E13 — casi negro con un matiz azul.
- Acento #0E9C90 / #3ED3C3 — acción y compra.
- Tipografía Onest — latino y cirílico, 400–800.
- Radios 18 · 24 · 28 · 999 — botón · tarjeta · hoja · píldora.
- Cuadrícula de 4 px, márgenes de 18 px, separaciones de 12–14 px, padding de 16–18 px.
Voz: serena, sin signos de exclamación. Incluso el nivel crítico se describe con hechos: «No planees un viaje. Si ya estás en el país, ten claro dónde está el refugio más cercano».
Qué significa esto para ti. Cada evento viene con una conclusión: zona, hora, acción. «Evita los lugares donde se concentre gente y no grabes cerca de la policía».
La fuente junto al dato. De dónde vienen los datos y cuándo se actualizaron siempre es visible: «JAMnews · 2 fuentes · 13 de septiembre» bajo cada línea.
Qué se lanzó y qué aprendimos.
pantallas × 2 temas × 2 plataformas
estados
tokens por tema
iconos decorativos
«Cuando solo el nivel grita, la gente le cree».
Lo que aprendimos
- Quitar es más difícil que añadir. La mascota, el mapa real, las «chispas» de IA: cada uno se veía bien por separado y juntos estorbaban. Cada elemento que quitamos hizo el producto más honesto.
- Los estados son el producto. La mitad de la confianza en una app de seguridad nace en el momento en que no hay conexión. Diséñalo primero, no al final.
- La serenidad es una decisión de diseño. No el tono de voz ni la paleta por separado, sino un sistema: qué grita, qué calla y por qué. Cuando solo el nivel grita, la gente le cree.
Lanzado: 35 pantallas, cada una en dos temas y en dos plataformas; 12 estados (vacío, errores, sin conexión, invitado, carga); 7 tokens por tema, toda la paleta; 0 iconos decorativos y degradados.
