Формальные сведения обо мне

Резюме

Antares

Bites

Отдела дизайна платформы V

Design Portal

Инструмент дизайна и разработки

Дизайн-переменные

Сравнилка

Выбирай, копируй, качай

Emoji брауузер

Трекер задач и конструктор

SberTrack 2.0

Flow Designer

Печаталка

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

LOQSTOQ

WE DAT

Редизайн для мобильного приложения

GN Smart App

Электронное голосование

Дизайн система и интерфейсы

ГАС «Выборы»

Центр безопасности корпоративного уровня

Kaspersky Security Center

Корпоративный хранитель экрана KSN

Screensaver 3D

Избранное

# О&nbsp;проекте

> ГАС «Выборы" — территориально&zwj;&ndash;&zwj;распределенная телекоммуникационная автоматизированная система общегосударственного уровня для&nbsp;реализации информационных процессов в&nbsp;ходе подготовки и&nbsp;проведения выборов и&nbsp;референдумов, а&nbsp;также для&nbsp;решения в&nbsp;установленном порядке задач, не&nbsp;связанных с&nbsp;проведением выборов и&nbsp;референдумов. Система позволяет комплексно решать задачи организации избирательного процесса на&nbsp;всех этапах: планирование подготовки проведения выборов, учёт избирателей, ввод сведений о&nbsp;кандидатах в&nbsp;депутаты, проведение голосования, подведение итогов и&nbsp;последующую статистическую обработку результатов (из Wikipedia). Кроме&nbsp;того, в&nbsp;систему заложены функции согласования работы избирательных комиссий разных уровней, что практически в&nbsp;режиме реального времени позволяет подводить итоги голосования и&nbsp;с помощью средств отображения и&nbsp;интернета доводить их до&nbsp;каждого гражданина России.

## Участие

Как дизайнеру&zwj;&ndash;&zwj;проектировщику и&nbsp;координатору работ, мне была поставлена задача создать общий визуальный стиль платформы и&nbsp;проработать некоторые ее части.

За небольшой промежуток времени удалось сделать немногое. В&nbsp;целом удалось определить направление дизайна и&nbsp;придумать несколько концепций и&nbsp;подходов.

Такого объема задачи не&nbsp;смогли бы выполнить два человека, я и&nbsp;мой второй дизайнер, поэтому работа продолжилась после&nbsp;меня (как я надеюсь).

## Задачи

Задача - предоставить всем специалистам, работающим с&nbsp;пользовательским интерфейсом системы, правила использования, шаблоны, готовые графические элементы, а&nbsp;также конструктор форм.

За основу графического стиля и&nbsp;некоторых кейсов взаимодействия была взята Lightning Design System, что в&nbsp;большей степени создавало препятствия, чем облегчало работу.

Я тесно сотрудничал с&nbsp;фронт&zwj;&ndash;&zwj;энд разработчиками компонентной базы в&nbsp;качестве проектировщика и&nbsp;дизайнера:

- Как&nbsp;проектировщик, я выявлял паттерны и&nbsp;контексты использования элементов системы.
- Как&nbsp;дизайнер, создавал недостающие элементы и&nbsp;адаптировал существующие.
- Как&nbsp;технический писатель, наполнял базу знаний описаниями и&nbsp;иллюстрациями концепций.

## Дизайн система

-   Описаны основные положения, поведение элементов интерфейса, поведение блоков и&nbsp;другие аспекты.

-   Созданы типовые экраны, блок&zwj;&ndash;&zwj;схемы, экраны для&nbsp;различных ролей на&nbsp;разных этапах избирательных компаний.

Пример страниц из&nbsp;базы знаний.

![](conf_1.png)
![](conf_2.png)
![](conf_3.png)
![](conf_4.png)

---

Пример экранов с&nbsp;описанием ДС

![](ds_spaces.png)
![](ds_lists.png)
![](ds_fonts.png)
![](ds_f_states.png)
![](ds_changes_desc.png)
![](ds_changes.png)
![](ds_errors.png)
![](ds_changes_2.png)

![](ds_colors_1.png)
![](ds_colors_2.png)
![](context.png)

---

![](nav.png)
![](menu_2.png)
![](layout.png)
![](vertical.png)
![](ds_value.png)
![](ds_calendar.png)
![](ds_multi.png)
![](radio.png)
![](select.png)
![](switcher.png)
![](steps.png)
![](input.png)

![](ds_buttons.png)
