TOGETHXR x SALT AND PEPPER: медиаплатформа с e-commerce для бренда олимпийских чемпионок

SALT AND PEPPER — студия веб-разработки, которая специализируется на разработке креативных сайтов, сервисов и интернет-магазинов с нестандартной анимацией и сложным фронтендом. В этом кейсе рассказываем, как разработали медиаплатформу для TOGETHXR — спортивного медиабренда из Лос-Анджелеса, основанного четырьмя олимпийскими чемпионками: Алекс Морган, Хлоэ Ким, Сью Бёрд и Симоне Мануэль. Объединили редакционный контент — статьи, подкасты, видео, документальные серии — и e-commerce на Shopify API в рамках одной платформы на Next.js с управлением через Prismic. Проект получил Site of the Day, Developer Award и Mobile Excellence от Awwwards, а также Winner of the Day от CSSDA.

Мы взялись за крутой проект с модным брендом из Лос-Анджелеса. TOGETHXR - это медиапространство, которое основали четыре Олимпийские чемпионки: Алекс Морган, Хлоя Ким, Сью Берд и Симоне Мануэль. Четыре женщины, имеющие одну цель - показать, что "заниматься спортом, как девчонка", значит быть сильной, выносливой и бесстрашной .

Сайту требовался смелый визуальный стиль, способный передать послание нового бренда. Однако цель проекта была гораздо больше, чем просто эстетика. Сайт задумывался, как площадка для рассказывания историй и магазин с фирменным мерчем для поддержки такого важного движения

Мы построили платформу на Next.js, объединив редакционный контент и e-commerce в рамках одного продукта.

Для управления контентом выбрали Prismic. Благодаря этому команда TOGETHXR получила возможность самостоятельно работать с материалами, запускать новые рубрики и обновлять страницы без привлечения разработчиков.

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

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

Главная страница построена по модульному принципу. Крупные контентные блоки позволяют команде гибко управлять наполнением сайта, выносить вперед новые истории, специальные проекты и продуктовые коллекции без необходимости менять архитектуру платформы.

Финальный продукт делает, всё именно так, как задумывалось, но в то же время стильно. TOGETHXR принес нам ряд наград на нескольких наградных площадках