Перейти к содержимому

TDI Group. «Каменный век 2.0» вышел в digital

Страницы сайта брендингового агентства TDI Group: услуги, раздел о команде и страница брендинга
  • UX/UI-дизайн
  • Корпоративный сайт
  • Маркетинг

Разработали дизайн корпоративного сайта для TDI Group — независимой группы коммуникационных агентств с 20-летним опытом. Перенесли в интерфейс новую айдентику, основанную на наскальной живописи, каменных фактурах и самоиронии.

Проект в фактах

  • Клиент
    TDI Group
  • Сфера
    Маркетинг и коммуникации
  • География
    Россия, Беларусь и другие рынки СНГ
  • Работы
    UX/UI-дизайн корпоративного сайта

Сделать ребрендинг частью цифрового опыта

Незадолго до работы над сайтом TDI Group обновили позиционирование и фирменный стиль. В основе концепции «Каменный век 2.0» — петроглифы, каменные текстуры, необычная типографика и ироничное отношение компании к собственному возрасту.

Брендбук уже задавал сильное визуальное направление. Нашей задачей было перевести его на язык корпоративного сайта.

Цель

Создать современное цифровое представительство TDI Group, которое поддерживает новый образ агентства и помогает знакомиться с его экспертизой.

Задача

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

  • Петроглиф из фирменного стиля TDI Group

    Петроглиф

  • Камень с фактурой — основа визуального языка

    Каменная фактура

  • Слово «человек», набранное фирменным акцидентным шрифтом

    Элемент фирменного шрифта

Двадцать лет — и ни намёка на музей

TDI Group не стали скрывать возраст бренда. Напротив, превратили накопленный опыт в основу нового позиционирования.

Так появилась концепция «Каменный век 2.0»: древние символы соединились с современными технологиями, а основательность — с самоиронией. Корпоративному сайту предстояло продолжить эту идею и показать, что богатая история агентства не мешает ему оставаться актуальным.

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

Главный экран сайта с петроглифом и каменной фактурой
Экран с фактами о компании и географией работы

От петроглифа к интерфейсу

Типографика задаёт голос

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

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

Страницы публикаций, контактов и услуг

Круги вместо привычных карточек

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

Круг становится повторяющимся мотивом: работает как контейнер, акцент, элемент навигации и часть анимации.

Круглые и овальные формы в навигации и изображениях

Контраст, похожий на след на камне

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

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

Ваш бренд обновился. А сайт?

Переведём новую айдентику в понятный и узнаваемый цифровой опыт.

Показать агентство с кругозором 360

TDI Group объединяет несколько направлений и большое количество контента. Сайт должен был представить их как части одной системы, сохранив индивидуальность каждого раздела.

Услуги

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

Кейсы

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

Опыт и команда

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

Публикации и контакты

Редакционные материалы показывают экспертизу TDI Group за пределами портфолио, а контактные сценарии помогают связаться с нужным представителем команды.

Страница услуг с описанием направлений
Раздел кейсов с крупными изображениями проектов
Экран с опытом, наградами и показателями агентства
Страница команды и вакансий

Айдентика была готова. Мы дали ей цифровую форму

В рамках проекта Круто отвечали за дизайн корпоративного сайта. Ребрендинг и брендбук были разработаны командой TDI Group до начала нашей работы, а программную реализацию выполнила другая команда.

Мы сосредоточились на том, чтобы фирменный стиль последовательно работал в интерфейсе:

  • перенесли визуальные принципы брендбука на сайт;
  • выстроили структуру и иерархию контента;
  • разработали дизайн основных разделов;
  • продумали повторяемые элементы и состояния интерфейса;
  • подготовили макеты для дальнейшей разработки.
  1. Брендбук TDI Group
  2. Дизайн сайта Круто
  3. Разработка команды клиента

Новый образ бренда получил цифровое продолжение.

В результате появился корпоративный сайт, который продолжает ребрендинг TDI Group и собирает разные стороны компании в едином пространстве: услуги, кейсы, публикации, награды и команду.

Дизайн сохранил основные признаки «Каменного века 2.0», но адаптировал их к задачам цифрового продукта. Сайт помогает агентству одновременно демонстрировать креативность, масштаб и накопленную за 20 лет экспертизу.

Проект опубликован и используется как основной корпоративный сайт TDI Group.

Бренд обновили. Что дальше с сайтом?

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

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

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

Да. Именно так строилась работа над сайтом TDI Group: Круто отвечали за UX/UI-дизайн, а программной реализацией занималась другая команда. Такой формат подходит компаниям, у которых уже есть разработчики или выбранный технический подрядчик.

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

Быстрее всего устаревают решения, построенные вокруг случайного визуального тренда. Если дизайн продолжает идею бренда и опирается на понятную систему, его можно развивать вместе с компанией. В случае TDI Group необычная стилистика связана не с модным эффектом, а с концепцией «Каменный век 2.0».