Интернет-магазин с кастомными решениями для поставщика спецодежды

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

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

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

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

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

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

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

Начало работ
Проанализировали возможности CMS старого сайта

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

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

bitrix

Комментарий

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

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

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

Анастасия Красильникова
Менеджер проекта
Первый этап
Начали верстать новый сайт. Параллельно установили Битрикс и запустили работу по автоматическому обновлению сайта.
Доработка функционала
В начале нужно было настроить передачу данных от двух поставщиков. Один предоставлял данные в XML-файле, а другой публиковал информацию о товарах на своем сайте.
Написали для каждого поставщика парсер
Он анализирует данные поставщика, собирает все данные о товарах: их названия, артикулы, цены, наличие, характеристики, описание, картинки. И передает их в базу данных нашего сайта. Вся эта информация отображается в админпанели и в карточках товаров.
Что здесь важно было учесть
1
У каждого поставщика своя структура каталога

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

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

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

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

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

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

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

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

Доработка функционала
Теперь нужно интегрировать сверстанные шаблоны страниц с платформой Битрикс и настроить функционал для покупок.

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

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

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

Главная

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

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

Корзина

Поиск
Этап тестирования и первый релиз
В результате сайт был готов к работе в установленный срок — через 3 месяца
Адаптивность
Проверили корректную работу сайта на десктопах, мобильных устройствах на Android и iOS, в разных браузерах.
Импорт
Проследили несколько циклов импортов товаров, проверили возможности администратора по согласованию и отклонению изменений.
Заявки
Проверили работу оформления заказа, форм отправки заявок, поиска и другого функционала.
Контент
Наши контент-менеджеры наполнили сайт данными, которые были у нас в доступе. Полное наполнение сайта провели контент-менеджеры клиента: мы регулярно консультировали специалистов по вопросам работы с новым сайтом.
Второй этап
На втором этапе занялись несрочными работами

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

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

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

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

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

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

Видео блог

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

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

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

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

Сравнение

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

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

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

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

Выводы
Agile–разработка и слаженная работа помогли в срок завершить большую задачу. Через 3 месяца мы подготовили к релизу большой сайт:
  • Сверстали и интегрировали в платформу все страницы для продаж, добавили в него весь важный функционал. Клиенты могли пользоваться готовым сайтом: просматривать каталог, фильтровать нужные товары, оформлять заказы, найти нужную информацию.
  • Автоматизировали обновление каталога и цен. Для этого написали парсеры с разной логикой, которые могут собирать информацию из разных источников и переносить ее в базу данных сайта.
  • Настроили график обновлений каталога и его цен. Создали личный кабинет, где администратор мониторит важные изменения и отклоняет или одобряет снижение цен.

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

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

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

Отзыв клиента
Отзыв клиента
Над проектом работали
Аккаунт-менеджер
Гончарова Екатерина
Менеджер проекта
Красильникова Анастасия
Frontend-разработка
Дмитриева Юлия
Frontend-разработка
Копысова Татьяна
Seo-оптимизатор
Черноиванова Виктория
Редактор
Гамзулина Ксения
А также
Тестировщики | Контент‑менеджеры
Обсудим задачу
Мы свяжемся с вами в течение двух часов, чтобы задать вопросы и обсудить, какую пользу можем принести
Поле не может быть пустым
Яндекс Хорошее место 2018
Адрес:
Санкт-Петербург,
17-линия В.О. 4-6,
БЦ «Ситилинк»
офис 411-4
Телефон:
tg vk dzen