Новая e-commerce площадка для бренда Anna Lafarg за пять месяцев

Главное о кейсе

Мы перезапустили интернет-магазин бренда Anna Lafarg — теперь он удобнее для оптовых и розничных покупателей.

О компании и бренде

Бренд Anna Lafarg работает на территории России и стран СНГ с 1998 года. За это время компания выросла в одного из крупнейших оптовых продавцов посуды, подарков и предметов интерьера. Ассортимент включает как функциональные предметы для сервировки и кухни, так и интерьерные аксессуары. Клиенты бренда — оптовые покупатели, розничные сети и частные ценители красивого дома.

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

Как проект изменил жизнь пользователей

В сентябре новый сайт вышел в продакшн. Несмотря на масштабные изменения, трафик и количество заказов не просели — показатель корректной SEO-миграции и качественной работы со старыми данными.

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

Бизнес-задача и ее решение

Задача

Anna Lafarg обратилась в Ареал с четким запросом:
— обновить визуальную часть сайта;
— модернизировать оптовый функционал;
— перенести клиентов и заказы без потерь.
Особое условие — быстрый запуск. Старт разработки в апреле, релиз в сентябре. Пять месяцев на полный редизайн, пересборку бизнес-логики, разработку и миграцию данных.

Дизайн

Новая визуальная концепция придерживается принципов минимализма и построена на бежевой гамме. Акцент сделан на лаконичную типографику. Чтобы поддержать логотип выбрали шрифтовую пару из антиквы Mediator Serif и гротеска Futura New. Антиква дополнила баннеры и подчеркнула заголовки, гротеск создал аккуратную и спокойную верстку параграфов и сносок.

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

Дизайн с фокусом на юзабилити — интуитивная фильтрация, быстрый просмотр товаров, понятный процесс оформления заказа, включая оптовые позиции.

Администраторы интернет-магазина без участия разработчика редактируют внешний вид главной страницы в специальном конструкторе. Отключают и меняют местами блоки.

Функции интернет-магазина

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

Для физических лиц предусмотрен привычный B2C-сценарий покупок: оформление без участия менеджера, оплата, выбор даты доставки, интеграция со службами Dalli и DPD.

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

Каждую коллекцию или сервировку можно добавить в избранное, как готовую подборку товаров. Каталоги и тематические подборки контент-менеджеры создают в «Битрикс». «Коллекции» и «Сервировки» собираются как промо-разделы.

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

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

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

Крафт (мастерство), реализация, технические детали

При переносе пользователей и заказов было важно:
— не заставлять старых пользователей регистрироваться заново;
— сохранить и перенести на новый сайт старые заказы.

Механически перелить базу пользователей мы не могли — это большое количество персональных данных, которыми мы не можем оперировать. Для переноса команда разработала стратегию, при которой пользователи получили привычный доступ к своим данным, даже не замечая, что фактически регистрировались заново:
— Новая авторизация. На старом сайте пользователи проходили авторизацию по логину и паролю. Логином был e-mail. На новом — пользователи проходят временную регистрацию: вводят e-mail, получают код, затем добавляют номер телефона. Так формируется новый профиль с привязанным корректным номером, а e-mail становится единым идентификатором для нового и старого ресурсов.
— История заказов. Все прежние заказы распределились по личным кабинетам на основе e-mail. Там, где артикулы товаров совпадают с новой базой, позиция кликабельна. Если продукт снят, выводится превью без ссылки.
— Отдельный статус. Чтобы старые заказы не ушли в текущий документооборот, им присвоен специальный статус, исключенный из основной логики 1С.

Технологии

Разработка:
— Gitlab
— Gitlab Runner
— Nexus

Сервера:
— Debian / Proxmox
— VM / Ubuntu 24.04
— CI/CD
— Docker

Фронт-офис:
— Frontend — Nuxt.js (Vue.js)
— Backend — Bitrix и mysql, Elasticsearch.

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Параллельно с разработкой нового сайта команда Anna Lafarg решила полностью перестроить внутренний учет — старая учетная система была заменена на 1С. Это означало, что интеграцию мы проводили с постоянно меняющимся сервисом. Дополнительным вызовом стало обновление большинства фото-контента. В итоге на каждом этапе мы точечно настраивали и адаптировали процесс синхронизации.

Скриншоты