Matthew Fisher: Разработка онлайн-бутика для художника из Нью-Йорка

Цифровой шоукейс художника Мэттью Фишера из Нью-Йорка. Мэтью хотел создать сайт, который бы привлекал внимание арт-сообщества США и Нью-Йорка в частности. Нужно было заявить о себе, поэтому мы с партнерами вложили много сил в дизайн, плавность анимаций и общее ощущение премиумности.

Основа сайта — React Web App, который работает на базе Shopify Storefront API. Это позволило нам создать уникальный дизайн, встроить крутые галереи и анимацию, сохранив при этом функциональность электронной коммерции. В итоге сайт может не только работать как интернет-магазин, но и выглядеть так, как вы хотите.

В основе сайта — наш собственный скролл. Мы его используем практически в каждом проекте, при этом итеративно улучшаем его производительность. Пользовательский компонент прокрутки помогает нам обеспечивать безупречное взаимодействие между компонентами, синхронизировать HTML-блоки с элементами WebGL, а также выводить только видимые элементы сайта для повышения производительности.

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

За первые 60 дней сайт был просмотрен более 50 000 раз, а некоторые коллекции были полностью распроданы. После успеха сайта Мэттью предложил сотрудничество по двум другим проектам: сайту для его второй коллекции и цифровой экспозиции "The Quarry House".