Логомашина
9 397
Блоги

Редизайн «Нетологии» от «Логомашины»: изменить всё, ничего не меняя

Как обновить логотип, к которому все привыкли.

Поделиться

В избранное

В избранном

Почему «Нетология» решилась на это

Университет интернет-профессий с 2011 года сильно вырос, в том числе и из своего дизайна. Появились нюансы, которые со стороны не были сильно заметны, но они усложняли жизнь внутри компании. А точнее:

  • Логотип немного устарел.
  • Многие не понимают смысл — это цветок, ромашка или что-то ещё.
  • Было сложно использовать старый стиль на одежде.
  • Партнёры не всегда удачно использовали дизайн на свой вкус.
  • Цвета использовали, чтобы брендировать разные курсы университета, но потом курсов стало больше и система «один курс — один цвет» перестала работать.

За последние пару лет мы очень выросли, появились новые бизнес-вертикали, но при этом фирменный стиль оставался тем же. Всё чаще у нас возникали вопросы: как оформить одежду, какой стиль использовать в презентациях для корпоративных клиентов, чем должно отличаться оформление рекламных материалов разных бизнес-направлений.

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

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

Сергей Дережинский
руководитель отдела проектирования и дизайна «Нетологии-групп»
Старый логотип

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

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

Но редизайн — это не всегда история про полную переделку. Условно редизайн можно поделить на два типа: революционный и эволюционный.

Революционный редизайн — это как у МТС. Был один образ, стал совершенно другой.

Логотип МТС в 1993 году и сейчас

Компания выросла из дизайна и ценностей, понадобился не просто редизайн, а настоящий ребрендинг.

Это помогло сформировать новый образ в глазах клиентов. Конечно же, за этим стоит и большая маркетинговая стратегия, но дизайн помогает сформировать новое впечатление, влияет на восприятие.

Эволюционный редизайн — как у Google. Не редизайн, не ребрендинг, а скорее рестайлинг.

Эволюция логотипа Google

Концепт не трогаем, просто что-то убираем, что-то добавляем, меняем немного шрифты, цвета.

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

Рестайлинг помогает не сталкиваться с проблемой удобства использования и не отставать (внешне) от конкурентов.

Собственно, для «Нетологии» мы сделали эволюционный редизайн.

Процесс

Мы решили пойти против системы (ладно, на самом деле — просто немного поменять её) и сделать разноцветными не курсы, а направления университета. После этого приступили к разработке.

Дизайнер проекта Артём ищет образы

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

Начинаем развивать идею

Фирменный знак компании состоит из придуманных нами соединений. Нетоны притягиваются друг к другу через центр логотипа. Чёрный круг — метафора. «Нетология» — это место, где люди из разных сфер объединяются, чтобы учиться.

Объединение нетонов

Для логотипа мы выбрали восемь комплементарных цветов — это те цвета, которые находятся друг напротив друга в цветовом круге.

Такой контраст хорошо использовать, если нужно что-то выделить, показать чёткие различия.

Поиск цветов
Спорим

Мы решили добавить ещё больше смысла в дизайн (все это любят) и придумали алфавит для «Нетологии».

За основу взяли семафорную азбуку из-за того, что она похожа на соединения нетонов.

Основа алфавита

Эту стилизованную азбуку можно использовать в рекламе, SMM — везде, где нужен визуальный образ, который привлечёт внимание.

Смотрим, как новый дизайн можно использовать в жизни
Арт-директор Костя говорит, как лучше
Нетоны и направления онлайн-университета
Технический дизайнер Даня и веб-дизайнер Юля смотрят, чтобы на сайте готовый результат смотрелся ок

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

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

Результат

Финальный вариант обновлённого дизайна для «Нетологии». Логотип мы «причесали»: поменяли некоторые цвета, изменили их расположение. Подобрали новый шрифт, теперь он согласуется со знаком, не перегружает его.

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

Логотип до и после

Сделали несколько вариантов использования логотипа.

Еее, физика!

Анимированная версия лого
Интерактивный паттерн из нетонов. Залипание на сайте обеспечено
Самая настоящая азбука «Нетологии»
Цветовое кодирование направлений
Пример: как новый дизайн использовать на сайте

Этих парней можно использовать как угодно: в промопубликациях, видео, на сайте — на экране загрузки.

Дай пять
Больше нетонов!

В итоге у нас получилась такая «Нетология»: без сильных изменений внешне и с новой внутренней системой. В чём плюсы:

  • Теперь легче объяснить партнёрам, как использовать дизайн, чтобы получалось хорошо.
  • Удобно различать направления и не мучиться с тем, что цвета и место в логотипе закончились.
  • Легко использовать на любой одежде и носителях.
  • Бонусом: на все «ромашки» и «цветочки» есть крутой ответ, полный смысла.

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

Сергей Дережинский
руководитель отдела проектирования и дизайна «Нетологии-групп»

Это не вся презентация, полностью смотрите в нашем портфолио.

#дизайн

{ "author_name": "Логомашина ", "author_type": "self", "tags": ["\u0434\u0438\u0437\u0430\u0439\u043d"], "comments": 72, "likes": 59, "favorites": 28, "is_advertisement": false, "section_name": "blog", "id": "42503", "is_wide": "1" }
{ "is_needs_advanced_access": false }

Комментарии Комм.

Популярные

По порядку

0

Прямой эфир

Подписаться на push-уведомления
[ { "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" } } } ]