Разработка интернет-магазина одежды MASTERPEACE в Москве

  • CRM и обмен с 1С
  • Система лояльности
  • Покупки с телефона

MASTERPEACE — премиальный бренд женской одежды. Мы разработали для него новый дизайн интернет-магазина и перенесли проект с облачного конструктора на «1С-Битрикс», сохранив каталог, контент и базу покупателей. Ускорили сайт, наладили обмен с 1С и сделали управление магазином удобнее для команды бренда.

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

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

Удобный сайт на десктопе и телефоне

Safari screenshot
Прокрутите внутри
iPhone screenshot
Прокрутите внутри

Задача

К моменту нашего подключения у MASTERPEACE уже был интернет-магазин на облачной платформе с готовыми шаблонами. Сайт работал медленно, в обмене с 1С возникали проблемы, а административная часть была недостаточно удобной для повседневных задач команды.

Задача состояла в том, чтобы разработать новый дизайн, перенести действующий магазин вместе с базой покупателей на «1С-Битрикс» и доработать его под процессы бренда. Требовалось улучшить скорость и покупательские сценарии, наладить интеграции и сделать управление магазином понятнее, сохранив выразительную подачу коллекций.

Интервью

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

Эти задачи определили приоритеты разработки:

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

Новый дизайн магазина

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

В основу оформления положили фотографии, видео и характер бренда. Продумали композицию, типографику, навигацию и состояния элементов, чтобы выразительная подача коллекций сочеталась с понятным интерфейсом. Дизайн согласовали с командой MASTERPEACE и реализовали на «1С-Битрикс».

Переезд на «1С-Битрикс»

Мы подключились к уже работающему проекту и взяли на себя перенос магазина с конструктора на «1С-Битрикс». Перенесли каталог, контент и базу покупателей со старой платформы. Магазин продолжил работу с существующей клиентской базой. Страницы реализовали в новом дизайне, который разработала наша команда, а функциональность доработали под задачи MASTERPEACE. Это позволило развивать магазин с учётом процессов бренда и меньше зависеть от ограничений готовой платформы.

Отдельное внимание уделили обмену с 1С: устранили проблемы, которые мешали работе на прежнем сайте, и наладили стабильный обмен. Подключили CRM и систему лояльности, объединив магазин с сервисами, которые использует команда.

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

От образа к покупке

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

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

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

Предусмотрели связь магазина с CRM и обмен с 1С, чтобы сайт был частью рабочих процессов компании: от каталога до обработки заказов.

Скорость и удобство

После переноса и доработок сайт стал быстрее; улучшились и показатели Google PageSpeed Insights. Оптимизацию рассматривали вместе с интерфейсом: покупателю важно не только дождаться загрузки, но и быстро найти нужную вещь, разобраться в карточке товара и перейти к заказу.

Переработали UX/UI для компьютеров и телефонов: связали коллекции с каталогом, сделали навигацию и выбор товаров понятнее. В результате сохранили визуальный характер MASTERPEACE и сделали повседневное использование магазина удобнее — как для покупателей, так и для команды бренда.

Этапы работы

1. Задачи и требования
2. Структура и сценарии
3. Дизайн и согласование
4. Разработка и контент
5. Проверка и запуск
6. Развитие и продвижение

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

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

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

Согласование: структура разделов и ключевые покупательские сценарии до перехода к деталям интерфейса.

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

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

Реализуем страницы на «1С-Битрикс», каталог, поиск с подсказками, избранное, корзину и личный кабинет. Объединяем коммерческие разделы с коллекциями, лукбуками и журналом. Подключаем связь с CRM и обмен с 1С. Подготавливаем контент и проверяем его отображение в адаптивной вёрстке.

Результат этапа: работающий магазин, готовый к проверке покупательских сценариев и приёмке.

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

Результат этапа: согласование готовности и запуск сайта MASTERPEACE для посетителей.

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

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

Итог и дальнейшая работа

Разработали новый дизайн MASTERPEACE и перенесли магазин на «1С-Битрикс», сохранив каталог, контент и базу покупателей.

Сайт стал быстрее, интерфейс — удобнее, а админка — понятнее. Наладили стабильный обмен с 1С, подключили CRM и систему лояльности. Коллекции, каталог и журнал работают на одной площадке.

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

Привлекать из поиска

SEO

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

Находить свою аудиторию

Контекстная реклама

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

Улучшать магазин

Развитие и поддержка

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

Пройдите небольшой опрос и получите полезный подарок

Какая у вас задача?
В какой сфере вы работаете?
У вас уже есть сайт?
Какова ваша основная цель?
Ваши данные
Нажимая на кнопку "Отправить", вы соглашаетесь с политикой конфиденциальности