YAV Project

YAV Project — это онлайн-выставка современного искусства, которую мы разработали совместно с партнерской дизайн-студией Crude. Платформа объединяет художников и ценителей искусства в уникальном цифровом пространстве, где традиционная галерейная эстетика встречается с современными веб-технологиями.

Нам предстояло создать лендинг, который привлечет заинтересованных лидов и художников для развития проекта. Клиент хотел получить чистый сайт с журнальной версткой, выполненный pixel perfect по макету — настоящее печатное издание в цифровом формате. Главной сложностью стала реализация строгой колоночной верстки в журнальном стиле. Необычной версткой мы хотели передать уникальность и крафтовость проекта, но этот подход серьезно усложнил разработку. Потребовался глубокий анализ структуры и тщательная подготовка — в итоге мы доработали фреймворк ClientFirst под наши задачи и создали множество собственных утилити-классов для группировки закономерностей в лейауте.

Мы выбрали минималистичный подход: монохром, журнальная верстка с акцентом на текст и изображения. Хотелось передать ощущение бумажного издания без лишнего маркетинга — поэтому на сайте всего три кнопки и пара ссылок для обратной связи. Чтобы усилить печатную атмосферу, внедрили скрипт автотипографа для переноса висящих предлогов. Выжали максимум из нативного компонента Webflow Grid, используя grid-area для точной реализации дизайнерского макета. Отдельная история — интеграция 3D-галереи на платформе krpano. Мы разместили все материалы для рендера сцены на собственном CDN, чтобы контент быстро загружался по всему миру, и внедрили скрипты для управления 3D-пространством прямо на сайте.

Партнеры получили уникальный лендинг, который успешно переносит эстетику печатного издания в digital. Сайт отлично работает на всех устройствах — 3D-пространство полностью функционально даже на мобильных. Производительность отличная, как и следовало ожидать от сайта с акцентом на текст: 97 баллов по PageSpeed Insights обеспечивают отличный пользовательский опыт и помогают с SEO. Проект показал, как минимализм и внимание к типографским деталям создают особенное цифровое пространство для искусства.