Разработали интернет-магазин Quarta Hunt с механиками маркетплейса

1. Вводная задача от заказчика, проблематика, цели

Quarta Hunt — интернет-магазин товаров для охоты и рыбалки с большой товарной матрицей и отдельным оптовым направлением. Действующий сайт устарел визуально и технически: его структура усложняла поиск товаров, а функциональности было недостаточно для полноценной онлайн-торговли.

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

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

В задачи также вошли обновление визуального стиля, интеграция сайта с внутренними системами клиента и разработка стратегии продвижения YouTube-канала.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

1. Исследовали рынок и спроектировали пользовательские сценарии

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

Отдельно изучили привычные пользователям механики Ozon и Wildberries: навигацию, поиск, фильтры, товарные рекомендации и оформление заказа. Аналитика помогла определить, какие сценарии уже знакомы аудитории и какие решения можно адаптировать под специфику охотничьего магазина.

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

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

2. Продумали архитектуру интернет-магазина

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

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

3. Разделили сценарии розничных и оптовых покупателей

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

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

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

4. Обновили логотип и визуальный стиль

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

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

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

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

5. Реализовали сложную техническую часть

Сайт разработали на связке Nuxt.js и TypeScript с административной системой CMS Bitrix. Это позволило совместить быстродействующий интерфейс с привычным для клиента управлением каталогом и контентом.

Интеграция с 1С передаёт на сайт товары, цены, фотографии, документацию, характеристики, фильтры и комплекты. Дополнительно подключили СДЭК, «Почту России» и PayAnyWay.

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

Пароли пользователей хранятся в зашифрованном виде, а обмен данными защищён SSL.

6. Подготовили стратегию продвижения на YouTube

Для развития YouTube-канала исследовали более 50 российских и зарубежных каналов оружейной тематики. Из них выбрали 15 конкурентов для подробного анализа и определили темы, форматы и вопросы, которые вызывают наибольший интерес аудитории.

Дополнительно изучили около 30 тематических сообществ во «ВКонтакте», активность 100 пользователей, контент подписчиков Quarta Hunt и интересы аудитории через YouScan.

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

7. Спроектировали каталог

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

8. Разработали подробную карточку товара

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

Добавили блоки «С этим товаром покупают» и «Комплекты». В механике комплектов основной товар объединяется с дополнительными позициями, после чего система автоматически рассчитывает скидку. Состав комплектов передаётся из 1С.

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

9. Упростили корзину и оформление заказа

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

При оформлении заказа доступны самовывоз, доставка, «Почта России» и пункты выдачи СДЭК. Для выбора пункта предусмотрена интерактивная карта. Добавили несколько способов оплаты, промокоды и возможность использовать накопленные бонусные баллы. Все товары выводятся компактным списком, поэтому даже крупный заказ остаётся понятным и легко проверяется перед оплатой.

3. Результаты сотрудничества

Quarta Hunt получил современную цифровую платформу, которая объединяет розничное и оптовое направления, поддерживает большую товарную матрицу и автоматизирует ключевые процессы интернет-магазина.

Продуманная архитектура помогает пользователям быстрее находить и сравнивать товары, собирать комплекты, выбирать способ доставки и оформлять заказ. Интеграция с 1С снижает объём ручной работы со стороны команды клиента, а гибкая административная система позволяет самостоятельно управлять каталогом, баннерами и контентом.

Отдельным результатом стала стратегия развития YouTube-канала. После оптимизации видео стали в два раза чаще попадать в рекомендации, поисковый трафик с YouTube вырос вдвое, CTR также увеличился в два раза.