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

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

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

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

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

Количество информации для разных инфографик отличалось. На некоторых схемах было мало элементов, и они выглядели визуально беднее, чем другие, со сложными взаимосвязями и графиками. Чтобы не возник диссонанс, мы нашли изящное решение — добавили на схемы с небольшим количеством элементов иллюстрации из внутрибанковского конструктора.

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

Всего мы подготовили 71 инфографику, и 26 из них сделали за одну неделю. Также мы отрисовали 26 изображений для лендинга и видеороликов, создали шаблон презентации из 30 слайдов, а также несколько ванпейджеров, дизайн сертификатов и дизайн определений для статей.