Пересобрать и победить: как The Clients прокачали сайт и удержали клиентов

Если сайт агентства — это лицо, то лендингу The Clients, по словам команды, не помешали бы бьюти‑процедуры. На нём не было ни навигации, ни фильтров, да и для кейсов не оставалось места. Зато можно было пригласить команду на встречу в бассейне. Так что сайт был не удобным инструментом, а барьером — и для бизнеса, и для клиентов.

Это подтолкнуло команду к редизайну лендинга. К чему он привёл — читайте в кейсе.

Сформулировали проблемы старого лендинга

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

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

Пришлось признать, что лендинг тянет бизнес вниз, а затем взяться за редизайн.

Продумали логику нового портфолио

Разработку доверили студии Deviant — проверенному партнёру, с которым The Clients давно и успешно работает.

Концепция строилась на контрасте спокойствия и динамики.

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

Динамика — в подаче. На сайте появилось больше интерактива — теперь можно не просто смотреть, а листать и лайкать. Вот с какими форматами работали и что они дают.

Сторис. Короткие и динамичные, как в соцсетях. Их удобно листать, и они не надоедают, в отличие от статичных баннеров.

Лайки на кейсах. Теперь аудитория может не просто смотреть кейсы, но и взаимодействовать с ними. Так пользователи сайта делятся мнениями, а мы видим, какие креативы вызывают эмоции.

Анимации. Вместо классических фото на сайте — анимированные кружочки с лицами сотрудников. Выбрали их потому, что бизнес‑снимки — это тоска. А ещё, пока соберёшь всех сотрудников на фотосессию, пройдут недели или даже месяцы… С кружками проще: нажал — улыбнулся — готово. Бонусом они привлекают внимание пользователей.

Мемы. На главной странице теперь Достоевский в латексе, горячая картошка, кистепёрая рыба и бастующие жабы. Всё это — шутки из проектов The Clients. Они сближают аудиторию с командой агентства.

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

Чтобы решить вечный парадокс сапожников без сапог, мы делегировали разработку сайта и сами стали клиентами. Мы не стали смешивать все концепции и играть со шрифтами. Вместо этого доверились команде — и желанные „сапоги“ получились в самый раз

Оптимизировали техническую сторону

CDN. Файлы для сайта хранятся на серверах по всему миру. Так портфолио The Clients прогрузится за секунды, даже если пользователь смотрит его на склоне Килиманджаро или в Антарктиде.

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

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

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

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

Как итог — теперь клиенты изучают сайт активнее

Теперь лендинг удобный и понятный: на нём хочется залипать. Всё нужное под рукой, кейсы листаются легко, а атмосфера передаёт дух команды без лишних слов. Сайт стал не просто красивым, а по‑настоящему полезным — и для клиентов, и для агентства. Смотрите сами:

1. Пользователи остаются на сайте в два раза дольше.
2. Люди активно взаимодействуют с кейсами.
3. Сайт заменил сторонние платформы — всё теперь внутри.
4. Пользователи быстрее находят нужное и легко выходят на связь с командой.
5. The Clients получил бронзу на премии Tagline в категории «Сапожник с сапогами».

Но главное — клиенты доверяют агентству ещё до старта сотрудничества. Они видят яркий сайт, вовлекаются в кейсы и лайкают контент. За счёт этого заказчики плавно влюбляются в работы агентства.

Чек‑лист: как сделать сайт, который помогает бизнесу расти

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

1. Чётко определите цель. Сайт должен решать конкретную задачу: приводить клиентов, продавать, экономить время команды. Чем яснее цель, тем точнее решения.

3. Добавьте вовлечение. Сторис, лайки, анимации и мемы нужны не только ради юмора: они помогают удержать внимание. Чем живее контент, тем дольше пользователи изучают сайт.

4. Продумайте визуал. Учтите: он показывает, насколько бренд внимателен к деталям. Так что важно, чтобы дизайн был лаконичным, но не скучным, а вёрстка сайта не ломалась в мобильной и десктопной версиях.

5. Разгоните загрузку. Сайт должен открываться за 3–5 секунд даже в лифте со слабым интернетом. С этой задачей могут помочь CDN, кеширование и сжатие файлов.

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

7. Покажите, кто за всем этим стоит. Люди доверяют людям. Анимированные аватарки, видео, нестандартные карточки команды — всё это поможет установить контакт ещё до первого письма.