Незанудный стиль для edtech в сфере финансов: диджитал-гайдлайн для «Образовательных проектов ПАКК»
Часто в компаниях макеты для оформления соцсетей делают не дизайнеры, а маркетологи или smm-менеджеры. От этого страдает общий стиль.
Арт-директор maryco Вероника Октябрь и старший дизайнер Андрей Тельминов расскажут, как мы создали новый масштабируемый фирстиль соцсетей для «Образовательных проектов ПАКК» и как обучили сотрудников компании создавать из него тысячу и один шаблон без помощи дизайнера.
Создать фирстиль для соцсетей, который масштабируется на другие носители
ПАКК — консалтинговая компания, у которой есть направление «Образовательные проекты ПАКК». Это программы по финансовой грамотности для нескольких групп: преподавателей в школах и вузах, которые затем обучают этим навыкам учеников и студентов; общественных и коммерческих организаций; государственных органов. ПАКК проводит дистанционные курсы, создает сценарии мероприятий, выпускает информационные материалы (ролики, брошюры), устраивает оффлайн мероприятия по всей России.
Клиент хотел обновить дизайн «Образовательных проектов ПАКК» в трёх соцсетях — Инстаграм, Вконтакте и Facebook. Важно было сделать дизайн современным, понятным для разных групп целевой аудитории (работники госорганов, школьные учителя старшего поколения) и узнаваемым.
Новый фирстиль должен был оттолкнуться от существующего: его клиент использовал на сайте компании, в презентационных материалах и полиграфии.
Ника Октябрь
Арт-директор maryco
Кроме того, ПАКК искала решение, которое мог бы применять не дизайнер, а штатный SMM-специалист — без потери качества.
Какие перед нами стояли задачи:
Также клиент планировал в дальнейшем масштабировать новый фирстиль на сувенирную продукцию, презентационные и раздаточные материалы и на сайт.
Наше решение: геометрический минимализм в нескольких палитрах
Мы держали в голове ограничение — не насыщать деталями и не делать сложные макеты, потому что без дизайнера с этим будет непросто работать.
Цветовая палитра. Клиент хотел избежать пестроты и кричащих цветов, которые говорят «здесь ярко, задорно и несерьёзно». Ведущими цветами «Образовательных проектов ПАКК» были тёмно синий и ярко-красный. Мы взяли их за основу, но изменили: выбрали более современные и сложные оттенки. Они спокойнее, лучше подходят для сферы образования.
Также мы должны были ввести акцентные цвета для логотипов отдельных направлений «Образовательных проектов ПАКК». В прежнем дизайне они были выполнены градиентом. Мы отказались от этого, чтобы общий вид был цельным и лаконичным.
Всего мы создали пять сочетающихся цветовых палитр. За каждым направлением закреплён свой акцентный цвет, который помогает клиентам ПАКК ассоциировать изображение с определённым образовательным проектом.
В гайдлайне каждую палитру мы сделали в виде схем с разбивкой. Они показывают, в какой пропорции тот или иной цвет должен содержаться на любом носителе.
Также мы прописали ограничение для Instagram — здесь можно использовать только три палитры. Мы сделали так потому, что в профиле Instagram пользователь видит сразу 12 постов: они должны сочетаться друг с другом, выглядеть цельно и не создавать пёструю визуальную кашу.
Facebook и Вконтакте работают иначе: за раз мы видим один пост. Поэтому здесь можно использовать все пять цветовых схем.
Графические элементы. Чтобы передать образовательную направленность и системность клиента в решении задач, мы выбрали минимализм и геометрию. В основе концепции лежат несколько простых форм, из них можно комбинировать фигуры.
Абстрактные формы просты в использовании, понятны для восприятия, они в меру серьёзны и на ассоциативном уровне связаны с устойчивостью и структурностью. Среди форм есть несколько арифметических символов, которые напрямую отсылают к финансовой сфере.
Все макеты строятся на взаимодействии фигур, текстов и фотографий.
Шрифты. Мы подобрали небанальную пару бесплатных шрифтов, которые ещё не успели надоесть, — Wremena и Commissioner. Wremena — шрифт с засечками для акциденции: использовали его в заголовках и для выделения малых объёмов текста. К нему в пару мы подобрали гротеск Commissioner — отличное решение для наборного текста.
Фотостиль. В большинстве постов клиент использует фотографии. У них три тематики: образование/финансы, учитель/ученики и мероприятия/семинары. Мы разработали для каждой тематики критерии, собрали мудборды и прописали правила поиска на стоках. Например, для образования и финансов на фото должны быть не люди, а образы, ассоциирующиеся с обучением (книги, тетради, доска и прочее).
Чтобы у клиента сразу был рабочий инструмент, мы собрали архивы с фото для каждой серии, обработали их фильтрами. Остаётся только вставить их в макет поста.
Сделали гайдлайн и обучили команду
Все элементы и приёмы нового стиля мы прописали в гайдлайне, где объяснили, как создавать из них посты. В нашем случае с гайдлайном должен был работать отдел маркетинга. Поэтому мы старались сделать подробную инструкцию и написать её простым языком.
Дальше приступили к обучению, чтобы команда ПАКК поняла внутреннюю логику нового дизайна. Сначала мы собрали его в Figma. Когда стало ясно, что это сложный инструмент, мы перенесли дизайн в Canva. Сделали шаблон, предложили команде поработать с ним — пособирать, покомбинировать.
Потом разобрали ошибки и объяснили, что и как можно улучшить. Показали, какие в Canva есть инструменты и как с их помощью использовать остальные приёмы из гайдлайна.
Результаты проекта