Камп Гризли воплощает видение Denim Tears для создания сторителлинговой рекламы
5 МИНУТ ЧТЕНИЯ
Задача
Художник и дизайнер Тремейн Эмори хотел переосмыслить работу веб-сайта для своего бренда одежды Denim Tears. Веб-сайт должен быть очень захватывающим, включающим рассказывание историй на домашней странице, странице сведений о продукте и во время покупок. Его команде также необходимо будет легко обновлять ее. Программа Shopify Creators объединила Тремейна с независимым агентством Kamp Grizzly, чтобы расширить возможности рассказывания историй и покупок с помощью нового веб-сайта Denim Tears.
Решение
Чтобы реализовать такое уникальное видение без ущерба для производительности или качества обслуживания клиентов, Kamp решил создать сайт без головы. Команда использовала новую платформу Shopify на основе реакции Hydrogen и хостинговое решение Oxygen для создания надежной визуальной системы, которая была интерактивной, но отзывчивой и производительной. Они разработали множество элементов, в том числе коллаж на домашней странице, сетку целевой страницы абстрактного продукта, компонент, который будет архивировать коллекции, и страницу сведений о продукте в музейном стиле, которая будет интегрирована с архивным компонентом. Мультимедийные материалы, такие как 3D-объекты и плейлисты, будут перемещаться по страницам, объединяя истории по всему сайту.
“Мы очень рады будущему водорода и кислорода и приверженности Shopify платформе. Мы в восторге от того, что мы можем создать с помощью этой платформы ”. - ДЖОРДАН ФИЛЛИПС, ДИРЕКТОР ПО ЦИФРОВЫМ ТЕХНОЛОГИЯМ
Фотография Хоа Фама, директора по технологиям Kamp Grizzly, Джордана Лесслера
Результаты
Kamp сэкономил время, которое они в противном случае потратили бы на интеграцию с Shopify, используя готовые к использованию компоненты React, хуки и утилиты Hydrogen. Быстрая перезагрузка ускорила разработку, поскольку команда могла мгновенно видеть свои изменения, а оптимизация витрины магазина для быстрого взаимодействия с пользователем стала проще благодаря сочетанию стратегий кэширования и потокового рендеринга на стороне сервера с Suspense. Затем команда могла бы перейти на Oxygen и поделиться своими успехами с Denim Tears во время работы.
Команда также позаботилась о том, чтобы Denim Tears могли легко управлять своим сайтом и обновлять его в долгосрочной перспективе. Специально разработанная CMS Sanity позволит Denim Tears активировать определенные функции сайта простым щелчком переключателя. Denim Tears также сможет экспериментировать с вариантами веб-сайта на разных серверах разработки и немедленно вносить изменения во внешний интерфейс. Эта CMS даст им больше контроля над своим контентом, позволяя им пробовать новые вещи перед развертыванием вживую. Команды разработчиков и дизайнеров Kamp работали вместе, чтобы обеспечить невероятно креативный пользовательский интерфейс с высокопроизводительным и простым в управлении сайтом.