КЕЙС как мы за 3 месяца запустили большой интернет-магазин для поставщика спецодежды

Компания «Феникс-спецодежда» продает спецодежду и СИЗ оптом и в розницу. А также предлагает образовательные услуги: организует обучение по охране труда, курсы по повышению квалификации, подготовке и переподготовке сотрудников рабочих специальностей.

В сентябре 2023 года компания обратилась к нам за SEO-продвижением. На запуске у клиента был только один сайт: он работал как интернет-магазин для спецодежды и как сайт услуг.

задача

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

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

Вместе с клиентом поставили задачи:

Провести редизайн. Проработку дизайна клиент поручил собственному специалисту. Мы взяли на себя техническую сторону задачи — верстку макетов.

Расширить функционал: добавить избранное, сравнение и видеообзоры на товары, возможность оставить отзыв к товару и задать вопросы и др.

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

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

Начало работ

Мы проанализировали возможности CMS старого сайта. Выяснили, что в ней много устаревших и кастомных решений, которые придется переделывать.

Чтобы не тратить время на работу с кодом старой CMS, предложили перенести сайт на платформу 1С-Битрикс. В ней уже есть готовые модули и плагины для многих задач — это облегчает и ускоряет разработку. В отличие от самописной CMS в будущем такой сайт проще расширять и проще поддерживать.

Комментарий менеджера проекта

"Срок работ был сжатым, и мы предложили использовать гибкую методологию разработки — agile. В итоге разделили всю работу на два этапа.

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

Итерационный подход позволил клиенту быстрее начать работу с новым сайтом и получать новые заявки. Мы постепенно наращивали функционал сайта, согласовывая и обсуждая с командой новые задачи."

Анастасия Красильникова

Менеджер проекта

Первый этап

Начали верстать новый сайт. Параллельно установили Битрикс и запустили работу по автоматическому обновлению сайта.

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

Мы написали для каждого поставщика парсер. Он анализирует данные поставщика, собирает все данные о товарах: их названия, артикулы, цены, наличие, характеристики, описание, картинки. И передает их в базу данных нашего сайта. Вся эта информация отображается в админпанели и в карточках товаров.

Что здесь важно было учесть:

У каждого поставщика своя структура каталога

Если просто переносить их из каталога в админпанель, возникнет путаница. Например, на сайте появятся разделы «Летняя спецодежда», «Спецодежда летняя», «Летние куртки».

Продумали структуру каталога на сайте, которая вместит все товары от поставщиков. А потом прописали логику парсера так, чтобы он сразу передавал товар в нужный раздел. Например, любую летнюю спецодежду — в раздел “Летняя спецодежда”.

У компании меняется ассортимент

Некоторые товары распродаются, добавляются новые.

В каталоге меняются цены

Часто они растут, но иногда поставщики устраивают акции и скидки, и стоимость некоторых позиций снижается.

Доработка функционала

Настроили планировщик. Он запускает парсер каждую неделю и добавляет в каталог новые товары и убирает неактуальные.

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

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

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

Доработка функционала

После завершения интеграции шаблонов реализовали четыре региональных поддомена для Челябинска, Екатеринбурга, Тюмени и Кургана. Это нужно, чтобы сайт лучше продвигался в конкретном регионе.

Главная

Листинг товаров с фильтром

Корзина

Карточка товара

Поиск

ЭТАП ТЕСТИРОВАНИЯ
И РЕЛИЗ

На этапе тестирования:

Проверили корректную работу сайта на десктопах, мобильных устройствах на Android и iOS, в разных браузерах.

Проследили несколько циклов импортов товаров, проверили возможности администратора по согласованию и отклонению изменений.

Проверили работу оформления заказа, форм отправки заявок, поиска и другого функционала.

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

В результате сайт был готов к работе в установленный срок
— через 3 месяца.

Избранное

Сравнение

Детальная страница акции

Листинг акций

Добавление отзыва

Темная версия сайта

Видеоблог

Вопрос-ответ

Шаблон письма

Второй этап

На втором этапе занялись несрочными работами.

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

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

Сделали раздел «Акции». В нем можно указывать скидки и добавлять к акции конкретный товар. Эти страницы часто используем в качестве посадочных для контекстной рекламы. Подробнее рассказывали об этом в другом кейсе.

Реализовали функционал отзывов к товарам и настроили форму отправки отзыва.

Внедрили темную версию сайта. Пользователь может переключить тему в шапке сайта.

Реализовали дизайнерские почтовые шаблоны для писем с заказами.

Реализовали блок Вопрос-ответ и форму обратной связи.

Реализовали раздел видеоблог с возможностью отображения видео с разных видеохостингов: Youtube, Rutube.

Каждая страница на сайте имеет одинаковую структуру. Первый блок — уникальный контент, потом выводятся стандартные блоки: например, «Новости», «Галерея» или «Вопрос-ответ». Обычно этот набор для разных страниц стандартный, и контент-менеджер просто выводит их в админпанели.

Но есть страницы, для которых нужны специальные блоки. Например, на страницу «Как оформить заказ» заходят посетители с намерением что-то купить. Для них мы добавили блок с формой обратной связи.

Но такие блоки нужны не на всех страницах, а только на тех, куда заходят горячие лиды. Вручную добавлять эти блоки довольно трудоемко: нужно зайти в верстку, взять оттуда строки с блоком и вставить их в нужное место на странице. Мы сделали для таких страниц специальный функционал в админпанели. Теперь контент-менеджер может включать или выключать их на нужных страницах.

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

Настроили график обновлений каталога и его цен. Создали личный кабинет, где администратор мониторит важные изменения и отклоняет или одобряет снижение цен.

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

ВЫВОДЫ

Agile–разработка и слаженная работа помогли в срок завершить большую задачу. Через 3 месяца мы подготовили к релизу большой сайт:

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

Многие доработки внедряли сразу с учетом дальнейшего SEO-продвижения.

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

ОТЗЫВ КЛИЕНТА