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

Главное о кейсе

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


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

Бизнес-задача и ее решение

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

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

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

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

Крафт (мастерство), реализация, технические детали

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

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

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

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

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

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

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

Скриншоты