Тейка: Визуальная коммуникация
About
Сервис лояльности для малого и среднего бизнеса. Работал над брендингом, визуальной системой и редизайном сайта. Развивал UX-интерфейсы личного кабинета, создал презентации и визуальные материалы, которые объединили продукт, продажи и маркетинг в единую структуру.
Client
Тейка
Year
2020 – 2025
DELIVERABLES
Branding, UX/UI Design, Web Design, Presentations
Role
Lead Designer
Проблема
Визуальная коммуникация компании состояла из отдельных элементов — сайт, баннеры, материалы для партнёров, иллюстрации и соцсети.
Все это выглядело разрозненно: сайт сделан разработчиками сервиса и был похож больше на справочное бюро из 00х, презентаций вообще не было, но был ролик, который вроде как отражал взгляд ребят на себя
Цель
Собрать единый визуальный язык, который помогает понять продукт быстрее и одинаково во всех каналах.
Бренд стал узнаваемым и собранным — единый визуальный язык заменил набор разрозненных решений.
Подход
Компания тогда ещё называлась ASGK Group. Это был B2B-сервис с множеством функций, профессиональных терминов и сложных сценариев.
Я пересмотрел структуру подачи и стал строить визуальную коммуникацию по тем же принципам, по которым строится внимание.
Сначала занимался презентациями и иллюстрациями — отдельными задачами под продажи и партнёров ([см. кейс «Презентации»]). Затем мы сделали первый сайт — выразительный, но смысл продукта приходилось вычитывать ([см. кейс «Редизайн сайта»])
Первые черновики выглядели как собранные из разных частей макеты — пока не сложилась единая логика движения взгляда.
Работая над посадочными страницами и партнёрскими материалами, мы начали замечать, где людям всё ещё сложно понять продукт. Плюс я изучил конкурентов еще раз, ведь нужно было понять почему они выбрали такой визуальный язык и что за этим стоит — копирование меня не интересовало
Мы подошли к ребрендингу через редизайн сайта и совместную работу с маркетингом: крупные блоки, воздух, прямые ответы вместо перегруженной формы. Сайт перестал быть витриной и начал работать как инструмент продаж. По тем же принципам позже пересобрали презентации (тезис → доказательство → иллюстрация → вывод), а затем перенесли эти принципы в UX/UI интерфейсы личного кабинета ([см. кейс «UX/UI»]).
Так постепенно сложился единый визуальный язык: сайт структурирует, презентации ведут к диалогу, соцсети добавляют эмоцию и живые сцены.
Разница между каналами сохранилась: соцсети вовлекают, сайт структурирует, а презентации объединяют оба подхода и ведут к диалогу. Раньше считал сетки ограничением; в проекте понял, что это скорее инструмент: их можно и игнорировать, когда уместно, но чаще они экономят внимание и время — действительно помогают. // изменено
Эффект
Внутри команды стало проще согласовывать материалы. Появилось общее поле решений между дизайном, маркетингом и продажами. На конференциях презентации стали поводом для диалога — после выступлений к нам чаще подходили с вопросами о продукте. Один из дизайнеров, проводивший ресёрч конкурентов, отдельно упомянул наш сайт как пример удачной подачи.
Визуальная коммуникация стала инструментом предсказуемого взаимодействия: человек быстрее понимает, кто мы и чем помогаем бизнесу.
Клиенты отмечали, что сайт и логотип выделяются: визуально чисто и узнаваемо.
Вывод
Цель визуальной коммуникации — ускорить понимание через ясную структуру и живую эмоцию.
Сетки и ритм экономят внимание, эмоция делает подачу живой.
Бренд должен оставаться узнаваемым во всех каналах, а лицо компании — единым.
B2B-коммуникация работает, когда человек за минуту понимает, какую задачу решает продукт и что ему нужно сделать дальше.
Для меня этот проект стал началом системного мышления: я понял, как важно задавать координаты бренда и держать их во всех носителях. Системность упрощает решения, сохраняет узнаваемость и позволяет бренду говорить одним голосом — с разным настроением, но всегда собой. За эти годы я многое переосмыслил: понял, как бренд живёт в разных контекстах и как визуальная структура помогает этому голосу звучать увереннее.
Графики и слайды с конференций — отражают рост узнаваемости и вовлечённости.
