Muzlab: как и почему менялась система бренд-дизайна

Как перейти к новому визуальному оформлению бренда, когда твоя компания больше не стартап, расскажет Виктор Христенко, CEO стримингового аудиосервиса для бизнеса Muzlab.

В закладки

Muzlab разрабатывает для компаний ежедневно обновляющиеся плейлисты, которые помогают управлять поведением клиентов. Компании больше трёх лет, и всё это время мы существовали с лого, который создали при запуске сервиса.

С тех пор наше позиционирование несколько изменилось, у нас появился новый продукт — теперь на базе сервиса запущена единая платформа по управлению не только аудио-, но и видеоконтентом.

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

Раньше наш логотип выглядел так.

Задача

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

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

Никита Иванов
автор концепции визуального стиля Muzlab

Решение: составляющие бренда

В основе нового лого мы решили использовать простые элементы — площадь и ноту, которые идеально дополняют друг друга и прямо указывают на сферу деятельности компании.

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

Сергей Бортников
автор логотипа Muzlab

Такой логотип прост и минималистичен.

Для фирменной цветовой палитры мы выбрали чёрный, белый и зелёный.

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

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

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

Шрифт, очертания букв в написании логотипов и публичных текстов (брошюрах, вывесках) передают характер всего бренда. Мы используем Body Grotesque, а точнее два их начертания: Large Bold в логотипе и Extra Bold в написании заголовков и подзаголовков.

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

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

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

Итог

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

Фирменная символика, нанесённая на бейдж или футболку, сохраняет ассоциацию с брендом, но при этом не повторяется и «звучит» на каждом носителе по-своему.

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

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

#редизайн

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

Написать
{ "author_name": "Виктор Христенко", "author_type": "self", "tags": ["\u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d"], "comments": 5, "likes": 8, "favorites": 14, "is_advertisement": false, "subsite_label": "design", "id": 77344, "is_wide": true, "is_ugc": true, "date": "Tue, 30 Jul 2019 09:20:45 +0300" }
{"average":26034,"one":95,"ten":75}
Сколько денег вы откладываете в месяц?
Ответьте и узнаете, сколько копят другие.
0 ₽
70 000+ ₽
0 ₽
{ "id": 77344, "author_id": 276391, "diff_limit": 1000, "urls": {"diff":"\/comments\/77344\/get","add":"\/comments\/77344\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/77344"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "last_count_and_date": null }
5 комментариев

Популярные

По порядку

3

Братва, не стреляйте друг в друга

Ответить
1

Все.прекращаем)

Ответить
0

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

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

Ощущение, что все эти «метафоры» высосаны из пальца. Это же вообще никак не считывается, даже после того, как вы об этом написали.
С тех пор наше позиционирование несколько изменилось, у нас появился новый продукт — теперь на базе сервиса запущена единая платформа по управлению не только аудио-, но и видеоконтентом.

Каким образом вы это показали? Где здесь какой-то намёк на видеоконтент?
Такой логотип прост и минималистичен.

Только почему-то выглядит сложно и перегруженно, особенно текстовая часть 🤔
По отдельности черный используется, чтобы передать мощность, утонченность и добавить в композицию резкости, а белый, чтобы добавить чистоты воздуха в рабочее пространство

https://www.youtube.com/watch?v=VcbI0s77Zfg

Ответить
0

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

Ответить
2

Спасибо за подробный анализ моих комментариев. Имхо они для критики и нужны, писать «Здорово, какой ты молодец!» на этом сайте мне кажется бессмысленным.
На футболе, ты показался мне, более позитивным)))

Так я что-то не по делу разве написал? Конечно проще написать в телеге, что я хейтер, чем ответить хотя бы на один комментарий к тексту.
Если бы ты мне показал эти картинки на футболе и рассказал про все эти метафоры, я бы сказал ровно то же самое – они высосаны из пальца, логотип никак не отображает изменение позиционирования и не выглядит минималистично, а предложение про мощность и утончённость чёрного цвета звучит комично. Ещё бы я сказал, что шрифт хуёвый. И что, ты бы мне тогда стрелку за гаражами забил?

Ответить
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" } } } ]
Приложение-плацебо скачали
больше миллиона раз
Подписаться на push-уведомления
{ "page_type": "default" }