ALBANA: обновили интернет‑магазин женской одежды и подняли глубину просмотра на 42%

TL;DR

Перезапустили интернет‑магазин российского fashion‑бренда ALBANA с готового решения InSales на 1С‑Битрикс со сквозной интеграцией с 1С. Глубина просмотра выросла на 42%, время на сайте — на 13%, мобильный PageSpeed — с 37 до 56 баллов.

Pitch

К нам пришёл бренд женской верхней одежды ALBANA с интернет‑магазином на InSales, который не давал расширять ассортимент и не справлялся с мобильным трафиком. За год мы провели предпроектную подготовку с CJM и прототипами, собрали новый магазин на 1С‑Битрикс, настроили стабильную интеграцию с 1С и переработали мобильный чекаут. После запуска глубина просмотра выросла на 42%, время на сайте — на 13%, мобильный PageSpeed поднялся с 37 до 56, десктопный — с 68 до 80. SEO‑позиции сохранили через аккуратные редиректы.

Контекст клиента

ALBANA — российский бренд женской верхней одежды. Разрабатывает коллекции и продаёт их через офлайн‑магазин в Москве и интернет‑магазин по всей России. Бренд работает с целевой аудиторией 30+, делает ставку на качество, стиль и удобство.

Компания была сфокусирована на оптовых продажах. Создание нового удобного сайта — понятный шаг к увеличению собственных розничных продаж. Развитие розничного направления началось с масштабного ребрендинга ALBANA, который затронул платформу и айдентику бренда. Эта часть работы была реализована брендинговым агентством «Суперсхема».

Екатерина Леонова, арт‑директор и партнёр агентства «Суперсхема»:

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

Задача

У клиента уже был интернет‑магазин, собранный на готовом решении InSales. Он выполнял базовые функции, но определённые задачи роста и развития на нём реализовать было сложно.

С чем столкнулся клиент:

• Платформа не позволяла кастомизировать дизайн под запросы бренда и ЦА. Нестандартные правки можно было реализовать только за счёт сложных решений.
• Выстроить сквозную синхронизацию заказов, остатков и базы клиентов с 1С и Битрикс24 было нельзя.
• Фильтры и карточки товаров были ограничены по функционалу, что усложняло навигацию и ухудшало пользовательский опыт.
• Подавляющая часть трафика приходила на мобильную версию, поэтому задача сделать чекаут для телефонов простым и быстрым была критично важна.
• Скорость загрузки сайта была низкой, что значимо влияло на количество продаж.

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

Что хотел клиент:

• современный, чистый и удобный дизайн с адаптивной версией;
• стабильную интеграцию с 1С;
• улучшение UX‑показателей: глубины просмотра, скорости загрузки, времени на сайте;
• прочную основу под рост: удобное управление каталогом и запуск новых товарных категорий.

Клиенту нужен был надёжный e‑commerce‑инструмент, который будет расти вместе с бизнесом, а не сдерживать его рост.

Что сделали

Этап 1. Предпроектная подготовка

На этом этапе заложили фундамент проекта — то есть провели ту часть работы, которую не видно на экране, но именно от неё зависит, насколько хорошо система будет работать после релиза. Хотели не просто «нарисовать сайт», а создать удобный, эффективный бизнес‑инструмент.

Провели серию интервью и брифинг с командой клиента. Выяснили, как устроены бизнес‑процессы, какие боли есть у сотрудников, работавших со старым сайтом. Собрали информацию о целевой аудитории: кто покупает, как принимает решение, на что обращает внимание. Уточнили, какие категории товаров будут добавляться, как устроен каталог, какие сценарии оформления заказа важны. Обсудили, как должна работать связка сайта с 1С — какие данные из неё будут поступать, как обновляться, и кто за это отвечает.

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

Разработали CJM (Customer Journey Map — путь клиента). Прописали путь пользователя от первого контакта с брендом до оформления заказа. Отразили в пути все точки взаимодействия: главная страница, каталог, фильтры, карточка товара, корзина, оформление, подтверждение. Указали, какие действия совершаются на каждом этапе, какие эмоции испытывает человек, где появляются барьеры.

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

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

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

Этап 2. Дизайн

Когда утвердили архитектуру, CJM и прототипы, перешли к проработке визуального решения. Важно было не просто сделать «красиво» — нужно было создать интерфейс, в который захочется возвращаться: понятный, лаконичный, интуитивный.

Цели, которые мы ставили перед дизайном:

• сохранить фирменный стиль бренда и усилить восприятие;
• сделать визуал привычным для целевой аудитории — женщин 30+, и не перегрузить лишним;
• улучшить юзабилити и логичность навигации;
• адаптировать все сценарии для мобильных устройств;
• предусмотреть масштабирование (появление новых категорий, акций, сертификатов и других элементов).

Проработали дизайн каждого экрана: главной, каталога, фильтров, 404 и других. Все страницы создавались с учётом CJM: не просто ради визуала, а чтобы поддерживать действия пользователя и помогать двигаться к покупке без «внутреннего сопротивления».

Десктоп и мобильную версию рисовали вместе. Мобильный трафик был ключевым, поэтому особое внимание уделили «маленьким» сценариям: свайпы, кнопки, кликабельные зоны, плавность переходов. Работали по принципу mobile‑first: сперва отрисовывали, тестировали и согласовывали мобильный опыт, затем масштабировали на десктоп.

Продумали UX‑дизайн под реальный ассортимент. Сделали адаптивную карточку товара, которая одинаково хорошо работает для пуховика, аксессуара или будущих линеек (например, трикотажа). Продумали фильтры: сделали их компактными, но эффективными, с быстрым доступом к нужным характеристикам (размер, цвет, сезон). Проработали «слепые зоны» — места, где на старом сайте пользователи терялись. Теперь на всех страницах чёткая иерархия элементов.

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

Сделали дизайн масштабируемым. Мы понимали: после запуска клиент планирует расширение ассортимента и функционала. Поэтому изначально закладывали в интерфейс:

• блоки для сезонных акций;
• механики с сертификатами и промокодами;
• элементы, которые можно масштабировать без редизайна: баннеры, новые фильтры, разделы каталога.

Вся вёрстка была передана в формате Ready‑to‑Dev, с проработкой всех состояний: наведение, клик, ошибки, загрузка, мобильные адаптации. Макеты удобно читаются как дизайнером, так и разработчиком: минимум правок и лишней коммуникации между отделами. На клиентской стороне дизайн был согласован быстро — без критических правок.

Этап 3. Разработка и интеграции

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

Собрали фронтенд с упором на адаптивность, скорость, устойчивость. Все страницы реализовали с чистой семантической вёрсткой, с контролем доступности и скорости. Использовали адаптивный подход, чтобы сайт выглядел одинаково корректно на экранах любых размеров. Оптимизировали изображения, шрифты и скрипты — чтобы сайт «летал» даже на мобильных с 3G. Сразу внедрили базовые анимации и состояния: наведения, спиннеры, сообщения об ошибке, обратную связь при клике — чтобы взаимодействие с интерфейсом было живым и понятным.

Подняли бэкенд на 1С‑Битрикс в связке с 1С. В качестве CMS по запросу клиента выбрали 1С‑Битрикс как проверенную платформу для товарного ритейла с высокой степенью кастомизации. Настроили полноценную интеграцию с 1С:

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

В рамках проекта изначально планировали также интеграцию с облачной версией Битрикс24, но API B24 оказался ограничен: он не позволял передавать нужные параметры. Поэтому на этапе разработки от этой части отказались — без ущерба бизнес‑целям.

Заложили потенциал для роста. Архитектура сайта спроектирована с учётом будущего расширения: при добавлении новых категорий (например, трикотажа или аксессуаров) структура автоматически масштабируется — без ручных правок. Вся логика выстроена так, чтобы все данные управлялись из 1С — это убрало дублирование и снизило риск ошибок. Фронтенд не жёстко зашит — легко доработать корзину, добавить сертификаты, блок акций и даже подключить CRM позже.

Этап 4. Тестирование, отладка и запуск

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

Многоуровневое тестирование. Прошли все ключевые уровни:

1. Функциональное тестирование: проверили корректную работу всех сценариев — от регистрации и фильтрации до оформления заказа и отображения остатков.
2. Кроссбраузерность и адаптивность: сайт тестировался в современных версиях Chrome, Safari, Firefox, а также в мобильных браузерах. Проверяли вручную на реальных устройствах.
3. Юзабилити: прошлись по всем сценариям с точки зрения пользователя — чтобы нигде не было «ступора» или ощущения, что что‑то работает не так.
4. Интеграции с 1С: проверили стабильную синхронизацию, корректность отображения остатков, цен, статусов заказов. Прогнали несколько десятков пробных заказов через связку.
5. Тестовая нагрузка: провели нагрузочное тестирование на популярные страницы (каталог, карточки товаров, оформление заказа), чтобы убедиться — сайт не теряет скорость под пиком трафика.

Особенности запуска. На этапе запуска немного затянулся релиз: клиентская база 1С на момент запуска не была до конца приведена к нужной структуре. Мы оперативно помогли пересогласовать формат и ждали, пока другая команда завершит настройку. Благодаря правильно выбранному стеку и стабильной архитектуре никаких доработок на стороне сайта не понадобилось — мы просто ждали, когда поступят правильные данные. Финальное включение в продакшн прошло без сбоев. Сайт начал работать в полном объёме в день запуска, без серых экранов, обвалов или потерь данных.

Результат

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

Улучшилось SEO и показатели вовлечённости:

• +42% к глубине просмотра. Благодаря интуитивной навигации, фильтрам, логичному пути пользователя и приятной подаче посетители стали дольше задерживаться и больше просматривать карточки товаров. Это влияет и на поведенческие факторы, и на конверсию в целом.
• +13% к времени на сайте. Улучшение интерфейса и скорости загрузки страниц сделали посещение сайта комфортнее — пользователь не теряет время на ожидание, быстрее ориентируется в каталоге, и в целом проводит на сайте больше времени.

Выросла техническая производительность. Производительность измеряется в баллах: от 0 до 100. Чем больше баллов, тем быстрее открывается страница.

Метрика	До	После
PageSpeed мобильный	37	56
PageSpeed десктопный	68	80

Мобильную версию сайта полностью переработали: избавились от тяжёлых блоков, оптимизировали изображения, упростили структуру DOM и встроили критические CSS. Результат — заметное ускорение загрузки на мобильных устройствах. На десктопе сайт стал открываться очень быстро даже при слабом интернете: оптимизация скриптов, кэширование, минимизация запросов к серверу — всё это улучшило работу интерфейса и повысило оценку поисковиков.

Другие важные итоги:

• Выстроили интеграцию с 1С. Теперь клиент управляет ассортиментом и остатками в одном месте — без дублирования и без ошибок по вине сотрудников.
• Выросло доверие к бренду. Современный интерфейс и уверенная работа сайта подчёркивают восприятие компании как надёжной и современной.
• Оставили запас на будущее. Архитектура сайта уже готова к расширению ассортимента, запуску акций, созданию личного кабинета (на момент интеграции в нём не было истории заказов, подписок и другого функционала) и открыта к другим доработкам, когда они понадобятся.

Безболезненный переход с предыдущей платформы. Все ключевые данные были перенесены, старые URL аккуратно редиректированы, SEO‑позиции сохранены.

Отзыв клиента

Екатерина Леонова, арт‑директор и партнёр агентства «Суперсхема»:

Мы выбирали подрядчика через тендер, его нам поручил организовать конечный заказчик. В тендере участвовали 12 компаний. Intensa была в тройке лидеров в отношении цена/⁠качество. У нас были достаточно сжатые сроки на реализацию проекта. Нам было важно, чтобы компания придерживалась точного тайминга. Наши ожидания оправдались. Более того, слаженная командная работа компании Intensa нивелировала задержки со стороны конечного клиента. Наши ожидания полностью оправдались. Результат соответствовал на 100%. Александр Борисов, менеджер проекта, был пунктуален и всегда на связи, что дисциплинировало клиента. Бюро «Суперсхема», как компания, которая сопровождала проект от начала до конца, чувствовала понимание и поддержку на всех этапах. Также нам понравился уровень работы с брендбуком клиента — дизайн сайта получился гармоничным относительно всей айдентики. Мы довольны адекватным ценообразованием, высоким уровнем профессионализма в ведении проекта, и, конечно же, результатом.

Где проект сейчас

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

Команда

• Виктория Кирюхина — редактор
• Александр Борисов — менеджер проектов

Технологии

1С‑Битрикс, 1С (полная интеграция: товары, остатки, заказы, цены), адаптивная вёрстка mobile‑first.

Ссылки

• Публикация: https://intensa.ru/⁠blog/⁠obnovili_magazin_zhenskoy_odezhdy_i_uvelichili_seo_trafic_i_glubiny_prosmotra/
• Сайт клиента: https://www.albana‑trade.ru