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

Клиент

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

Сайт svetosila.ru

Слоган компании (и по опыту работы с этими ребятами, мы в него верим) — №1 в онлайн-продажах рамок и фотоальбомов в России.

Цифры:

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

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

Показательная деталь в этом плане — представитель клиента прилетел в Волгоград из Москвы, чтобы обсудить проект и убедиться лично, что за классным сайтом и блогом ( http://www.intervolga.ru/blog/ :)) стоят реальные люди.

Именно на этой встрече прозвучала фраза про культуру труда — простые правила взаимного этикета. Оперативность, обязательность, ответственность.

Спустя почти год работы можем сказать — это как раз тот редкий случай, когда заказчик не только декларировал и требовал от нас соблюдения “этикета”, но и сам ему неуклонно следовал.

Проблемы

Попытаемся описать основную проблему одним предложением.

Старый сайт было невозможно модернизировать, а это ставило под вопрос достижение бизнес-целей по увеличению количества посетителей и конверсии их в продажи (и прибыль, естественно).

А теперь подробнее.

Старый сайт был разработан на неизвестной науке CMS. Это рождало целый букет проблем.

CMS, неизвестная науке

Во-первых, доработка и расширение функционала чрезвычайно сложны.

В частности, клиент планировал внедрение личного кабинета клиента, A/B тестирования, более плотную работу с SEO и т.д., но со старым «движком» это было невозможно. То есть, сайт нельзя было развивать, нельзя использовать современные инструменты для исследования рынка. А конкуренты ждать не будут.

Во-вторых, процитируем заказчика:

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

А в большом проекте одновременно может работать до 10 специалистов:

  1. Проектировщик;
  2. Дизайнер;
  3. Front-end разработчик (в простонародье — верстальщик);
  4. Несколько программистов одновременно;
  5. Ведущий программист;
  6. Тестировщик;
  7. Специалист по интеграциям;
  8. Менеджер проекта...

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

Команда отдела проектов

ИНТЕРВОЛГА, как веб-интегратор, имеет полный набор таких специалистов (даже с запасом). Никаких фрилансеров и субподрядов, когда «крайнего» найти невозможно, задачи не решены, а сроки превышены. Если клиент обращается к нам, мы можем закрыть все его задачи — от сайта и маркетинга, до брендинга и фирменного стиля (да-да, мы даже это умеем).

Помимо CMS были и другие проблемы.

В частности, устаревшая, неадаптивная верстка. Казалось бы, это чисто «технический» момент. Но мы все знаем, что google.com и yandex.ru думают о таких сайтах ( https://yandex.ru/blog/company/kak-vazhno-byt-mobilnym ). Неадаптивная верстка = меньше посетителей с поисковиков = меньше продаж с сайта.

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

Адаптивная вёрстка

SEO, которое никак не умрёт.

Несмотря на многочисленные пророчества про скорую смерть SEO, адаптация сайта под пожелания поисковиков никуда не делась. Что толку от вашего интернет-магазина, если про него не знают Яндекс и Google?

У старого сайта были хорошие позиции и посещаемость, наработанные годами. Но не хватало гибкости в управлении заголовками, содержимым title, description и прочей SEO-магией.

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

Требования

Помимо обычных требований к качеству и срокам, перед нами были очень непростые дополнительные метрики:

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

Требования к скорости работы сайта были очень суровыми. Субъективная метрика звучала примерно так:

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

К счастью, в ИНТЕРВОЛГЕ есть специалисты, которые могут по максимуму оптимизировать производительность сайта на Битриксе.

Pagespeed Google ( https://developers.google.com/speed/pagespeed/insights/ )

Задача — добиться зеленых показателей на обеих вкладках (дружественность для мобильных устройств и для ПК).

Это серьезный вызов. Чтобы выполнить его на 100% необходим рефакторинг кода после завершения разработки основной функциональности.

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

Задачи

Итого. Переведем наши проблемы и требования в задачи:

  1. Перевести сайт на Битрикс с сохранением функционала и контента:
    1. Интернет-каталог:
      1. Два вида каталога — таблицей и плиткой;
      2. Формирование заголовков товаров по отдельным алгоритмам для разных страниц;
      3. Сложная постраничная навигация;
      4. Три места, где выводится разный набор характеристик товара. Управление системой «что и где показываем»;
        Табличный и плиточный вид каталога
    2. Заказ:
      1. Продажа товаров упаковками (кратно заданному количеству);
      2. Сложная логика кнопки «В корзину»;
      3. Графики доступности — выгрузка из 1С информации о грядущем поступлении товара. Эта информация не просто для справки, она влияет на возможность покупки и статусы товаров.
      4. Несколько способов доставки и оплаты, зависящих друг от друга, стоимости заказа, типа плательщика и его местоположения.
        График доступности
    3. Заказ менеджером от имени клиентов;
    4. Красивые почтовые уведомления;
      Красивые почтовые уведомления
    5. Собственные нестандартные скидки;
      Блок, демонстрирующий пользователю скидки
    6. Интеграции:
      1. 1С;
      2. Робокасса;
      3. Альфабанк;
      4. dadata.ru (сервис подсказок, в частности, по местоположению, в передачей кодов различных справочников местоположений);
      5. Выгрузка в Яндекс.Маркет;
      6. Выгрузка в Яндекс.Вебмастер (товары и цены);
      7. Выгрузка в irr.ru;
    7. SEO:
      1. Осознанный переезд с подготовкой нескольких тысяч редиректов;
      2. Формирование тегов по заданным шаблонам;
      3. rel="canonical";
    8. Контент:
      1. Автоматический перенос «лент» (новости, статьи, отзывы и т.д.);
      2. Ручной перенос всего остального;
  2. Скорость сайта:
    1. Композитный сайт;
    2. Перевод на php7;
    3. Перевод всех агентов на CRON;
    4. Рефакторинг вёрстки;
  3. Верстка должна быть адаптивной.

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

  1. Делаем MVP (минимальный жизнеспособный продукт);
  2. Тестируем его на реальных пользователях (сначала на ограниченном количестве лояльных клиентов, с параллельно работающим старым сайтом);
  3. Получаем обратную связь, формируем на его основе задачи;
  4. Переходим к пункту 1.

Про пользу такого подхода написаны десятки книг. В случае с проектом svetosila.ru он также сработал хорошо.

Шесть интересных задач проекта svetosila.ru

Заказ от имени клиента

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

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

Для поддержки такого сценария работы сайта нужно было реализовать возможность делать заказ от имени другого пользователя. Естественно, такая функция была включена только для менеджеров. У них появилось дополнительное поисковое поле, в которое менеджер вводил телефон, ФИО или ИНН. По введенным данным “на лету” происходил поиск и выдавались профили с совпадениями. Таким образом, мы помогли клиенту сохранить стандартный сценарий работы менеджеров.

Заказ от имени клиента

Поделитесь статьёй с помощью формы в конце страницы и мы вышлем вам продолжение:

  • Логика кнопки «В корзину»;
  • График доступности;
  • Собственный алгоритм скидок;
  • Интеграция с 1С, стандартная и не очень;
  • Скорость.

Вывод

Итерации и MVP дают быстрый результат. Мы стартовали тестирование сайта на ограниченной выборке реальных клиентов через полгода после старта производства. Для проекта такого масштаба это очень быстро. А плановый срок запуска был и вовсе 4 месяца. И мы вписались в него, но после обсуждения с заказчиком, решили «догрузить» функций ценой сдвига сроков.

Если разрабатывать интернет-магазин сравнимого функционала «с нуля» одним большим куском, с предварительным полным проектированием, то время разработки увеличится в 1,5 - 2 раза.

Важно отметить — скорость разработки это также особая заслуга грамотного специалиста по системе с которой выполняется интеграция. К нашему и заказчика счастью, в проекте svetosila.ru такой специалист был.

Естественно, мы продолжаем работу над сайтом. В планах много «косметики», дальнейшее развитие личного кабинета пользователя, А/B тестирование и много других задач.

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

ИНТЕРВОЛГА такие проекты «любит, умеет, практикует».

Я «поделился» статьей, прошу прислать файл