I: (ОБЗОР)
РОЛЬ
Брендинг, UX/UI, коммуникационный дизайн
ОПИСАНИЕ
Ребрендинг, сайт и визуальная система iGaming-агентства
TSL Agency объединяет партнёрскую программу и собственную команду закупки трафика. За два года работы внутри агентства я создал новую айдентику, спроектировал корпоративный сайт и развивал визуальные коммуникации бренда.
II: (ЗАДАЧА И МОЯ РОЛЬ)
От TeslaTraff к TSL
Прежнее название создавало прямую ассоциацию с Tesla. Агентству требовался самостоятельный образ, при этом существующие партнёры должны были узнавать знакомую компанию.
Название TSL сохранило связь с TeslaTraff. Моей задачей было с нуля выстроить новую визуальную систему и перенести её на сайт, коммуникационные материалы и физические носители.
МОЯ РОЛЬ
Самостоятельно отвечал за дизайн агентства: от айдентики и брендбука до структуры сайта, интерфейсов, адаптивов и анимации. Готовил макеты, состояния и примеры переходов для разработки.
Параллельно создавал рекламные и коммуникационные материалы, мерч и оформление мероприятий. Для отдельного направления TSL Apps спроектировал лендинг и интерфейс кабинета управления приложениями.
III: (ВИЗУАЛЬНАЯ СИСТЕМА)
Характер, который объединяет разные форматы
В основу айдентики я заложил сочетание ретрофутуризма, бруталистской типографики и изометрической графики. Крупные надписи, контрастные масштабы, геометрические символы и растровые текстуры задают выразительный характер бренда.
Общие цвета, формы и принципы композиции позволяют создавать разные материалы, сохраняя связь между сайтом, соцсетями, анимацией и мерчем.
HEX
#00B2A9
HEX
#005EB8
HEX
#0D1B2A
HEX
#E7EBF2
Правила применения
В брендбуке закрепил версии логотипа, охранные поля, допустимые фоны, палитру, типографику и принципы работы с графикой. Эти правила стали основой для дальнейших материалов бренда.
От знакомства с агентством к сотрудничеству
Сайт должен был привлекать рекламодателей, которым нужен трафик, и вебмастеров, которые выбирают партнёрскую программу.
Я спроектировал структуру вокруг направлений агентства, условий сотрудничества и подтверждений опыта. Кейсы, отзывы и информация о команде помогают оценить TSL перед обращением, а форма заявки учитывает роль посетителя.
Преимущества через взаимодействие
Для раздела баинга я создал изометрическую сцену, где каждый объект представляет одно из преимуществ команды. При наведении выбранный элемент остаётся в фокусе, остальные приглушаются и появляется пояснение.
Так фирменная иллюстрация становится способом последовательно раскрыть содержание раздела.
Факты как часть объёмной композиции
Преимущества партнёрской программы собраны в блок с изометрическими гранями. Переключение стрелками меняет факт и сопровождается объёмным переходом.
Я спроектировал механику, состояния и анимационные примеры для разработчиков. В готовом сайте взаимодействие реализовано в соответствии с макетами.
Разные запросы — разные формы
На первом шаге посетитель выбирает свою роль. Вебмастеру достаточно оставить имя и Telegram. У рекламодателя форма дополнительно запрашивает тип сотрудничества, географию, офферы и ставки.
Так команда получает контекст рекламного запроса, а вебмастеру не приходится заполнять поля, которые к нему не относятся.
VII: (МОБИЛЬНАЯ ВЕРСИЯ)
Тот же характер на небольшом экране
В мобильной версии сохранил выразительную типографику, графику и интерактивные блоки. Композиции адаптировал под вертикальный формат: в изометрической сцене наведение заменяется нажатием, а объёмный блок сохраняет переключение фактов.
Система в ежедневной работе
На основе айдентики я создавал обложки кейсов и статей, материалы для соцсетей и рекламных кампаний. Общие графические элементы позволяли менять композицию под содержание, сохраняя характер TSL.
Анимация продолжила тот же подход: движение логотипа, фирменной графики и стикеров стало частью коммуникации бренда.
Бренд за пределами экрана
Перенёс фирменный стиль на одежду, аксессуары и материалы мероприятий. Для первого офлайн-митапа агентства подготовил визуальную концепцию, оформление площадки, навигацию, презентации и промоматериалы.
X: (ИТОГ)
Два года развития бренда
За время работы в TSL Agency я создал новую визуальную систему, спроектировал и довёл до запуска корпоративный сайт, подготовил брендбук и развивал коммуникационные материалы.
Айдентика получила применение в интерфейсе сайта, соцсетях, анимации, мерче и оформлении мероприятий. Работа охватывала весь путь от первых концепций до реализации в digital и офлайне.