ООО «Магазин Кварта»
Сельское хозяйство, охота, рыболовство
Россия
Интернет-магазин
Февраль 2022
Quarta Hunt — интернет-магазин товаров для охоты и рыбалки с большой товарной матрицей и отдельным оптовым направлением. Действующий сайт устарел визуально и технически: его структура усложняла поиск товаров, а функциональности было недостаточно для полноценной онлайн-торговли.
Нужно было спроектировать современный интернет-магазин, который учитывает привычные сценарии крупных маркетплейсов и помогает покупателю пройти весь путь от поиска подходящего товара до оплаты и получения заказа.
Проект должен был работать одновременно с двумя аудиториями — розничными и оптовыми покупателями. Для каждой требовались свои условия, цены и пользовательские сценарии.
В задачи также вошли обновление визуального стиля, интеграция сайта с внутренними системами клиента и разработка стратегии продвижения YouTube-канала.
Работу разделили на четыре направления: маркетинговое проектирование, дизайн, разработку и продвижение. Такая последовательность позволила сначала разобраться в логике сложного интернет-магазина, затем согласовать структуру и контент и только после этого переходить к визуалу и программированию.
На старте провели серию брифингов с командой клиента, изучили ассортимент, особенности оптового направления и будущие процессы управления магазином.
Проанализировали сайты конкурентов, их коммерческие факторы, структуру каталогов и удобство интерфейсов. Отдельно изучили привычные пользователям механики Ozon и Wildberries: навигацию, поиск, фильтры, товарные рекомендации и оформление заказа.
Аналитика помогла определить, какие сценарии уже знакомы аудитории и какие решения можно адаптировать под специфику охотничьего магазина. Для проекта с большой товарной матрицей это особенно важно: без предварительного проектирования даже привлекательный дизайн быстро превращается в сложный и неудобный каталог.
Параллельно собрали базовую семантику. Она учитывала большое количество категорий, брендов и конкретных товаров. SEO-требования заложили на уровне структуры и текстовых прототипов, чтобы после запуска сайт был подготовлен к дальнейшему поисковому продвижению.
Спроектировали главную страницу, каталог, карточку товара, корзину, оформление заказа, личный кабинет и информационные разделы. Для каждой страницы определили её роль в пользовательском пути и подготовили контентный прототип с финальными текстами и описанием функциональности.
На главной странице собрали основные точки входа в каталог, популярные категории, предложения магазина и полезные материалы. Интерфейс построили на знакомых пользователю паттернах, поэтому посетителю не приходится разбираться в нестандартной навигации.
Каталог разделили на категории и подкатегории и предусмотрели отдельные фильтры для разных групп товаров. Для быстрой навигации добавили теги категорий и баннерную сетку. Администратор может самостоятельно менять баннеры, изображения и содержание разделов.

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

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

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

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

В дизайне использовали белый и серый как основные цвета, фирменный синий — для навигации, оранжевый — для акцентных элементов и действий. Скруглённые карточки, минималистичные иконки и свободная компоновка сделали большой объём информации визуально легче.
Для товарных разделов выбрали фотографии вместо абстрактных иллюстраций. Атмосферные изображения поддерживают тематику охоты и помогают магазину передать характер бренда.
Интерфейс адаптировали для компьютеров, планшетов и смартфонов. В мобильной версии основную навигацию перенесли в нижнюю часть экрана, чтобы до нужных разделов было удобно дотягиваться одной рукой.
Сайт разработали на связке Nuxt.js и TypeScript с административной системой CMS Bitrix. Это позволило совместить быстродействующий интерфейс с привычным для клиента управлением каталогом и контентом.
Интеграция с 1С передаёт на сайт товары, цены, фотографии, документацию, характеристики, фильтры и комплекты. Дополнительно подключили СДЭК, «Почту России» и PayAnyWay.
Разработали умный поиск с морфологией и подсказками. Он понимает разные формы слов и распознаёт названия иностранных брендов, введённые кириллицей. Результаты можно сортировать по цене и названию.
Пароли пользователей хранятся в зашифрованном виде, а обмен данными защищён SSL.
Для развития YouTube-канала исследовали более 50 российских и зарубежных каналов оружейной тематики. Из них выбрали 15 конкурентов для подробного анализа и определили темы, форматы и вопросы, которые вызывают наибольший интерес аудитории.
Дополнительно изучили около 30 тематических сообществ во «ВКонтакте», активность 100 пользователей, контент подписчиков Quarta Hunt и интересы аудитории через YouScan.
Исследование показало, что аудитория интересуется спортом, путешествиями, автомобилями, туризмом, загородным отдыхом и выживанием в сложных условиях. На пересечении этих интересов подготовили концепции рубрик и макеты обложек для видео.

Quarta Hunt получил современную цифровую платформу, которая объединяет розничное и оптовое направления, поддерживает большую товарную матрицу и автоматизирует ключевые процессы интернет-магазина.
Продуманная архитектура помогает пользователям быстрее находить и сравнивать товары, собирать комплекты, выбирать способ доставки и оформлять заказ. Интеграция с 1С снижает объём ручной работы со стороны команды клиента, а гибкая административная система позволяет самостоятельно управлять каталогом, баннерами и контентом.
Отдельным результатом стала стратегия развития YouTube-канала. После оптимизации видео стали в два раза чаще попадать в рекомендации, поисковый трафик с YouTube вырос вдвое, CTR также увеличился в два раза.