6+ лет в дизайне
Продуктовый и графический дизайн
Привет! Я проектирую продукты для Госуслуг с аудиторией 145+ млн пользователей, и превращаю ручные процессы в масштабируемые инструменты
Соедините точки
Кто там прячется?
00/ 27
Нажимайте точки по порядку, начиная с 1. Можно вести мышкой от точки к точке
Контакты
- Почта jhdiana.verenkova@gmail.com
- Telegram @dddenisovich
Внутренние продукты, которые сделали работу команды быстрее и спокойнее
Контент и часть деталей UI изменены в целях конфиденциальности
Как команда перевела выпуск типовых страниц из цепочки Figma → разработка → тестирование в единый no-code процесс. Я проектировала ключевые сценарии и интерфейс, а после запуска сама собирала в конструкторе реальные страницы

Даже типовая страница проходила полный цикл
До ВКЛ команда использовала шаблонизатор – библиотеку типовых блоков в Figma, собранную по гайдам портала. Дизайнер собирал из них макет и передавал в разработку, дальше страница шла через тестирование и дизайн-контроль. Даже для самой простой страницы

Превратить шаблонизатор в инструмент
Собрать типовую страницу без отдельного этапа разработки, но в рамках дизайн-системы, а не как универсальный редактор
ВКЛ не должен был конкурировать с готовыми конструкторами. Его задача – быстро собирать типовые страницы в рамках дизайн-системы
Было
- Figma
- Разработка
- Тестирование
- Дизайн-контроль
- Релиз
Стало
- ВКЛ
- Дизайн-контроль
- Публикация
Моя роль
Проектировала ключевые сценарии и интерфейс: структуру ВКЛ, компоненты, настройки и работу с адаптивом. После запуска регулярно собирала в нем реальные страницы, проводила дизайн-контроль, фиксировала проблемы и предлагала следующие улучшения. Помогала коллегам осваивать инструмент
Знакомая логика, перенесенная в продукт
Основой стали блоки и паттерны, уже знакомые команде по реальным макетам: шаблоны со стартовой структурой, библиотека блоков, навигация по длинной странице, настройки с допустимыми параметрами, автоадаптив и готовый JSON для публикации

После запуска: ошибки мобильной версии до публикации
Страницы собирались в desktop, а мобильная версия формировалась автоматически. Часть параметров в mobile нужно настраивать вручную, и ошибка обнаруживалась уже после публикации, когда страница была в интернете
Я предложила добавить в ВКЛ предпросмотр и спроектировала сценарий двух состояний: Desktop и Mobile. До выгрузки JSON можно вернуться к настройкам блока

Концепт: правка текста прямо на странице
Сейчас текст редактируется через боковую панель: найти поле, сопоставить с текстом на странице, изменить, проверить. Я предложила inline editing – нажать на текст прямо на холсте и править на месте. Концепт пока не реализован


Итог
По внутренней оценке команды, ВКЛ снизил стоимость производства типовых лендингов примерно на 70% и ускорил выпуск примерно в 3 раза. Я проектировала продукт и работала в нем на реальных задачах – это помогало находить слабые места и превращать наблюдения в следующие решения
Как я превратила ручную сборку E-mail и ГЭПС в повторяемый процесс, которым смогла пользоваться вся команда: UI-kit, мастер-шаблоны и документация

Были правила, но не было системы
Визуальные правила рассылок уже существовали: типографика, стили кнопок, структура писем. Но сборка оставалась ручной. Дизайнеры находили элементы в старых макетах, копировали их между файлами и заново проверяли отступы
Как это работало
- Найти старый макет
- Скопировать блок
- Заменить контент
- Проверить стили и отступы
- Собрать письмо
- Дизайн-контроль
Инициатива
Отдельной задачи на UI-kit не было. Я сама предложила систематизировать процесс, когда заметила, сколько одинаковых действий повторяется из рассылки в рассылку. Команда и руководитель инициативу поддержали
Из набора элементов – в рабочую систему
Я спроектировала Figma-библиотеку и мастер-шаблоны: структура библиотеки, компонентизация, variants и component properties, публикация для команды, документация и финальный дизайн-контроль. Библиотека наследует правила основной дизайн-системы и адаптирует их под почту: в E-mail остался Arial ради предсказуемого рендеринга, в ГЭПС допустим Lato

Стало
- Открыть шаблон
- Выбрать блоки
- Заменить контент
- Проверить
Компонентов оказалось недостаточно
Долгое время я была человеком, который лучше всех знал процесс, и это было особенно заметно в отпуске. Поэтому я собрала подробную инструкцию по всему процессу – так, чтобы ей мог воспользоваться не только дизайнер

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

Итог
По моей рабочей оценке, типовая рассылка, на которую раньше уходило около 20 минут, стала собираться примерно за 5. Решения применялись в потоке 2 200+ рассылок и уведомлений с аудиторией около 62 млн пользователей
лет в дизайне. 5+ лет → продуктовый дизайн в экосистеме Госуслуг: сервисы, дизайн-системы и внутренние инструменты
Опыт
Продуктовый дизайн
RT Labs (Госуслуги)
Старший продуктовый дизайнер
- Развиваю внутренний визуальный конструктор лендингов: перевод типовых страниц из ручной сборки в систему компонентов и шаблонов. Стоимость производства страницы снизилась примерно на 70%, выпуск ускорился примерно в 3 раза
- Провожу дизайн-контроль лендингов и сервисов в экосистеме из 1 550+ страниц и порталов
- Создала и развиваю систему email-рассылок и уведомлений: библиотека шаблонов используется для 2 200+ писем с потенциальной аудиторией около 62 млн пользователей
- Внедрила промежуточное и финальное дизайн-ревью, чтобы находить ошибки до передачи материалов в реализацию
- Развиваю UI-киты, гайдлайны и документацию; консультирую дизайнеров и передаю практики внутри команды
Vitacore
Продуктовый дизайнер
- Проектировала веб- и мобильные продукты для iOS и Android: пользовательские сценарии, структуру и интерфейсы
- Развивала UI Kit и сопровождала дизайн до реализации вместе с разработчиками
Графический дизайн
Фриланс и агентства
Графический и продуктовый дизайнер
- Делала digital-креативы и визуальные материалы для Яндекс Доставки, PLEON и других коммерческих проектов
- Разрабатывала концепции, айдентику, рекламные кампании и материалы для digital- и офлайн-носителей
- Вела проекты от идеи и визуальной концепции до готовых макетов и производства
ORCUS Agency
Графический дизайнер · Германия
- Разрабатывала фирменный стиль и визуальные концепции для проектов международного рынка
- Создавала рекламные и коммуникационные материалы для зарубежных клиентов
Дирекция парков и скверов Казани
Графический дизайнер
- Разрабатывала визуальные материалы для городских пространств: навигацию, таблички, афиши и оформление мероприятий
- Создавала графику для digital- и печатных носителей с учётом городской среды и существующей айдентики
MICHELIN
TEMP Digital
Графический дизайнер
- Разрабатывала digital-материалы для MICHELIN Russia и проектов бренда в десятках стран
- Создавала визуалы и адаптации для Mobil × MANN и других международных кампаний
Интернет-журнал «Инде»
Графический дизайнер
- Оформила 29 публикаций за 4 месяца: подбор и обработка изображений, иллюстрации и графика
- Создала 50+ визуальных материалов для соцсетей
Клиенты и команды
Бренды, продукты и команды · 2018 – 2026
Навыки
- Продуктовый дизайн
- Дизайн-системы
- Сложные интерфейсы
- Прототипирование
- Исследования
- Дизайн-ревью
- Визуальные коммуникации
- Айдентика
- Наставничество
- Дизайн-процессы
Figma · Photoshop · Illustrator · Cinema 4D · Tilda · HTML · Jira · AI-инструменты
Образование и языки
Образование
КНИТУ · 2020
Метрология и стандартизацияПеревод и переводоведение (английский)
Языки
RU
Русский – родной
EN B2
Английский – B2
Русский – родной, английский – B2

Привет! Я Диана. Проектирую продукты и системы – разбираюсь в задаче, выстраиваю логику и довожу решение до качественного интерфейса
Последние 5 лет работаю с продуктами экосистемы Госуслуг. Больше всего мне интересны сложные сервисы, внутренние инструменты и дизайн-системы – особенно задачи, где дизайн помогает не только пользователю, но и самой команде работать проще и системнее
До продуктового дизайна много работала с визуальными коммуникациями, поэтому для меня одинаково важны логика продукта и качество визуального исполнения
Как я работаю
Сначала разобраться
Изучаю задачу, контекст, поведение пользователей, существующие решения и ограничения – и только потом перехожу к интерфейсу
Ревью по ходу работы
Провожу ревью ещё в процессе, а не только перед выпуском. Ошибки проще исправить до того, как они попадут в реализацию
Продукт на реальных задачах
По возможности сама работаю в инструментах, которые проектирую. Реальное использование помогает находить проблемы, которых не видно в макете
Передаю знания
Документирую решения и делюсь контекстом с командой, чтобы процессы не зависели от одного человека
Вне работы
- Рисую
- Арт-книги
- Географические и антропологические исследования
- Завариваю V60
- Мастерю руками
Коротко
чтобы понять место, в котором нахожусь
Меня часто привлекают вещи, которые обычно остаются незамеченными или вообще воспринимаются как некрасивые: старые машины, тележки, коробки, провода, строительные конструкции, смятые банки, временные вывески и случайные городские объекты. Мне интересна их форма, то, как они существуют в пространстве, и то, какой характер придают месту
Особенно меня цепляет всё несовершенное, незаконченное и временное – то, что обычно хочется исправить, спрятать или просто не заметить. Позже я узнала о ваби-саби и поняла, что мне близок этот взгляд на красоту: она может быть именно в несовершенстве, непостоянстве и следах времени. Возможно, поэтому мне интереснее рисовать не «идеальные» объекты, а то, что выглядит случайным, изношенным, временным или будто немного не на своём месте
Когда я оказываюсь в новом городе, через такие наблюдения я постепенно начинаю его понимать. Рисунок для меня – способ замедлиться, внимательнее рассмотреть среду и заметить то, мимо чего в обычной жизни я бы прошла. Через такие вещи я постепенно считываю характер места, в котором нахожусь
Зима 2023 · Стамбул
Istanbul jacket
«Istanbul jacket» появилась зимой 2023 года, когда я переехала в Стамбул. Я искала новый дом и одновременно пыталась разобраться в городе – в его визуальном шуме, импровизации, незавершённости и непредсказуемости
Мне нравилось, что многое здесь выглядит временным и будто собранным на ходу. То, что сначала может раздражать или казаться хаотичным, постепенно начинает восприниматься как часть характера города
Поэтому мои работы – не столько зарисовки конкретных объектов, сколько способ зафиксировать процесс знакомства с местом. Через них я пытаюсь найти красивое там, где его обычно не ищут