← Проекты 01 / 04

Цифровая экосистема · Айдентика · Информационная архитектура

DEVTEAMОт библиотеки инструментов к цифровой экосистеме

Роль
Communication Designer / Brand Designer / Web Designer
Зоны ответственности
информационная архитектура, UX/UI, айдентика, визуальная система, разработка портала, образовательный дизайн
01

Контекст

В команде уже существовала страница «Инструменты дизайнера» — востребованная библиотека материалов для сотрудников. Команда решила развить эту идею и объединить инструменты, знания, образовательные программы и внутренние коммуникации в одном пространстве. Материалы создавались разными специалистами, хранились разрозненно и не были объединены общей структурой и визуальной системой. Так появилась идея DEVTEAM — внутреннего портала для сотрудников, работающих с контентом, обучением, дизайном и коммуникациями

02

Задача

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

03

Моя роль

Я самостоятельно спроектировала структуру DEVTEAM, пользовательские сценарии и навигацию, разработала айдентику и визуальную систему: от логотипа и типографики до графических элементов и анимаций. Полностью собрала портал на Тильде, включая Zero Block, адаптивную вёрстку и техническую настройку. Также отвечала за дизайн и развитие отдельных направлений экосистемы, включая библиотеку инструментов, систему шаблонов презентаций и образовательные материалы. Над содержанием ряда разделов работали и другие специалисты команды

04

Решение 1Объединила материалы в систему

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

Общая карта экосистемы DEVTEAM
Детализация сценария «Предложить разработку»
05

Решение 2Создала визуальную идентичность с нуля

У команды не было собственного логотипа и фирменного стиля. Получив полную творческую свободу, я разработала визуальный язык DEVTEAM и создала принципы оформления страниц и элементов интерфейса, объединяющие разные форматы контента. Новая айдентика также стала основой образовательных, редакционных и коммуникационных материалов команды

Лого DEVTEAM и Школы дизайна
06

Решение 3Разработала библиотеку инструментов

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

Инструменты дизайнера
07

Решение 4Связала обучение и внутренние медиа

В DEVTEAM была интегрирована ранее созданная мной «Школа дизайна» — образовательная программа, для которой я разработала структуру обучения, материалы, иллюстрации и интерфейс. Корпоративный журнал получил оформление в айдентике DEVTEAM. Я переработала его визуальный стиль, создавала обложки и авторские публикации, а также помогла коллегам освоить самостоятельное размещение материалов. Для обоих направлений разработала соответствующее оформление, сохранив собственную логику каждого продукта

08

Результат

За два месяца я самостоятельно спроектировала, оформила и технически реализовала портал DEVTEAM. Командная идея расширения библиотеки превратилась в цифровую экосистему с собственной айдентикой, образовательными продуктами, рабочими инструментами и внутренними медиа.

  • 2 месяцаот проектирования до запуска
  • 1 300+просмотров главной страницы в первые два месяца
  • 1 000+просмотров раздела «Инструменты дизайнера» в первые два месяца
  • 2 200+скачиваний шаблонов и элементов в первые два месяца

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

Следующий проектШкола дизайна