DIT Moscow

Мониторинг показателей системы здравоохранения города МосквыMonitoring indicators of the Moscow healthcare system

АИС МОП СЗ — Автоматизированная информационная система Мониторинг показателей системы здравоохранения, города МосквыAIS Healthcare Metrics Monitoring — Automated information system for monitoring healthcare indicators in the city of Moscow

ПользовательUser

Мэр Москвы — верхнеуровневый просмотр ключевых показателейMayor of Moscow — high-level view of key metrics
Заместитель мэра Москвы — работы по вопросам социального развитияDeputy Mayor of Moscow — work on social development matters
Департамент здравоохранения Москвы — принятие управленческих решенийMoscow Department of Health — executive decision-making
Аналитический центр при Правительстве Москвы — работа с данными и динамикой показателейAnalytical Center under the Moscow Government — working with data and metric dynamics
Советники и помощники мэра / заместителей мэра — подготовка материалов и мониторинг ситуацииAdvisors and assistants to the mayor / deputy mayors — preparing materials and monitoring the situation

Что сделалWhat did you do

Анимации UI-компонентов интерфейса платформы для повышения ощущения плавности и чувства отклика:Platform UI component animations to enhance smoothness and responsiveness:

анимации иконок;icon animations;
lottie-анимации для различных preloader'ов;Lottie animations for various preloaders;
от идей с заготовками в виде скетчей и видео-демок, до реализации посредством dev-handoff разработчикамfrom ideas with sketches and video demos to implementation via dev handoff to developers

Был ответственен за всю анимацию внутри проекта.Was responsible for all animation within the project.

РаботыWorks

Анимация иконки на кнопкуButton icon animation

Поведение иконки при переключении из режима "Астролябия" в режим "Карта". Демонстрация анимации на Web / Tablet / Mobile.Icon behavior when switching from Astrolabe mode to Map mode. Animation demo on Web / Tablet / Mobile.

ToolbarToolbar

Демонстрация различных анимаций в блоке toolbarDemonstration of various animations in the toolbar block

Search inputSearch input

Динамичная анимация на input полеDynamic input field animation

WidgetWidget

Эффект всплывания окна с динамикой, анимация проявления данныхPop-up window effect with motion; data reveal animation

Tab barTab bar

Динамика на переключения между разделамиMotion for switching between sections

Elastic OverscrollElastic Overscroll

Предложил и исследовал UX-поведение scroll-сегментов — решение реализовано.Proposed and researched UX behavior for scroll segments — the solution was implemented.

ToggleToggle

Динамика на переключения между разделамиMotion for switching between sections

SidebarSidebar

Bouncy animation for sidebarBouncy animation for sidebar

AstrolabAstrolab

Sketch-демонстрация анимации переключения между уровнями "Астролябии" (уровнями данных), и возвращение на "Карту".Sketch demo of animation switching between Astrolabe levels (data levels) and returning to the Map.