Перевод лидера онлайн-продаж фоторамок 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С, а на сайте. Поэтому понятно, насколько тщательно выбирали подрядчика для обновления сайта.

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

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

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

Проблемы

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

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

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

Старый сайт был разработан на неизвестной науке 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С не обеспечивал должного быстродействия и удобства подбора продукта, а бизнес клиента требовал, чтобы заказ оформлялся с максимальной скоростью.

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

Вывод

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

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

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

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

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

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