SALT AND PEPPER x E+AR TRBL: PWA e-commerce на Shopify API для fashion-бренда

SALT AND PEPPER — студия веб-разработки, которая специализируется на разработке креативных сайтов с нестандартной анимацией и сложным фронтендом. В этом кейсе рассказываем, как разработали e-commerce сайт для WE+AR TRBL — fashion-бренда французской компании Parrot с линейкой одежды со встроенным гибким экраном. Реализовали Progressive Web Application с офлайн-режимом, кастомный компонент анимаций и e-commerce на Shopify API. Проект принёс агентству около 10 лидов из fashion-индустрии и помог подписать 3 клиентов. Получил Honorable Mention, Mobile of the Week от Awwwards и Winner of the Day от CSSDA.

В 2015 году французский производитель беспроводных устройств Parrot, вдохновленный движением Je suis Charlie, вышел на рынок с революционной идеей, пропагандирующей социальное бесстрашие и свободу слова. Под брендом WE+AR TRBL Parrot создал линию одежды с внедренным гибким экраном. Дисплей IKI синхронизируется со смартфоном и мгновенно отражает ваше настроение, характер и личность.

Хоть проект не запустился из-за трудностей с производством, нам он настолько понравился, что мы все равно довели сайт до ума.

Дизайн сайта был разработан Александром Лагутой. Благодаря постоянному общению разработчиков и дизайнера, мы создали продукт на сто процентов отражающий видение автора.

Почти каждое действие пользователя на сайте сопровождается анимацией. Для подобных проектов мы написали специальный компонент Animated, который значительно ускоряет работу и сокращает сроки запуска проекта.

Для реализации e-commerce составляющей мы использовали API Shopify. Такой подход позволяет разрабатывать визуально сложный и комплексный фронтэнд без каких-либо ограничений, потому что все динамические данные передаются через API.

На этом проекте мы реализовали полноценное Progressive Web Application. Это повысило скорость работы сайта за счет кэширования данных на устройстве пользователя. Благодаря PWA комфортность взаимодействия с WE+AR TRBL не зависит от качества интернет-соединения – им можно пользоваться даже в оффлайн-режиме. Благодаря этим техническим решениям и детально проработанному UX на десктопе и мобильных устройствах, мы создали быстрый и удобный сайт.

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