Организованный хаос: перезапуск сайта креативного агентства The Clients

1. Вводная задача от заказчика, проблематика, цели

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

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

На этом этапе стало ясно, что решения выглядят стандартно, как у большинства агентств, и не передают характер The Clients. Тогда мы перешли к экспериментам.

Мы начали использовать элементы, которые уже были в айдентике. Например, в предыдущем логотипе был символ Астериск * — маленький декоративный акцент. Мы строили вокруг него графические конструкции, добавляли эффект стекла. Пытались придать конструкции вес, чтобы логотип выглядел как объект с характером, а не просто графика.

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

В итоге стало ясно: бренд The Clients вторичен по отношению к их кейсам. Имя, шрифты и логотип — инструменты. Суть и «душа» агентства — в проектах.

Это привело к переломному моменту: The Clients — это их кейсы. Каждый проект — самостоятельный мир, который формирует идентичность бренда. На этом основании мы предложили сделать проекты основой визуальной концепции сайта. Каждая работа — свой мир, а если сложить их вместе, то получится айдентика из самих кейсов.

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

— Полотно и стикеры сделали сайт визуально интересным, но хотелось чего-то еще. Решили добавить механики вовлечения. The Clients — живое агентство, и сайт должен это показывать. Просто пролистывать проекты слишком скучно, если не ощущаешь атмосферу, дух команды и жизнь.

— Сторис — блок новостей. Показывает, что происходит внутри агентства: новые проекты, эксперименты, процессы, инсайды. Все в формате, знакомом из соцсетей, но в ритме The Clients. Нет скучного идеального контента, ведь теперь каждая новость создает эффект присутствия. Читатель будто наблюдает за командой изнутри, видит, как живет агентство.

— Telegram-кружки вместо портретов сотрудников. Статичные фото ничего не рассказывают о человеке, кроме того, как он выглядел в моменте. Мы сделали интерактивные кружки, как в Telegram. Маленькая деталь, которая добавляет тепла: ты начинаешь ощущать, что агентство — это команда с характером.

— Лайк как на Behance. Дизайнеры привыкли лайкать работы на Behance, так почему бы не дать эту возможность внутри кейсов? Пользователь может отметить понравившиеся работы, почувствовать диалог с проектом. Счетчик лайков под кнопкой учитывает каждый голос.

3. Результаты сотрудничества

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

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

— Разработка. Полностью реализовали анимацию, описали, как она должна работать, в подробной инструкции. А также собрали детализированный UI-kit, включив все необходимые элементы для удобной работы.

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

Использование CDN. Контент размещен на множестве серверов по всему миру, что существенно ускоряет загрузку.

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

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

Серверное кэширование. Сервер отвечает практически мгновенно, исключая лишние вычисления благодаря заранее подготовленным данным.

Сжатие файлов. Мы предварительно сжимали все файлы, которые загружали на сайт.

Результаты говорят сами за себя: Google оценил производительность нашей десктопной версии в 95 баллов.

Лидия Капыш

Дизайн-директор, The Clients

Здорово, что вышел не просто сайт, а живое пространство с нашим вайбом. У нас получилось не только переосмыслить сам подход к функционалу сайта-портфолио и внедрить туда механики из соцсетей, но и прокачать визуальный стиль агентства в целом. Интерактивные мемы-стикеры стали частью нашего дизайн-днк и перекочевали в презентации и соцсети. Также сайт стал отличным стимулом для роста наших бизнес-амбиций, например вскоре у нас появился раздел с собственным мерчом. Сайт прекрасно работает и как hr-инструмент, и как инструмент продаж. По нашей статистике, среднее время, проведенное на сайте, увеличилось в два раза после редизайна. И это неудивительно, ведь не на каждом сайте можно найти кошку-картошку, Достоевского в латексе и кистепёрую рыбу!.

4. Заключение

Идея с кейсами и стикерами определила айдентику агентства и легла в основу всех цифровых продуктов. Команда смогла масштабировать этот подход в последующих проектах.

Сайт взял такие награды, как:

Бронзу на Tagline Awards 2024 за Лучший собственный сайт / приложение агентства

Бронзу на Рейтинге Рунета 2025 за Лучший сайт агентства

Шорт-лист на WDA за Сайты

Шорт-лист на Фестивале Среда за Дизайн сайтов B2B

Никита Колташов

СЕО, Fancy Solutions

С ребятами у нас получилось сработаться и идти вместе. Когда хорошие специалисты делают что-то совместное, результат может быть невероятным. Особенно, если это такие профессионалы, как команда The Clients.

По анимациям нам часто приходилось останавливать желания ребят — они хотели много эффектов, но мы понимали, что перегрузка убьет восприятие. Поэтому пришлось балансировать: анимаций достаточно, чтобы сайт выглядел живым, но не перегруженным. На сторисы не было ставки, добавили почти автоматически — дизайнер нарисовал, мы вставили, и это отлично зашло. А настоящим дизайнерским решением стало заменить портреты сотрудников на интерактивные Telegram-кружки: у команды раскидана по разным городам и странам, фотосессий сделать нельзя, а так мы показываем встраиваем ребят в сайт органично. Как бонус, будет легко добавить новых членов команды. Самое неожиданное для меня лично — это то, как сайт, сделанный руками всего одного дизайнера и полутора разработчиков, получил столько наград. Это еще раз доказывает, что не важно количество, важны навыки и подход.