June 22, 2022

Allbirds развивает свой стек продаж с помощью "водорода и кислорода" Shopify

5 МИНУТ ЧТЕНИЯ

Задача

Allbirds начинали с одной обуви и выросли до нескольких моделей, продаются более чем в 35 странах и открывают почти 50 розничных магазинов. Поскольку ассортимент продуктов со временем менялся, команде требовалась большая гибкость для управления продуктами, различными категориями, несколькими вариантами и различной доступностью продуктов в зависимости от страны. Им также необходимо было расширить усилия по персонализации, обеспечивая при этом быстрое взаимодействие с сайтом. Команда Allbirds решила изучить гибкость безголовой архитектуры, чтобы продолжать обслуживать клиентов в магазинах и по всему миру.

Решение

Веб-команда рассмотрела водородный фреймворк Shopify на основе React и встроенный хостинг Oxygen. Хотя они еще не создали безголовое веб-приложение, Allbirds действительно стали безголовыми в 2020 году со своим приложением для iOS. Команда разработчиков мобильных приложений уже проверила API Storefront и поделилась своими соображениями. Использование Hydrogen позволит двум командам совместно использовать единую архитектуру систем, проектную документацию и знания. Веб-команда решила попробовать Hydrogen для создания новой функции поиска магазинов, которая повысит осведомленность обычных магазинов об онлайн-опыте.

“Потоковый рендеринг на стороне сервера - это, по сути, парадигма UX, созданная специально для персонализации. Мы получаем все преимущества сверхбыстрой начальной загрузки страницы и по-прежнему предоставляем нашим пользователям персонализированный опыт, что раньше было двумя вещами, которые противоречили друг другу. Но водород больше не мешает им. Я даже представить себе не могу, какие удивительные возможности мы сможем предоставить через год ”. - КОЛИН ДАНН, ИНЖЕНЕР-ПРОГРАММИСТ

Фотография Нико Шомберга, штатного инженера-программиста Allbirds, от Луки Вентера

Результаты

Изучив документацию, спланировав свой подход, создав компоненты, добавив аналитику, а затем протестировав, команда запустила функцию поиска магазинов — и все это в течение трех с половиной недель. Опыт разработчиков и встроенный хостинг ускорили их рабочие процессы, в то время как новейшие инструменты сделали архитектуру интересной для создания. С запуском этой функции в Соединенных Штатах следующим проектом в дорожной карте будет преобразование страницы продукта в водород. Команда уже запустила сокращенную версию страницы продукта для распроданных товаров, чтобы проверить стек с фактическим трафиком. В дальнейшем их цели становятся еще более высокими: повышение производительности сайта при одновременном предоставлении динамичного, персонализированного опыта для каждого клиента. Команда считает, что эти амбиции достижимы с помощью Hydrogen.

Посмотреть веб-сайт Allbirds ->

Фото локатора магазина Allbirds от Luca Venter