Vigilo.
Спокойный интерфейс для тревожных данных: новости о 239 странах — в одну понятную цифру.
Продукт, тексты и система — за 3 недели.
с новостями
- Что
- Приложение безопасности поездок: новости о 239 странах в одном числе риска от 1 до 5.
- Зачем
- Информации об опасности много, понимания ноль: 14 из 18 опрошенных не могли понять, насколько опасно.
- Моя роль
- Продуктовый дизайн, UX-тексты и дизайн-система для iOS, Android и веба.
- Результат
- 239 стран · 35 экранов × 2 темы · 3 недели
Мобильное приложение переводит новости о 239 странах в одну цифру — и объясняет, что она значит для вашей поездки.
Одна шкала. Все экраны.
Главная, страна, помощник, отчёт, поездка и SOS — в двух темах.
Информации об опасности много. Понимания — ноль.
18 интервью: туристы, релоканты, командировочные.
Не понимают, насколько «опасно»
«Нестабильная обстановка» — это не ехать?
Тревогу запускает семейный чат
Пересланное видео оказалось 2019 года.
Не знают срочный номер
«В Грузии 112? В Таиланде?»
Читать полностью
Перед поездкой человек открывает пять вкладок: новости, телеграм-каналы, форум, сайт МИДа, семейный чат с пересланным «там ужас». Всё противоречит друг другу, всё написано либо панически, либо канцелярски. В итоге решение принимается на эмоциях — или не принимается вовсе.
Мы проинтервьюировали 18 человек — туристов, релокантов и тех, кто летает в командировки. Три вещи повторялись у всех.
- 14/18 не понимают, насколько «опасно». «Пишут „нестабильная обстановка“. Это что — не ехать? Или просто не ходить на митинги?» — отпуск с детьми.
- 11/18: тревогу запускает семейный чат. «Мама переслала видео. Я полчаса гуглила, оказалось — 2019 год.» — дизайнер.
- 16/18 не знают срочный номер. «В Грузии 112? В Таиланде? Я честно не знаю. Надеюсь, не пригодится.» — фотограф.
Цвет — только сигнал. Всё остальное молчит.
Нейтральные поверхности, пять цветов риска и один бирюзовый акцент для действия.
Одна карточка — одна мысль
Красный — только для SOS
Источник рядом с фактом
Спокойный голос
Читать полностью
Приложение про угрозы легко сделать тревожным: красные баннеры, восклицательные знаки, сирены. Мы пошли наоборот. Поверхности нейтральные, никакой декоративной иконографии и градиентов. Единственные носители смысла — шкала риска из пяти цветов и один бирюзовый акцент для действия. Когда экран становится оранжевым, это видно сразу — потому что больше на нём ничего не кричит.
- Одна карточка — одна мысль. Никаких композитных блоков. Если нужно два вывода — две карточки.
- Красный только для SOS. Экстренный красный совпадает с уровнем 4 намеренно: он значит «действуй сейчас».
- Источник рядом с фактом. Индекс без источников — просто число. Всегда показываем откуда и когда.
- Спокойный голос. Без восклицаний даже на уровне 5. Факты, район, время, действие.
Сначала — где вы. Потом — куда едете.
«Здесь спокойно?» и «а там, куда я лечу?». Мигает только точка «вы здесь».
Читать полностью
Главная построена вокруг двух вопросов, которые человек задаёт себе на самом деле: «здесь спокойно?» и «а там, куда я лечу?». Первая карточка — текущая локация с индексом, динамикой за сутки и срочным номером страны, в которой вы физически стоите. Вторая — ближайшая поездка с прогнозом.
Отслеживаемые страны, лента «сегодня в мире» и помощник — ниже. Ничего не мигает: живёт только точка «вы здесь».
«Ехать или нет» — за десять секунд.
Сначала бесплатное понимание — и только в конце покупка отчёта.
Страна · 8 категорий угроз
Мои страны
Тёмная тема
Кольцо вместо маскота
Персонаж развлекал, кольцо информирует.
Карта — события
Только подтверждённые за неделю.
Гостевой просмотр
Ссылка открывает всё бесплатное.
Читать полностью
Одна страница отвечает на «ехать или нет» за десять секунд. Фото-шапка с уровнем, восемь категорий угроз в сетке, карта по районам, новости за сегодня, архив за 12 месяцев и — только в конце — покупка отчёта. Порядок принципиальный: сначала бесплатное понимание, потом предложение. Курорт спокоен, а столица нет — видно с первого экрана.
- Кольцо вместо маскота. Пробовали персонажа, меняющего эмоции по уровню. Отказались: он развлекал, а не информировал. Кольцо с цифрой читается за секунду.
- Карта — события, а не подложка. Реальная карта отвлекает деталями. На схеме — только места, где за неделю происходили подтверждённые события.
- Гостевой просмотр. Ссылка на страну открывает всё бесплатное без регистрации. Архив и отчёт — за стеклом с одним действием.
Не чат-бот, а проверка слухов.
Вставьте пересланное сообщение — получите вердикт-карточку с источниками.
Читать полностью
Самый частый триггер тревоги — пересланное сообщение в семейном чате. Поэтому главный сценарий помощника — не «спросить что угодно», а вставить слух и получить вердикт: правда, частично, слух. С цветом уровня и списком источников. Ответ — карточка, а не поток текста.
Второй сценарий — «безопасен ли район ночью». Ответ с часами и улицами, а не «будьте осторожны».
Документ, который хочется читать.
Платный продукт с воздухом журнала — и тем же дизайн-языком.
- 01Нумерованные разделыи крупные цитаты-выводы
- 02Прогноз на 30 днейс областью доверия
- 03Офлайни срочный номер страны, где вы сейчас
Читать полностью
Отчёт — платный продукт, и он должен выглядеть своих денег. Редакционная вёрстка: нумерованные разделы, крупные цитаты-выводы, карта районов, прогноз на 30 дней с областью доверия, контакты. Тот же дизайн-язык, что в приложении, но с воздухом журнала.
Сохраняется офлайн. Срочный номер в конце — не абстрактный, а той страны, где человек стоит сейчас.
Календарь, который показывает риск по дням.
Под каждой датой — точка цвета прогноза. Красный доминирует только в SOS.
Читать полностью
При создании поездки под каждой датой — точка цвета прогноза. Выбор дат перестаёт быть лотереей. Экран поездки собирает маршрут, чек-лист и доверенных контактов.
SOS — единственный экран, где красный доминирует: огромный номер, звонок одним тапом, «Я в порядке» с геопозицией, фразы на местном языке. Работает без сети.
Ошибка никогда не отключает SOS.
Приложение про безопасность обязано работать, когда всё ломается.
Читать полностью
Пустые состояния объясняют пользу одним предложением и дают одно действие. Ошибки говорят, что показываем вместо данных и когда обновимся. Полный отказ сервиса ведёт на срочную помощь. Скелетоны, офлайн-баннер, гостевой просмотр по ссылке — всё спроектировано, не «потом».
Один смысл, два родных языка.
Шкала, структура и тексты общие.
Читать полностью
iOS: Onest, тонкие обводки, плавающее меню из жидкого стекла поверх контента. Android: Material 3 Expressive — Manrope, тональные поверхности без обводок, кнопки-пилюли, навигационная панель с индикатором. Шкала риска, структура экранов и тексты — общие. Пользователь, сменивший телефон, не переучивается.
Мало правил, но жёстких.
Семь токенов на тему, четыре радиуса, пять компонентов.
Onest 400–800, кириллица. Сетка 4px, поля 18.
«Не планируйте поездку. Если вы уже в стране — знайте ближайшее укрытие.»
Токены и голос полностью
Две темы на семи токенах каждая. Четыре радиуса. Семь типографических стилей. Пять компонентов, из которых собрано всё. Голос — три правила. Полная система с токенами и примерами — отдельным документом.
- Фон светлой темы #F4F3EF — тёплый, не белый.
- Фон тёмной темы #0B0E13 — почти чёрный с синевой.
- Акцент #0E9C90 / #3ED3C3 — действие и покупка.
- Шрифт Onest — кириллица, 400–800.
- Радиусы 18 · 24 · 28 · 999 — кнопка · карточка · лист · пилюля.
- Сетка 4px, поля 18, зазор 12–14, паддинг 16–18.
Голос: спокойно, без восклицаний. Даже критичный уровень описываем фактами: «Не планируйте поездку. Если вы уже в стране — знайте ближайшее укрытие.»
Что это значит для вас. Каждое событие сопровождается выводом: район, время, действие. «Обходите места, где собираются люди, и не снимайте вблизи полиции.»
Источник рядом с фактом. Откуда данные и когда обновлены — всегда видно: «JAMnews · 2 источника · 13 сентября» под каждой строкой.
Что сдано и чему научились.
экранов × 2 темы × 2 платформы
состояний
токенов на тему
декоративных иконок
«Когда кричит только уровень — ему верят.»
Чему научились
- Убирать — сложнее, чем добавлять. Маскот, реальная карта, «искры» ИИ — всё это выглядело хорошо по отдельности и мешало вместе. Каждое удаление делало продукт честнее.
- Состояния — это продукт. Половина доверия к приложению про безопасность рождается в момент, когда нет сети. Спроектировать это первым, а не последним.
- Спокойствие — дизайн-решение. Не тон голоса и не палитра отдельно, а система: что кричит, что молчит, и почему. Когда кричит только уровень — ему верят.
Сдано: 35 экранов, каждый в двух темах и на двух платформах; 12 состояний — пусто, ошибки, офлайн, гость, загрузка; 7 токенов на тему — вся палитра; 0 декоративных иконок и градиентов.
