Кейс НС Диджитал · E-commerce / Marketplace
MarketplaceE-commerceStrapiHeadlessCustom WebSEOUX/UI18+

ERROSS БОЛЬШОЙ E-COMMERCE ПРОЕКТ 18+

ПЕРВЫЙ MARKETPLACE 18+ · ПОЗИЦИОНИРОВАНИЕ ПРОЕКТА

Erross задумывался не как небольшой интернет-магазин с несколькими категориями. Задача была значительно шире — создать полноценную e-commerce платформу, которая объединяет товары разных производителей и поставщиков, масштабный каталог, бренды, поиск, карточки товаров, заказы, доставку и контент в одной digital-системе. И сразу заложить архитектуру, которая сможет расти вместе с ассортиментом и поисковым трафиком.

ERROSS · E-COMMERCE PLATFORM
Интерфейс интернет-магазина Erross
ERROSSMARKETPLACESTRAPIHEADLESS CMSCATALOGPRODUCT DATASEOE-COMMERCEUX/UIORDERSCONTENTERROSSMARKETPLACESTRAPIHEADLESS CMSCATALOGPRODUCT DATASEOE-COMMERCEUX/UIORDERSCONTENT
Масштаб проекта

Не лендинг. Не обычный магазин. Marketplace-архитектура.

Сегодня живой Erross — это уже большой товарный digital-продукт. На момент проверки на главной странице публично отображается более 2 000 товаров в каталоге. И это принципиально другой класс разработки, чем магазин на 50–100 позиций.
01 / CATALOG
2000+

товаров

На момент текущей проверки проекта каталог содержит более двух тысяч товарных позиций.

02 / STRUCTURE
100+

категорий и подкатегорий

Каталог строится не как один список, а как большая иерархическая товарная структура.

03 / DATA
1

единая модель данных

Товары, бренды, характеристики, категории, изображения и контент должны быть связаны.

04 / SEARCH
SEO

заложено в архитектуру

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

Главная задача

Сделать так, чтобы большой ассортимент не превратился в хаос.

E-COMMERCE CHALLENGE

Тысячи товаров не продаются сами по себе. Их нужно правильно организовать.

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

01 / CATALOG
Масштабная структура каталога

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

02 / PRODUCT
Глубокая карточка товара

Цена, остаток, артикул, бренд, характеристики, изображения и сценарий покупки.

03 / UX
Удобный путь пользователя

Человек должен быстро перейти от категории к нужному продукту, не потерявшись в большом каталоге.

04 / SEO
Архитектура под органический спрос

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

На чём сделан Erross

Не шаблонная CMS. Headless e-commerce архитектура.

Для такого проекта важно было разделить контентную и пользовательскую части. Поэтому управление данными и frontend работают как отдельные слои системы.

STRAPI · HEADLESS CMS

Контент и каталог отделены от пользовательского интерфейса.

В качестве headless CMS используется Strapi. Это позволяет управлять структурированными данными через отдельный административный слой, а публичную часть магазина развивать как самостоятельное web-приложение. Для большого каталога это гораздо гибче, чем связывать всю бизнес-логику с одним шаблонным frontend.

HEADLESS CMS Strapi используется как административный и контентный слой проекта.
CUSTOM FRONTEND Публичный интерфейс разработан отдельно от CMS: каталог, карточки, навигация и пользовательские сценарии.
API-FIRST Frontend получает структурированные данные через программный слой, что позволяет разделить интерфейс и управление контентом.
PRODUCT MODEL Категории, товары, бренды, артикулы, характеристики, цены и изображения собраны в связанную структуру данных.
E-COMMERCE Корзина, оформление заказа, статусы, оплата и доставка формируют полный сценарий покупки.
ACCOUNT На стороне клиента предусмотрен личный кабинет и работа с историей заказов.
CONTENT Новости, FAQ, страницы брендов и информационные разделы не отделены от e-commerce, а работают на общую систему.
RESPONSIVE Интерфейс проектировался для desktop, tablet и mobile commerce.
Catalog architecture

Каталог — не приложение к магазину. Это основа продукта.

PRODUCT DISCOVERY

Десятки товарных направлений. Сотни вариаций. Тысячи карточек.

В Erross каталог нельзя было проектировать как простое меню. Категории разбиваются на более узкие товарные группы, а сами карточки содержат характеристики, бренд, артикул, остатки и коммерческие параметры. Это позволяет одновременно решать три задачи: удобство выбора, масштабирование ассортимента и SEO-продвижение по более точным товарным запросам.

Каталог Erross — архитектура товарных категорий
Marketplace flow

Путь пользователя спроектирован от спроса до заказа.

01 / SEARCH Поиск или реклама Пользователь приходит по общей или узкой потребности.
02 / CATEGORY Категория Попадает в релевантный товарный раздел.
03 / PRODUCT Карточка товара Изучает характеристики, цену, бренд и наличие.
04 / CART Корзина Формирует заказ из выбранных позиций.
05 / CHECKOUT Оплата и доставка Выбирает удобный сценарий получения.
06 / ACCOUNT Клиентский контур История, статусы и дальнейшая работа с заказом.
SEO architecture

Сначала создали магазин. Потом помогли ему занять видимость в поиске.

Для Erross SEO не было последним пунктом после запуска. Поисковая логика закладывалась в саму структуру: категории, подкатегории, карточки товаров, бренды, контент и коммерческие страницы.

SEARCH × E-COMMERCE

Тысячи товаров дают тысячи потенциальных точек входа. Если архитектура собрана правильно.

В e-commerce невозможно продвигать только главную страницу. Пользователь может искать категорию, тип товара, характеристику, бренд или конкретную модель. Поэтому поисковая система должна понимать всю структуру магазина, а не только название компании.

SEMANTICS Семантика строится вокруг коммерческого спроса: от общих запросов до конкретных товарных категорий.
CATEGORIES Крупные направления получают собственные индексируемые страницы.
PRODUCTS Карточки товаров формируют длинный хвост по модели, бренду, характеристикам и артикулам.
BRANDS Страницы производителей расширяют структуру спроса за пределы обычных категорий.
CONTENT Новости, FAQ и информационные материалы создают дополнительные поисковые точки входа.
META Title, Description, H1 и другие элементы формируются с учётом типа страницы.
INDEXATION Большому магазину нужны управляемая индексация, sitemap и корректная структура URL.
SEO result

Сайт не просто проиндексировали. Проект вывели в ТОП Яндекса.

YANDEX · ORGANIC SEARCH

Из разработки в органическую выдачу.

После запуска работа продолжилась SEO-продвижением. Erross был выведен в ТОП Яндекса по ряду целевых коммерческих запросов в своей нише. Без обещания «ТОП по всему» — работа велась по реальному поисковому спросу и структуре каталога.

CLUSTER / MARKET

Интернет-магазин товаров 18+

Высококонкурентный общий коммерческий кластер.

CLUSTER / CATEGORY

Товарные категории

Отдельные направления каталога продвигаются как самостоятельные посадочные страницы.

CLUSTER / BRAND

Брендовый спрос

Поиск по производителям, маркам и линейкам продукции.

CLUSTER / PRODUCT

Товарный long tail

Артикулы, модели, характеристики и конкретные товарные запросы.

Product page

Карточка товара — это мини-магазин внутри магазина.

E-commerce интерфейс Erross
PRODUCT EXPERIENCE

Не просто фото и кнопка «Купить».

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

Commerce logic

E-commerce — это не каталог. Это десятки связанных процессов.

01

Розничная продажа

Основной пользовательский сценарий с выбором товара, корзиной и оформлением заказа.

02

Оптовая цена

На отдельных товарных карточках публично отображается розничная и оптовая стоимость.

03

Остатки

Пользователь может видеть доступность конкретной позиции.

04

Доставка

Проект содержит условия и клиентские сценарии доставки по России.

05

Личный кабинет

Клиентский контур для дальнейшей работы с заказами и историей.

06

Поиск

При большом каталоге поиск становится отдельным сценарием навигации.

07

Чат

Пользователь может получить помощь без ухода с сайта.

08

Telegram

На текущем проекте предусмотрен дополнительный контур через Telegram-приложение.

Content system

Магазин продаёт товар. Контент расширяет спрос.

CONTENT × SEO

Новости. FAQ. Бренды. Экспертные материалы.

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

FAQ

Большой блок вопросов о заказе, доставке, оплате, материалах и использовании сайта.

NEWS

Информационные материалы формируют дополнительные индексируемые страницы.

BRANDS

Производители и товарные бренды работают как отдельный поисковый кластер.

TRUST

Условия доставки, оплаты, возврата, контакты и информация о компании закрывают коммерческие факторы.

Объём работы

Такой проект не создаётся за пять экранов в Figma.

01

Аналитика

Разобрали задачу, нишу, целевую аудиторию, ассортимент и будущую бизнес-модель проекта.

02

Архитектура каталога

Проработали товарные категории, навигацию, иерархию и логику масштабирования.

03

Прототипирование

До разработки собрали основные пользовательские сценарии и структуру интерфейсов.

04

UI / UX

Создали отдельный визуальный язык проекта, а не адаптацию готового шаблона.

05

Backend / Strapi

Построили структуру управления товарами, контентом и связанными сущностями.

06

Frontend

Реализовали каталог, карточки, навигацию и клиентские e-commerce сценарии.

07

Тестирование и запуск

Проверили адаптив, основные сценарии, страницы и работу магазина перед публикацией.

08

SEO и развитие

После запуска проект не остановился: продвижение, контент и структура продолжили развиваться.

Результат

Что получилось вместо «ещё одного магазина».

01 / PRODUCT

Работающий marketplace

Большой онлайн-продукт с каталогом, товарами, брендами и полноценной покупкой.

02 / SCALE

2000+ товаров

Архитектура не ограничилась небольшим тестовым каталогом, а работает с крупным ассортиментом.

03 / SEO

ТОП Яндекса

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

04 / SYSTEM

Основа для роста

Headless-архитектура, контент и каталог позволяют продолжать развитие проекта.

Отзыв клиента

Команда не просто «сделала сайт». Она вникла в модель проекта.

Логотип Erross
ОСНОВАТЕЛЬ ПРОЕКТА ERROSS
Команда действительно вникла в задачу, помогла с логикой каталога, навигацией и подачей товаров, а не просто собрала готовый шаблон.

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

НС Диджитал × E-commerce

НЕ МАГАЗИН НА 20 ТОВАРОВ. НЕ ШАБЛОН. НЕ КАТАЛОГ «ДЛЯ ГАЛОЧКИ». ПОЛНОЦЕННАЯ E-COMMERCE ПЛАТФОРМА.

Erross — один из тех проектов, которые лучше всего показывают, что НС Диджитал может работать не только с корпоративными сайтами. Здесь были аналитика, архитектура большого каталога, custom UX/UI, headless CMS, Strapi, frontend, товарные данные, e-commerce логика, SEO, контент и дальнейшее развитие. То есть не просто сайт. Цифровой продукт, на котором строится онлайн-бизнес.