Перевод лидера онлайн-продаж фоторамок svetosila.ru на Битрикс за полгода — итерации, MVP и культура труда
Клиент
Компания Светосила занимается продажей фоторамок, фотоальбомов, подвесов для картин и аксессуаров к ним.
Слоган компании (и по опыту работы с этими ребятами, мы в него верим) — №1 в онлайн-продажах рамок и фотоальбомов в России.
Цифры:
- Производитель и оптовая компания с интернет-магазином с 2003 года.
- 80.000 рамок на складе в центре Москвы
- 15 минут от заказа до подтверждения резерва
- 40.000 интернет-заказов в год без рекламаций
- 170 дилеров в России, 2000 торговых точек, 2.000.000 потребителей ежегодно.
- 80% клиентов - профессиональные потребители
Компания Светосила сильно «заточена» именно под онлайн-продажи. Достаточно сказать, что даже оффлайн заказы менеджеры компании оформляют не в 1С, а на сайте. Поэтому понятно, насколько тщательно выбирали подрядчика для обновления сайта.
Показательная деталь в этом плане — представитель клиента прилетел в Волгоград из Москвы, чтобы обсудить проект и убедиться лично, что за классным сайтом и блогом (www.intervolga.ru/blog/ :)) стоят реальные люди.
Именно на этой встрече прозвучала фраза про культуру труда — простые правила взаимного этикета. Оперативность, обязательность, ответственность.
Спустя почти год работы можем сказать — это как раз тот редкий случай, когда заказчик не только декларировал и требовал от нас соблюдения “этикета”, но и сам ему неуклонно следовал.
Проблемы
Попытаемся описать основную проблему одним предложением.
Старый сайт было невозможно модернизировать, а это ставило под вопрос достижение бизнес-целей по увеличению количества посетителей и конверсии их в продажи (и прибыль, естественно).
А теперь подробнее.
Старый сайт был разработан на неизвестной науке CMS. Это рождало целый букет проблем.
Во-первых, доработка и расширение функционала чрезвычайно сложны.
В частности, клиент планировал внедрение личного кабинета клиента, A/B тестирования, более плотную работу с SEO и т.д., но со старым «движком» это было невозможно. То есть, сайт нельзя было развивать, нельзя использовать современные инструменты для исследования рынка. А конкуренты ждать не будут.
Во-вторых, процитируем заказчика:
Сегодня найти профессиональную и сработавшуюся команду разработчиков можно только под 1С-Битрикс
А в большом проекте одновременно может работать до 10 специалистов:
- Проектировщик;
- Дизайнер;
- Front-end разработчик (в простонародье — верстальщик);
- Несколько программистов одновременно;
- Ведущий программист;
- Тестировщик;
- Специалист по интеграциям;
- Менеджер проекта...
Без мощной, слаженной команды решать задачи, напрямую влияющие на прибыль бизнеса, попросту опасно.
ИНТЕРВОЛГА, как веб-интегратор, имеет полный набор таких специалистов (даже с запасом). Никаких фрилансеров и субподрядов, когда «крайнего» найти невозможно, задачи не решены, а сроки превышены. Если клиент обращается к нам, мы можем закрыть все его задачи — от сайта и маркетинга, до брендинга и фирменного стиля (да-да, мы даже это умеем).
Помимо 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С;
- Робокасса;
- Альфабанк;
- dadata.ru (сервис подсказок, в частности, по местоположению, в передачей кодов различных справочников местоположений);
- Выгрузка в Яндекс.Маркет;
- Выгрузка в Яндекс.Вебмастер (товары и цены);
- Выгрузка в irr.ru;
-
SEO:
- Осознанный переезд с подготовкой нескольких тысяч редиректов;
- Формирование тегов по заданным шаблонам;
- rel="canonical";
-
Контент:
- Автоматический перенос «лент» (новости, статьи, отзывы и т.д.);
- Ручной перенос всего остального;
-
Интернет-каталог:
-
Скорость сайта:
- Композитный сайт;
- Перевод на php7;
- Перевод всех агентов на CRON;
- Рефакторинг вёрстки;
- Верстка должна быть адаптивной.
Как видите, задач много. И это только самое интересное. Сделать всё одним большим «куском» невозможно. Слишком сложно в проектировании, долго и рискованно. Поэтому, решили работать итерациями. Примерный план таков:
- Делаем MVP (минимальный жизнеспособный продукт);
- Тестируем его на реальных пользователях (сначала на ограниченном количестве лояльных клиентов, с параллельно работающим старым сайтом);
- Получаем обратную связь, формируем на его основе задачи;
- Переходим к пункту 1.
Про пользу такого подхода написаны десятки книг. В случае с проектом svetosila.ru он также сработал хорошо.
Шесть интересных задач проекта svetosila.ru
Заказ от имени клиента
Сценарий, когда менеджер делает заказ за клиента (например, по живому звонку) популярен и в розничных и в оптовых интернет-магазинах. Обычно, в таком случае, заказ оформляется менеджером непосредственно в 1С. При реализации интеграции с 1С нужно учитывать такие «оффлайн» заказы — клиент всё равно захочет их увидеть в своем личном кабинете.
Но в случае Светосилы менеджеры делали заказ за клиента на сайте. Интерфейс 1С не обеспечивал должного быстродействия и удобства подбора продукта, а бизнес клиента требовал, чтобы заказ оформлялся с максимальной скоростью.
Для поддержки такого сценария работы сайта нужно было реализовать возможность делать заказ от имени другого пользователя. Естественно, такая функция была включена только для менеджеров. У них появилось дополнительное поисковое поле, в которое менеджер вводил телефон, ФИО или ИНН. По введенным данным “на лету” происходил поиск и выдавались профили с совпадениями. Таким образом, мы помогли клиенту сохранить стандартный сценарий работы менеджеров.
- Логика кнопки «В корзину»;
- График доступности;
- Собственный алгоритм скидок;
- Интеграция с 1С, стандартная и не очень;
- Скорость.
Вывод
Итерации и MVP дают быстрый результат. Мы стартовали тестирование сайта на ограниченной выборке реальных клиентов через полгода после старта производства. Для проекта такого масштаба это очень быстро. А плановый срок запуска был и вовсе 4 месяца. И мы вписались в него, но после обсуждения с заказчиком, решили «догрузить» функций ценой сдвига сроков.
Если разрабатывать интернет-магазин сравнимого функционала «с нуля» одним большим куском, с предварительным полным проектированием, то время разработки увеличится в 1,5 - 2 раза.
Важно отметить — скорость разработки это также особая заслуга грамотного специалиста по системе с которой выполняется интеграция. К нашему и заказчика счастью, в проекте svetosila.ru такой специалист был.
Естественно, мы продолжаем работу над сайтом. В планах много «косметики», дальнейшее развитие личного кабинета пользователя, А/B тестирование и много других задач.
Клиент высоко оценил качество нашей работы. Мы решили основную бизнес-задачу — обновили сайт, критически важный для прибыли компании. Доверие к нам со стороны клиента выражается не только в продолжении работ над текущим сайтом. Мы стартовали разработку двух новых проектов для компании Светосила. В них также будут интеграции, сложные логика и бизнес-задачи.
ИНТЕРВОЛГА такие проекты «любит, умеет, практикует».
Статьи по теме
- аренда команды (от 2 человек, не менее 3 месяцев);
- итерации с фиксированной ценой (1-3 месяца длительностью).
- регулярные онлайн-планерки с заказчиком;
- квалифицированных специалистов;
- организованную команду (находятся в одном помещении, что упрощает решение рабочих вопросов);
- полную прозрачность и регулярность отчетов о результатах.
- нагруженный интернет-магазин;
- личный кабинет;
- оптовые продажи — B2B-платформа;
- маркетплейс;
- технический аудит сайта;
- Битрикс24 — корпоративные HR-порталы;
- Битрикс24 — построение CRM-системы;
- Битрикс24 — личные кабинеты сотрудников;
- Битрикс24 — аудит портала;
- 1С — интеграция с другими системами;
- 1С — доработка системы;
- маркетинг — комплексное интернет-продвижение;
- маркетинг — продвижение для B2B.