Дизайн Логомашина
4 269

Айдентика Campus от «Логомашины»: как с помощью дизайна разделить направления языковой школы

Campus — это студенческий городок, в котором совершенно разные люди изучают английский и китайский языки.

В закладки

Почему Campus решила сделать дизайн

Школа существует давно, но единого фирменного стиля у компании не было. Например, лента в Instagram выглядела так:

Лента и запись в Instagram

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

Дизайн помогает понять, какой перед нами бренд: серьёзный или, наоборот, лёгкий на подъем, с большой историей или молодёжный.

Campus пришёл с такой задачей: нужно было запоминаться аудитории, вызывать доверие, сформировать бренд.

Хотим приобрести «лицо» компании, чтобы компания стала визуально узнаваемой, а различные направления деятельности взаимодополняли друг друга. Для повышения доверия к компании нужно построить бренд, для этого нужен в том числе и фирменный стиль

Основатели Campus

Вторая задача — разделить направления школы. Сделать так, чтобы дизайн был разным, но давал понять, что все филиалы принадлежат одному бренду.

Так как под одним именем будут объединяться разные направления, а также открываться разные филиалы, то чтобы отделить одно направление от другого и один филиал от другого, к названию будет добавляться название подразделения или порядковый номер филиала

Основатели Campus

Наша задача

Campus выстраивает дружеское взаимодействие внутри школы. Учителя придумывают интересные активности и подстраиваются под задачи каждого ученика.

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

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

Решение

Динамичная айдентика, минималистичный логотип-«контейнер» и набор ярких паттернов.

Результат

Логотип — это метафора о пути ученика к знаниям: развитие, рост, круговорот событий вокруг. Знак простой, поэтому его легко использовать на любом носителе: он смотрится уместно и хорошо.

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

Такую форму удобно использовать для соцсетей. Например, в Instagram любая аватарка обрезается под круг. Если логотип не адаптировать, будет смотреться плохо. У Campus всё вписывается:

В выдаче поиска во «ВКонтакте» школа сразу выделяется на фоне неадаптированных значков:

Фирменный стиль

Вариант паттерна 

У основателей Campus был запрос: дизайн должен помочь разделить направления проекта.

Решение задачи — логотип-«контейнер», а к нему — набор паттернов. Этот выбор закрывает проблему разделения и сохраняет узнаваемость бренда. Это удобно и для клиента: достаточно взять форму знака, подобрать паттерны и всё совместить:

Анимированные варианты логотипа

Анимация привлекает внимание и запоминается. Ее можно использовать на сайте, в видео и в рекламе:

Пример использования стиля на сайте:

Фирменные цвета

Большая палитра цветов — ещё один способ выделить направления

Применять можно по-разному: один оттенок — одно направление, либо комбинировать цвета, как в случае Campus:

Пример использования на сайте и в социальных сетях

Как Campus использует дизайн в жизни

Проект быстро и круто реализовал стиль в жизни. Например, так дизайн интегрирован на сайте.

Фирменные бейджи и ленты. До этого школа использовала стандартные наклейки «Hello, my name is».

Ролл-ап переехал из презентации в реальность

Хорошее использование паттерна — он не перекрывает основную информацию и делает сертификат брендовым.

Подарочные сертификаты:

Посты во «ВКонтакте» до и после:

С новым дизайном Campus успела провести презентацию:

Те самые подарочные сертификаты
Видео с презентации

Итог

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

Полный проект — в нашем портфолио.

Фотографии и видео взяли из группы Campus.

Спасибо за внимание, удачи вашим проектам!

#дизайн #бизнес

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Логомашина", "author_type": "editor", "tags": ["\u0434\u0438\u0437\u0430\u0439\u043d","\u0431\u0438\u0437\u043d\u0435\u0441"], "comments": 21, "likes": 27, "favorites": 48, "is_advertisement": false, "subsite_label": "design", "id": 66129, "is_wide": true, "is_ugc": false, "date": "Tue, 30 Apr 2019 14:50:33 +0300" }
{ "id": 66129, "author_id": 177021, "diff_limit": 1000, "urls": {"diff":"\/comments\/66129\/get","add":"\/comments\/66129\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/66129"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "last_count_and_date": null }

21 комментарий 21 комм.

Популярные

По порядку

Написать комментарий...
14

Можно я дизлайк поставлю? Надоел уже этот самопиар.

Ответить
1

У VC же есть партнерские аккаунты. Тут вопрос еще и к редакции, нравится ли им деньги терять.

Ответить

Комментарий удален

0

и ваще, campus это общага по нашему, а не школа китайского, не нужно общеупотребительным словам придавать какой-то иной смысл ;]

Ответить
3

Логотип дешевый и посредственный. Как первый более-менее удачный набросок пойдет, но не более.

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

Але, у вас букве С макушку срезало, это вы называете адаптацией? Заодно стало понятно, почему текст на лого так неприятно выглядит - он кривой. Буква С не входит в круг, а S входит, надпись не центирована нормально.

Ответить

Комментарий удален

Комментарий удален

Комментарий удален

Комментарий удален

Комментарий удален

Комментарий удален

Комментарий удален

1

Заказчик залил в ВК и так обрезалось

Ответить
0

Если бы текст был ровно отцентрирован и вписан в круг, не обрезалось бы

Ответить
2

Никто и никогда не запоминает это идиотское разделение по цветам\паттернам различные направления. Прекратите уже впаривать эту херню про цветовую градацию штанов и тратить время на подобные статьи.

Ответить
2

Почему вы решили, что никто не запоминает?

Ответить
0

Ну поделитесь потом исследованием запоминания подобной хрени.

Ответить
6

Может вы поделитесь для начала?)

Ответить
3

Что можете сказать про карту метро, в этом случае?

Ответить
0

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

Ответить
1

Это логотип связного? 🤔

Ответить
0

Какая стоимость была в этом случае? Можете раскрыть цифры?

Ответить
3

Павел, в прошлом году за 65 000 рублей заказывали.

Ответить
2

65000 с анимацией и вот этим вот всем?

Ответить
0

Тогда все понятно, стоит этих денег

Ответить
1

Через 10 лет не только я начну ставить в один ряд логомаштну и лебедева))

Ответить
1

Клево. )

Ответить
0
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Компания отказалась от email
в пользу общения при помощи мемов
Подписаться на push-уведомления
{ "page_type": "default" }