Университет ИТМО

В 2022 году произошел ребрендинг Университета ИТМО и создание собственной дизайн системы, а на ее основе решено было создать собственный конструктор сайтов — CMS Edita. Цель создания — сэкономить денежные ресурсы на 10% и человеческие ресурсы на 20%, повысить эффективность сотрудников на 30%, автоматизировать бизнес-процессы на 40%.

Мои обязанности

  • В команде еще из 3 дизайнеров и дизайн-лидом проектировал с нуля дизайн CMS. Также работал в команде с продакт-менеджером, разработчиками, тестировщиками.
  • Формулировал и тестировал гипотезы, определял проблемы продукта, пользователя, процесса с помощью глубинных интервью, опросов, юзабилити-тестирований.
  • Проектировал решения в виде сценариев, валидаций, корнер-кейсов, макетов и прототипов.
  • Писал дизайн-документацию.
  • Проводил дизайн-ревью реализации продукта с помощью Dev Tools.
  • Улучшал и дорабатывал сценарии, сравнивал обратную связь и метрики.

CMS Edita

Раздел «Мои шаблоны»

Мы заметили тенденцию, что сайты стали создаваться медленнее. После опроса пользователей мы выяснили, что создание новых страниц на сайтах замедлялось из-за нужды в создании однотипных блоков на похожих страницах. Копирование блоков с других страниц сильно замедляло работу пользователя, поэтому не решало проблему. Требовался функционал, позволяющий пользователю создавать похожие блоки быстро и не переходя между страницами.

Результаты

Новый раздел ускорил разработку сайта на 10%. Замерили это с помощью юзабилити-тестов после релиза. После внедрения раздела в CMS половина пользователей стала использовать шаблоны и оставила положительные отзывы о функционале.

Функционал «Базовые анимации»

Спроектировал функционал настройки анимации появления элементов в блоках CMS и увеличил конверсию на сайтах университета

Результаты

85% пользователей внедряют анимацию себе на сайт. Конверсия увеличилась на 1% на сайтах университета через 3 месяца после релиза функционала

Дизайн-система ИТМО

Помимо CMS Edita я занимался разработкой дизайн-системы университета, на основе которой был сделан конструктор сайтов. ДС разрабатывал наш отдел дизайнеров на основе гайдлайнов, созданных отделом развития бренда университета. Для каждого компонента написана подробная документация, описывающая поведение компонента, его основные состояния, экстра-кейсы и особенности верстки.

Результаты

Разработал 20% из 32 компонентов и написал для них документацию. Пересобрал с нуля сайт дизайн-системы после рефакторинга компонентов. ДС университета доступна в публичном доступе на сайте. В рамках обновления структуры компонентов я пересобрал сайт полностью.