Успешный перевод лидера онлайн-продаж фоторамок svetosila.ru на Битрикс

Мы любим работать с живым, голодным до роста бизнесом среднего размера. Обычно, в таких компаниях мало бюрократии и контактное лицо реально принимает решения. А ещё это энергичные ребята и все называют друг друга по именам.

Голодный клиент

Такие компании обычно приходят с боевыми, интересными задачами — оптимизировать процессы, чтобы открыть еще 200 торговых точек по России, переделать сайт, чтобы годовой оборот вырос до 100 000 000 р. и т.д.

Мы хотим рассказать как раз о таком проекте — успешном переводе лидера онлайн-продаж фоторамок svetosila.ru на Битрикс.

Компания «Светосила»

Компания «Светосила» занимается продажей фоторамок, фотоальбомов, подвесов для картин и аксессуаров к ним.

Цифры:

  • Производитель и оптовая компания с интернет-магазином с 2003 года.
  • 80.000 рамок на складе в центре Москвы
  • 15 минут от заказа до подтверждения резерва
  • 40.000 интернет-заказов в год без рекламаций
  • 170 дилеров в России, 2000 торговых точек, 2.000.000 потребителей ежегодно.
  • 80% клиентов - профессиональные потребители

Специализация компании — онлайн-продажи.

Светосила является лидером онлайн-продаж рамок в России

Задача

У «Светосилы» амбициозные планы по увеличению оборота и прибыли. Сайт играет в этих планах одну из ключевых ролей.

Модернизировать старый сайт было невозможно — он был на «самописном» движке. Мы должны были перевести сайт на Битрикс и модернизировать его. Одновременно нужно было сохранить трафик и продажи.

Некоторые CMS сложно модернизировать

Решение

Сложности

Мало просто скопировать функции старого сайта на Битрикс. Нужно было решить несколько нетривиальных проблем:

  1. Добавить адаптивность. Сильно менять дизайн при этом было нельзя. Плюс, поджимали сроки.
  2. Сохранить трафик. Так как продажи с сайта жизненно важны для компании, мы не могли просто переделать сайт, а потом полгода ждать возвращения трафика. Пришлось тщательно спланировать переезд, чтобы минимизировать просадку.
  3. Высокие требования к скорости работы интерфейсов.
    «Нажав на ссылку, я уже начинаю вести мышку к тому месту, где должен появиться определенный элемент (например, кнопка «В корзину»). К моменту, когда курсор мышки будет на нужном месте, страница должна загрузиться.»
  4. Большое количество необычных сценариев, характерных для бизнеса клиента (заказ от имени клиента на сайте, сложная система формирования заголовков, продажа упаковками, графики доступности и т.д.).
  5. Большое количество интеграций.
Мы видим сложные интеграции так

Итерации

Оценив общий объем работ и их сложность, приняли решение сделать MVP, а дальше работать в рамках гибкой методологии.

План простой:

  1. Делаем MVP
  2. Тестируем на ограниченной выборке лояльных пользователей
  3. Переносим «на бой»
  4. Получаем обратную связь, определяем список задач.
  5. Ранжируем задачи, выделяем то, что нужно запустить в течение недели.
  6. Берем эти задачи в работу, через неделю выкатываем обновление.

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

MVP — это когда клиент всегда доволен

Пять интересных задач

На момент публикации, в проекте svetosila.ru была зарегистрирована 251-я задача. Мы остановимся лишь на пяти из них.

Логика кнопки «В корзину»

Кнопка «В корзину», что может быть проще? В проекте svetosila.ru реализован интересный алгоритм для кнопки «В корзину»:

  1. Пока товар не находится в корзине, кнопка оранжевая, с текстом «В корзину».
  2. Когда товар находится в корзине, кнопка зеленая, с текстом «В корзине». При наведении на кнопку, текст меняется на «Оформить», и нажатие перенаправляет пользователя в корзину.
  3. Когда товар находится в корзине и меняется его количество, кнопка снова превращается в оранжевую кнопку «В корзину».

Похожий алгоритм реализован для кнопки Подписка.

Разный вид кнопки В корзину

График доступности

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

Эту информацию нужно было передать на сайт. Но график доступности не просто выполнял «справочную» функцию — показать, когда тот или иной товар будет в наличии. Товар, который ожидался в течение определенного количества дней (мы сделали специальную настройку, которая позволяла изменять это число) покупатель мог купить, как будто он в реальном наличии на складе.

Также в зависимости от графика доступности изменялся отображаемый статус товара (в наличии, ожидается или распродан).

График доступности

Собственный алгоритм скидок

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

В проекте svetosila.ru мы как раз реализовывали такую систему скидок. Для каждого товара существовали 5 уровней цен:

  1. Обычная цена — при сумме заказа от 0 до 5 000 р.;
  2. 1 уровень скидок — при сумме заказа от 5 000 р. до 10 000 р.;
  3. 2 уровень скидок — при сумме заказа от 10 000 р. до 50 000 р.;
  4. 3 уровень скидок — при сумме заказа от 50 000 р. до 100 000 р.;
  5. 4 уровень скидок — при сумме заказа от 100 000 р.

Скидки были разные, для разных групп товаров, а на какие-то товары они вообще не действовали.

Данные, как водится, хранились в 1С. Задачу пришлось реализовывать в два этапа — получение данных, непосредственно реализация скидок.

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

Реализовали же скидки на основе программирования дополнительных правил работы с корзиной от Битрикса.

Нестандартные скидки — внешний вид в карточке товара

Интеграция с 1С, стандартная и не очень

Без интеграции с учетной системой не обходится ни один интернет-магазин с высоким оборотом. svetosila.ru — не исключение. В качестве учетной системы применялась 1С Управление торговлей 11 версии.

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

Товары и категории выгрузились практически без нашего вмешательства. Добавили только ограничение на модификацию некоторых полей выгрузкой (описание категорий и т.д.).

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

Мы, конечно, несколько раз предупредили о возможных проблемах, но клиент был неумолим.:) Пока всё работает как часы.

Всё работает как часы

Скорость

Приятно когда заказчик увлечен проектом и стремится сделать его на уровне лучших в отрасли или еще круче. И речь здесь не о дизайне. Речь об ощущениях от использования.

Скорость — одно из таких ощущений, и особо приятна его объективная измеримость. В качестве простых метрик были выбраны Google PageSpeed и “Скорость сайта” (инструмент Битрикса).

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

В результате сайт работает быстро. Это и ощущение, и цифры.

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

Скорость сайта

Вывод

Веб-интеграция это создание крупных информационных веб-систем , глубоко интегрированных в бизнес Заказчика. Это снижение затрат на работу с клиентами, рост продаж и автоматизация процессов.

ИНТЕРВОЛГА – компетентный веб-интегратор . Мы можем решить все задачи веб-интеграции собственными силами. Большинство наших проектов – комплексные, интеграционные.

ИНТЕРВОЛГА — компетентный веб-интегратор

Наш принцип: приносить пользу бизнесу клиента за счет осмысленного применения веб-технологий.

В проекте svetosila.ru были достигнуты следующие бизнес-результаты:

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

Это стало возможным благодаря высокой культуре труда — простых правилах взаимного этикета. Оперативности, обязательности, ответственности и качеству проектной команды ИНТЕРВОЛГИ.

При работе над сайтом svetosila.ru мы применяли наши интеграционные компетенции:

  1. Аналитика, дизайн и веб-разработка
    1. Проектирование крупных информационных систем
    2. Юзабилити-анализ и адаптивный дизайн
    3. Разработка на Битрикс
    4. Разработка высоконагруженных проектов
    5. Интеграция 1С-Битрикс с 1C и другими системами
    6. Разработка e-commerce-решений Enterprise-уровня
    7. Создание интернет-магазинов с адаптивным дизайном
    8. Интеграция с торговыми площадками Яндекс.Маркет, Google Merchant
  2. Поддержка сайтов 24х7 и highload, работа по SLA
    1. аудит производительности и администрирование нагруженных систем
    2. Непрерывная интеграция, быстрое развертывание изменений

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

Оставьте заявку на консультацию

Читайте также — Перевод лидера онлайн-продаж фоторамок svetosila.ru на Битрикс за полгода — итерации, MVP и культура труда
Участники проекта: