• Сайт
  • Мобильное приложение
  • Система управления

AMANAT.
Сервисы для людей

Сайт, личный кабинет и приложение: цифровая среда для граждан и депутатов.

Обсудить проект
Главная приложения AMANAT
Клиент
AMANAT
Сфера
Общественная коммуникация
Работа ABC
Разработка под ключ
Формат
Сайт · кабинет · приложение

Задача проекта

Сайт, приложение и рабочие инструменты

Создать полезную цифровую среду для граждан, депутатов и сотрудников. Публичная информация, обращения и работа с ними должны оставаться частями одного понятного маршрута.

Мы связали знакомство с брендом с конкретными действиями посетителя. У информационных разделов и пользовательских сервисов — свои места в общей структуре.

ABC Design выполнила дизайн и разработку. В кейсе показываем визуальную систему и ключевые сценарии проекта.

Три задачи — три понятных маршрута

Начать со своей цели и перейти к нужному разделу.

Гражданину

Гражданину

Познакомиться с проектами и перейти к общественной приёмной.

Проекты · Приёмная
Депутату

Депутату

Получать обращения и работать с записями на приём.

Обращения · Запись на приём
Сотруднику

Сотруднику

Обрабатывать запросы и поддерживать актуальность информации.

Контент · Обработка запросов

Концепция и визуальный язык

Узнаваемый образ. Понятные действия

Бирюзовый цвет, фирменный орнамент и предметная графика объединяют публичный сайт и приложение. Визуальные акценты обозначают входы в сервисы, а рабочие экраны сохраняют спокойную иерархию.

Визуальный язык AMANAT
Визуальный язык AMANAT
Один визуальный язык

От знакомства
к следующему действию

Детали визуальной системы

Впечатление складывается из деталей

Для каждого приёма — своя роль в общей истории.

Визуальный язык AMANATЦвет · Образ · Композиция

Первое впечатление

Крупный визуальный акцент знакомит с характером бренда. Типографика и изображения удерживают главную мысль.

Визуальный язык AMANATСтруктура · Акценты · Иерархия

Последовательный ритм

Информационные и эмоциональные блоки чередуются. Посетитель постепенно переходит от знакомства к нужной ему теме.

Визуальный язык AMANATИзображения · Типографика · Цвет

Общий характер материалов

Фотографии, предметная графика и интерфейс собраны в согласованную систему. Детали поддерживают общую подачу сайта.

Структура и подача

От впечатления —
к содержанию

Бирюзовый цвет, фирменный орнамент и предметная графика объединяют публичный сайт и приложение. Визуальные акценты обозначают входы в сервисы, а рабочие экраны сохраняют спокойную иерархию.

Вход в приёмную отделён от информационных материалов. Посетитель переходит к своему обращению или записи на приём.

Фрагмент сайта AMANAT
Визуальная система продолжается на внутренних страницах.
Фрагмент сайта AMANAT
Предметная графика обозначает основные разделы сайта.
Фрагмент сайта AMANAT
Выбранный фрагмент визуальной подачи сайта.

Мобильное приложение

Тот же характер.
Другой масштаб

Приложение дополняет публичный сайт самостоятельными сценариями.

В приложении AMANAT предусмотрены общественная приёмная, опросы, проекты и личный кабинет. Граждане и депутаты используют свои сценарии внутри общей системы.

Каждый экран продолжает общий визуальный язык проекта.

Экран приложения AMANAT
Самостоятельный сценарий
Экран приложения AMANAT
Согласованная иерархия

Личный кабинет

Общественная приёмная

Вход в приёмную отделён от информационных материалов. Посетитель переходит к своему обращению или записи на приём.

Обращения и инициативы собраны в отдельном пространстве. Статусы и действия помогают продолжить начатый сценарий.

Интерфейс поддерживает конкретную задачу посетителя и сохраняет связь с общей структурой сайта.

Рабочий сценарий AMANAT
Экран AMANAT. Длинное изображение можно прокрутить или открыть отдельно.
Пользовательская задача

Найти нужное.
Изучить детали.
Продолжить действие.

От общего представления — к деталям

У каждого раздела — собственная роль в маршруте посетителя.

Рабочий сценарий AMANAT
Знакомство

Общественная приёмная

Вход в приёмную отделён от информационных материалов. Посетитель переходит к своему обращению или записи на приём.

Рабочий сценарий AMANAT
Подробности

Личный кабинет

Обращения и инициативы собраны в отдельном пространстве. Статусы и действия помогают продолжить начатый сценарий.

Навигация и контакты на сайте
Продолжение маршрута

Понятный следующий шаг

Информация и навигация помогают продолжить знакомство с проектом без поиска среди несвязанных страниц.

Рассмотреть экраны подробнее
Рабочий сценарий AMANAT
Экран AMANAT. Длинное изображение можно прокрутить или открыть отдельно.
Рабочий сценарий AMANAT
Экран AMANAT. Длинное изображение можно прокрутить или открыть отдельно.

Самописная система управления

За интерфейсом —
рабочие процессы

ABC разработала систему под задачи проекта. Рабочие разделы поддерживают обработку обращений и расписание.

Обращения — AMANAT
Обращения. Экран можно прокрутить внутри ноутбука.

Связь между сценариями

Информация и действия
в общей системе

Гражданин отправляет обращение, сотрудник продолжает работу в административном интерфейсе.

Обращения. Экран можно прокрутить внутри ноутбука.Самописная система управления
Публичные сервисыСайт и мобильное приложениеРабочее пространствоСамописная система управления

Итог работы

Один проект. Несколько связанных продуктов

Новая версия сайта и мобильное приложение готовятся к запуску. Публичная часть, личный кабинет и самописная система управления поддерживают разные роли пользователей.

Результат работы над AMANAT
Визуальная система

Узнаваемый образ. Понятные действия

Бирюзовый цвет, фирменный орнамент и предметная графика объединяют публичный сайт и приложение. Визуальные акценты обозначают входы в сервисы, а рабочие экраны сохраняют спокойную иерархию.

Результат работы над AMANAT
Рабочие сценарии

Общественная приёмная

Вход в приёмную отделён от информационных материалов. Посетитель переходит к своему обращению или записи на приём.

Обсудим вашу задачу

Ваш следующий проект

Расскажите, что хотите изменить. Обсудим сайт и цифровые инструменты для вашей команды.

Обсудить проект в WhatsApp
↑