Стадион ПРО. Разработка интернет-магазина на 10 000 sku

poster
Услуги:
  • Дизайн
  • Аналитика
  • QA
Стек:
  • next.js
  • PHP (LARAVEL)
  • OCTOBER CMS
  • POSTGRESQL
  • GRAPHQL
  • MINDBOX
  • OMS STARFISH
  • 1C

Задача

Разработать спортивный интернет-магазин для компании Стадион ПРО.

О клиенте

Стадион ПРО — магазин спортивной экипировки для фитнеса, бега, туризма и других активностей.

Проектирование и аналитика

Совместно с командой клиента мы спроектировали архитектуру интернет магазина.

При проектировании мы учитывали большой каталог товаров (163 разделов), интеграции с сервисами доставки, оплаты, СМС-оповещения.

Распределили пользователей по ролям: посетители, покупатели, администраторы. Каждая роль обладает разными уровнями доступа и ограничениями.

Дизайн-концепция

При разработке дизайн концепции использовали подход Mobile First. Согласно исследованию компании Adindex, 79% пользователей в России делают покупки при помощи смартфонов.

Дизайн концепция построена на ярких цветах (зелёный и оранжевый), которые вдохновляют пользователей на новые рекорды и достижения.

poster

Карточка товара

Проанализировали карточки товаров в популярных магазинах и выбрали удобный формат: основное фото + карусель дополнительных изображений.

poster
poster

Каталог товаров

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

Оформление заказа

Для удобства покупателей в корзине сразу отображаются доступные бонусы и рекомендации. Также в корзине можно изменить параметры товара, например, выбрать другой размер или цвет.

Чтобы сократить пользовательский путь, оплату товара можно произвести из раздела «Избранное»

poster
poster

Интеграции

Проработали интеграции с 1С для обновления остатков в реальном времени. Интегрировали Mindbox для сбора данных о пользователях и автоматизации маркетинга.

Для ускорения поиска мы интегрировали ElasticSearch. Он обрабатывает поисковые запросы по заранее настроенному фиду, что значительно ускоряет процесс.

poster

Frontend

10 000 SKU предполагает большое количество посетителей с органического поиска. Чтобы обеспечить корректный парсинг страниц, мы использовали Next.js — фреймворк, который позволяет провести рендеринг на стороне сервера, а также помогает с SEO-оптимизацией для продвижения в поисковых системах.

Команда

  • Алёна Козырева
    Project manager
  • Вадим Полькин
    QA
  • Артём Попеня
    Art director
  • Дмитрий Полянсков
    QA
  • Дмитрий Сас
    DevOps
  • Александр Рудь
    Backend developer
  • Анастасия Елисейкина
    Analytics teamlead
  • Яна Плещеева
    Frontend teamlead
  • Данил Артюшин
    QA
  • Денис Тимошин
    QA teamlead
  • Александра Базалевская
    Designer
  • Владимир Мясин
    Frontend developer
  • Максим Головин
    Frontend developer
  • Максим Волков
    Frontend developer
  • Станислав Пестов
    Backend teamlead
  • Дарья Гладышева
    Backend developer
  • Иван Мишин
    Backend developer
Аватар

Привет!
Заполните форму,
будем рады познакомиться
и помочь

Привет!
Заполните форму, будем
рады познакомиться
и помочь

Ускорение найма через оптимизацию сайта. Кейс сервиса доставки (NDA)

poster
1.0.0