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

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

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