Как превратили сайт fashion-бренда в полноценную точку онлайн-продаж и продолжаем развивать платформу после запуска

MediaNation работает с 1811 более 6 лет. За это время мы разработали для бренда уже второй сайт и продолжаем его техническую поддержку и развитие. Третий сайт — в планах. 

1811 - российский бренд женской одежды с акцентом на актуальный дизайн, эстетику и индивидуальность. Бренд объединяет семь магазинов в Москве и Санкт-Петербурге и интернет-магазин с ассортиментом более 5 000 товаров. Сайт - ключевой канал продаж и центр бизнеса, связывающий онлайн- и офлайн-магазины, складские остатки, заказы и программу лояльности в единую систему. 

Задача: не просто обновить дизайн, а перестроить e-commerce 

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

Предыдущая версия сайта уже не соответствовала текущим задачам бизнеса: 

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

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

Что должен был уметь новый сайт 

Мы стремились сохранить воздушную fashion-эстетику 1811, но при этом сделать интерфейс привычным для российского e-commerce. То есть не перегружать его эффектами ради эффектов, а выстроить понятный пользовательский путь: зашла → нашла → выбрала → купила → получила. 

• современный UX/UI, соответствующий образу бренда; 
• удобный каталог более чем с 5 000 товарами, внутри которых есть размерные варианты; 
• быстрый поиск и понятная навигация; 
• полноценная мобильная версия; 
• корзина и короткий сценарий оформления заказа; 
• возможность покупки в один клик; 
• единая связка сайта, 1С, программы лояльности, оплаты, доставки и маркетинговых сервисов; 
• удобная административная часть для команды 1811. 

Десктоп 

Мобилка

Начали с аналитики и прототипирования 

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

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

Технологии и команда 

Стек проекта: 1С-Битрикс + Vue.js, дизайн - Figma. 

Над проектом работали технический директор, group head, project manager, аналитик, UX/UI-дизайнер, арт-директор, frontend- и backend-разработчики, тестировщик и специалист по email-маркетингу. 

Ключевая часть проекта — интеграция с 1С 

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

Из 1С на сайт поступают: 

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

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

Каталог, карточка товара и наличие 

В каталоге - более 5 000 товаров. Для пользователя важно не просто увидеть общее наличие, а понять, где именно можно найти нужный размер. Поэтому в карточке товара показываем остатки по конкретным офлайн-магазинам: например, какие размеры доступны в Москве и какие - в Санкт-Петербурге. 

Каталог включает 12 разделов одежды, а также отдельные сценарии для новинок, sale и товаров, которые скоро появятся в продаже. 

Поиск и быстрый путь к покупке 

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

Отдельно реализована покупка в один клик — это самостоятельный сценарий и не связан с Searchbooster. В стандартном checkout путь до оплаты занимает несколько понятных шагов. 

Оплата и четыре сценария доставки 

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

Пользователь может выбрать один из четырёх сценариев доставки: 

• курьерская доставка СДЭК; 
• доставка в пункт выдачи СДЭК; 
• доставка с примеркой; 
• самовывоз из магазина. 

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

Программа лояльности 

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

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

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

Mainbox и коммуникации с клиентами 

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

Развиваем платформу после запуска 

Проект не закончился релизом. После запуска мы последовательно добавляли новые сервисы и функции: сначала Split / «Долями», затем Logsys, после - предзаказ с уведомлениями, а Searchbooster и Mainbox были внедрены одновременно.

Выбранная визуализация развития платформы после запуска

Что изменилось для команды 1811 

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

Мы остаёмся на связи с командой клиента: менеджеры передают нам ошибки, вопросы и новые бизнес-задачи, а сайт развивается вместе с процессами 1811. 

Результат 

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

Визуализация развития проекта и ключевых интеграций 

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

Проект в цифрах 

• 6+ лет сотрудничества 
• 5 000+ товаров 
• 7 офлайн-магазинов: 6 в Москве и 1 в Санкт-Петербурге 
• 4 сценария доставки 
• 100+ часов разработки ежемесячно 

Поддержка — часть продукта 

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

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