Обсудить задачу ↗
← Проекты
Продуктовый дизайн / CASE STUDY

AlmatyAtau

Платформа для оцифровки документов отдела ономастики Алматы и изучения истории улиц города

Моя рольДизайн представленных экранов
TOOLS / PRACTICEUX/UI · Figma · GovTech · Research · User Flow
Формат кейсаСценарии · экраны · UI kit
INTERFACE DESIGN

Спроектировал интерфейс

Мой вклад — дизайн представленных экранов и сценариев.

01UX02UI03SYSTEM
В этом проекте
  • Сценарии
  • Экраны
  • Визуальный язык
AlmatyAtau
AlmatyAtau / Продуктовый дизайн

Задача

Отдел ономастики города Алматы работал с огромным объёмом бумажных документов: приказы, архивы переименований улиц, исторические справки — всё хранилось в физическом виде и было труднодоступно.

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

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

01 / TWO AUDIENCES

История города — для жителя. Архив — для специалиста.

Интервью с сотрудниками отдела помогли разделить два контекста. Житель ищет улицу и происхождение её названия. Специалист работает с записями и документами. Публичная часть поэтому начинается с поиска и материалов о городе, а рабочая — с фильтров и реестра.

Публичная главная: поиск и история города
Рабочий реестр: фильтры и действия со строкой
02 / INFORMATION ARCHITECTURE

Одна улица — связанная история

Карточка улицы объединяет основные сведения, человека, в честь которого дано название, карту и хронологию. Историческое изменение не теряется в общем списке: у него есть дата и отдельная строка в истории. Это связывает географию, текст и архивный контекст на одном экране.

Карточка улицы Саина: сведения, история и карта
01

Факты собраны в компактную таблицу.

02

Хронология показывает последовательность переименований.

03

Карта сохраняет пространственный контекст.

03 / STAFF WORKFLOW

Не только просмотр, но и ежедневная работа

Внутренние экраны включают обработку обращений и управление содержимым. У обращений видны отдельные состояния: необработанные, обработанные и архив. В форме активности выбор типа ответа и содержимое находятся рядом — структура поддерживает последовательное заполнение.

Обращения, распределённые по состояниям
Редактор активности и вариантов ответа
04 / COMPONENT LANGUAGE

Повторяемые правила вместо разрозненных экранов

В UI kit зафиксированы Montserrat Alternates и Montserrat, палитра, варианты кнопок, поля, переключатели и состояния навигации. Для категорий улиц подготовлена отдельная система значков. Ниже — исходная доска компонентов, а не заново придуманная система для презентации.

UI kit: типографика, компоненты и классификация
VISUAL LANGUAGE

Характер проекта

#0930B8
#DBE2FD
#F6F6F6
01UX/UI02Figma03GovTech04Research05User Flow
DELIVERABLE

Что получилось

Создан полный UX/UI продукт для государственного учреждения с нуля.

Платформа переводит работу с документами из бумажного формата в цифровой — без потери структуры и юридической значимости документов.

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

Следующий проектZerdeliApp ↗
LET’S TALK

Обсудим твою задачу?

Напиши мне в WhatsApp: расскажи о проекте или предложении работы.

Написать в WhatsApp+7 708 903 43 49