Creative Dev
React
Shopify
Prismic
WebGL
Awwwards
The FWA
CSSDA
Creative Dev
React
Shopify
Prismic
WebGL
Awwwards
The FWA
CSSDA
Сайт для современного художника Мэттью Фишера, ставший началом долгосрочных отношений, которые привели еще к двум проектам и интересным техническим решениям.
Цифровой шоукейс художника Мэттью Фишера из Нью-Йорка. Мэттью хотел создать сайт, на котором были бы представлены предметы его искусства. Проект получился про детали: как только вы начинаете взаимодействовать с сайтом, они оживают вокруг предметов искусства.
За первые 60 дней его просмотрели более 50 000 раз, а некоторые коллекции были полностью распроданы. После успеха сайта Мэттью предложил сотрудничество по двум другим проектам: сайту для его второй коллекции и цифровой экспозиции "The Quarry House".
Основа сайта — React Web App, который работает на базе Shopify Storefront API. Это позволило нам создать уникальный дизайн, встроить крутые галереи и анимацию, сохранив при этом функциональность электронной коммерции. В итоге сайт может не только работать как интернет-магазин, но и выглядеть так, как вы хотите.
В основе сайта — наш собственный скролл. Мы его используем практически в каждом проекте, при этом итеративно улучшаем его производительность. Пользовательский компонент прокрутки помогает нам обеспечивать безупречное взаимодействие между компонентами, синхронизировать HTML-блоки с элементами WebGL, а также выводить только видимые элементы сайта для повышения производительности.
Наша любимая часть — алгоритм предсказания. Основываясь на предыдущих действиях пользователя, он сообщает нам, какие элементы скоро появятся на экране, что обеспечивает их видимость. Этот алгоритм не только помогает обеспечить плавную и бесшовную работу на любом устройстве, но и гарантирует высокую производительность галерей изображений с быстрой прокруткой, где положение элементов резко меняться от кадра к кадру.
Страница переведена с помощью искусственного интеллекта.
AWWWARDS
The FWA
CSS DESIGN AWARDS
ORPETRON
@2023
Legal — Privacy