Оглавление:
Mustang Tattoo - один из ведущих производителей профессионального тату-оборудования в России. С 2016 года компания развивает линейку решений для мастеров татуировки и дилеров, включая тату-машинки, модули, расходные материалы и аксессуары.
Для агентства MWI заказчик поставил четкие задачи: создать интернет-магазин, объединяющий требования одинаково эффективно обрабатывать запросы B2C и B2B-сегментов, с высокой степенью кастомизации и акцентом на пользовательский опыт.
Для реализации проекта была выбрана платформа 1С-Битрикс. Выбор платформы объясняется несколькими ключевыми особенностями:
- Поддержка сложных сценариев B2C и B2B - платформа позволяет настроить отдельные пользовательские потоки, разные типы оформления заказа и уровни доступа.
- Масштабируемость - 1С-Битрикс подходит для проектов с большим ассортиментом и высоким количеством товарных параметров, не теряя производительности.
- Интеграционные возможности - есть готовые механизмы для подключения платёжных систем, CRM, 1С и других внешних сервисов.
- Развитая инфраструктура платформы - наличие готовых модулей, расширений и документации ускоряет разработку и облегчает поддержку проекта в будущем.
В этом кейсе рассматривается, как была построена масштабируемая eCommerce-система под отраслевую специфику, реализована персонализация и автоматизация, и какие архитектурные решения позволили достичь этого без ущерба для стабильности и скорости.
Архитектура интерфейса и пользовательского опыта
Разработка велась с четким фокусом на уже сформированные сценарии использования сайта мастерами и дилерами. Подход ориентирован на функциональность, скорость и максимальное упрощение взаимодействия пользователя с сайтом.
Основной задачей стало не просто создать удобный интерфейс, а построить eCommerce-платформу, в которой каждый шаг пользователя предсказуем, понятен и оправдан с точки зрения UX.
Каталог - это не просто список товаров, а единое пространство выбора. Он дополнен отзывами, обзорами и мнениями мастеров, что усиливает доверие и упрощает принятие решения. Содержание карточки адаптировано под формат «быстрого ознакомления»: параметры, видео, ссылки на мнения других мастеров. Элементы взаимодействия визуально доступны на большинстве устройств в области первого экрана.
Для заказов реализовано два канала: самостоятельное оформление и оформление с менеджером - в зависимости от выявленных предпочтений пользователя. Учитывая географию клиентов, добавлена карта с магазинами и точками продаж.
Раздел «Часто задаваемые вопросы» работает как функциональная, обновляемая и реально используемая база знаний, формируемая на основе обращений. Это не просто информационный блок - это инструмент разгрузки менеджеров и повышение уровня самообслуживания.
Дилерский кабинет построен по принципу B2B-сервиса: сохраненные шаблоны, документы, история заказов и накопительные скидки - 95% функционала доступно пользователю в несколько кликов. Такая архитектура помогла повысить лояльность B2B аудитории, что привело к увеличению показателя Retention Rate (CRR) до 78%+.
Ключевые UX-решения:
- Оптимизация навигации: ключевые действия доступны в два касания
- Адаптивные фильтры: закреплены, прокручиваются горизонтально
- Lazy loading: карточки и медиа загружаются по мере просмотра
Вовлеченность и ощущение контроля:
- Подтверждение действий: визуальная обратная связь
- Контекстная фиксация CTA: кнопка «Купить» всегда в доступе
- Микроанимации: переходы, добавление в корзину, реакции на клики
Интерфейс прошёл A/B-тестирование и UX-интервью с представителями ключевых аудиторий - тату-мастерами и дилерами. Это позволило предусмотреть особенности разных сценариев: от индивидуального заказа до оптовых закупок и взаимодействия через личный кабинет.
Итеративный подход дал возможность оперативно вносить изменения по ходу разработки. Такой процесс не только улучшил интерфейс, но и учел реальные поведенческие сценарии пользователей.
Итог: дизайн платформы рассматривался не как отдельный визуальный слой, а как целостная система пользовательского взаимодействия. Подход к интерфейсу строился на анализе конкретных задач и поведения целевой аудитории — мастеров и дилеров, а не на заимствовании готовых шаблонов. Интерфейсные решения разрабатывались под реальные сценарии: поиск, выбор, оформление, повторные заказы. Это позволило выстроить навигацию и структуру контента таким образом, чтобы пользователи быстро находили нужное и чувствовали уверенность в своих действиях на платформе.
Такой результат может быть полезен тем, кто ищет команду с опытом решения сложных eCommerce-задач - особенно там, где важны внимание к деталям и адаптация под реальные сценарии бизнеса.
Модули тест-драйва и кастомных заказов
Одним из ключевых требований со стороны заказчика стало внедрение возможностей, ориентированных на поведенческую специфику аудитории: мастера и студии хотели «попробовать оборудование в деле» перед покупкой, а также заказывать тату-машинки с индивидуальными параметрами. Базовая логика стандартных eCommerce-решений, как правило, не учитывает такие сценарии, предлагая лишь вариативные карточки или формы обратной связи. Такой подход снижает эффективность пользовательского взаимодействия и не рассматривает специфику рынка тату-оборудования
В рамках проекта были разработаны два модуля - тест-драйв и кастомный заказ, каждый из которых усилил вовлеченность пользователей и подчеркнул индивидуальный подход к клиентам.
Модуль тест-драйва:
- Интуитивный интерфейс с выбором оборудования и адреса доставки
- Автоматическая передача заявки в CRM со статусом и ответственным
- Пользователь ощущает контроль, а не зависимость от обратного звонка
В отличие от популярных решений, где тест-драйв - это по сути заявка на консультацию, здесь реализован полноценный цифровой процесс, понятный и управляемый. Такая модель демонстрирует клиентоориентированность и способствует сокращению цикла принятия решения.
Модуль кастомного заказа:
- Конструктор с пошаговым выбором параметров: корпус, цвет, двигатель, длина хода и пр.
- JSON-конфигурация создается на лету и отправляется в CRM
- Менеджеры получают полную картину запроса без дополнительных уточнений
На рынке можно встретить упрощенные формы, которые требуют ввода вручную или прикрепления комментариев. В данном случае заказ создается как цифровая сущность, в полной мере отражающая выбор пользователя. Такой подход усиливает вовлеченность и демонстрирует уровень технологической зрелости проекта.
Оба модуля были реализованы без привлечения сторонних решений, исключительно средствами 1С-Битрикс с кастомной логикой и API-интеграцией.
Подход к реализации этих функций демонстрирует инженерную экспертизу и стратегический подход: вместо универсальных шаблонов были предложены решения, отвечающие именно потребностям целевой аудитории и бизнес-модели заказчика
Технические вызовы и нестандартные решения
Разработка интернет-магазина для Mustang Tattoo требовала от специалистов не просто опыта, но гибкого проектного подхода.
Одним из первых вызовов стал объемный и многоуровневый каталог: ассортимент насчитывал сотни позиций, многие из которых имели сложную структуру параметров - от мощности и веса до совместимости с различными комплектующими.
Стандартный подход к хранению данных не справлялся с объемом и сложностью товарной матрицы, включающей многоуровневые параметры и гибкую фильтрацию. Чтобы система работала быстро и могла расти вместе с проектом, архитектура хранения и обработки данных была переработана.
Было реализовано разделение ресурсов, отвечающих за вывод фильтров и параметров, что позволило избежать перегрузок и сохранить стабильную скорость реакции системы даже при росте ассортимента и расширении функциональности. Такой подход обеспечил устойчивость системы и гибкость при расширении ассортимента без потери производительности.
Следующей задачей стала необходимость обеспечить разные сценарии оформления заказа для B2C и B2B-аудиторий.
Для B2C-заказов был предусмотрена привычная платформа управления корзиной, а для B2B - альтернативный маршрут с оплатой по счету, возможностью скачивания документов и встроенными кредитными условиями. Это потребовало создания кастомной логики расчетов и шаблонов документов, интеграции с CRM и финальными бухгалтерскими сервисами клиента.
Отзыв клиента
В финальной стадии проекта клиент представил развернутую и содержательную обратную связь, подчеркнув не только технический результат, но и качество взаимодействия с командой агентства.
Компания Mustang благодарит digital-агентство MWI за разработку интернет-магазина mustang-tattoo.ru.
Агентством был разработан интернет-магазин для B2C и B2B-клиентов на базе 1С-Битрикс, учитывающий наши пожелания: каталог продукции с фильтром, карточка товара с выбором цветовых и др. характеристик, отзывы о товарах, интервью с мастерами, тест-драйв, оформление заказа с интегрированным платежным модулем и многое другое.
В ходе работ все наши пожелания учитывались и оперативно выполнялись. Рекомендуем агентство как надежного и клиентоориентированного подрядчика.
Отзыв клиента показывает, что взаимодействие в проекте строилось не только вокруг результата, но и вокруг самого процесса. Все ключевые моменты прорабатывались совместно, обратная связь внедрялась по ходу работы, а возникающие задачи решались без задержек. Это позволило сформировать рабочую атмосферу, в которой заказчику было легко ориентироваться и принимать решения.
Работа на рост бренда
Проект для Mustang Tattoo стал не просто кейсом реализации eCommerce-платформы - это наглядный пример того, как глубокая проработка пользовательских сценариев, адаптация архитектуры под реальные бизнес-процессы и постоянная обратная связь с заказчиком формируют цифровую экосистему, работающую на рост бренда.
В ходе проекта агентство MWI выступило не как технический подрядчик, а как стратегический партнер, способный проектировать решения под конкретные задачи.
Построение устойчивой eCommerce-платформы - это не только про функциональность или скорость запуска. Решающим фактором становится подход команды: насколько глубоко она погружается в бизнес-контекст, умеет ли учитывать нюансы продукта и адаптироваться к процессам клиента. Такой подход позволяет не просто решать задачи, а создавать решения, которые поддерживают развитие бизнеса в долгосрочной перспективе.
Наибольшие потери в digital-проектах происходят не на этапе разработки, а из-за просчетов в архитектуре сайта.
Исправлять ошибки после запуска - дорого и трудозатратно. Предусмотреть их заранее - значит сэкономить ресурсы и избежать сбоев в будущем.
