CUSP: Разработка сайта для digital-агентства из Канады

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

Чтобы ничто не ограничивало наши творческие возможности, нам было нужно нечто большее, чем CSS и JS. Сайт использует такие современные веб-инструменты как WebGL, GLSL, PixieJS и ThreeJS. Это позволило нам разработать анимации, которые невозможно создать с помощью традиционных технологий. Шейдеры, написанные с помощью GLSL, перекладывают вычисления с CPU на GPU. Это помогает поддерживать высокую производительность при одновременном рендеринге нескольких сложных анимаций.

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

Заставить работать такое количество сложных анимаций на любом устройстве, будь то старый ноутбук или смартфон, было непросто. Использование шейдеров в сочетании с лучшими практиками оптимизации значительно повысило скорость работы сайта. Рефакторинг самых ресурсоемких частей проекта также позволил повысить быстродействие. Таким образом, нам удалось достичь работы сайта на 60 FPS на большинстве устройств, сохранив уникальный визуальный стиль.

Сайт был тепло встречен сообществом и получил множество престижных наград. Более того, он появляется в различных подборках и компиляциях в качестве источника вдохновения и примера на таких платформах, как Mindsparkle Mag, Greensock, Commarts и Codrops.