Фотографии в WebP
Перевели фотографии товаров, галерей, категорий и других разделов витрины в WebP. Подготовленные размеры используются повторно из кэша.
Стройнитура · клиентский проект · интернет-магазин
Сайт, 1С и рабочее место менеджера.
Обновили магазин строительных материалов: от выбора товара на витрине до обработки заявки и связи с учётной системой.
Задача
Связать выбор товаров на сайте с обработкой заявки и учётом в 1С. Дать покупателю понятный каталог, а менеджеру — место для согласования заказа и контроля обмена.
Что сделали
- Каталог, цены и остатки из 1С
- Заявки, этапы менеджера и контроль обмена
- SEO каталога, обновлённые фотографии и описания
Результат
Витрина получает данные из 1С, заявка связана с заказом в учётной системе. Менеджер видит этапы обработки и состояние обмена.
- Покупатель выбирает
- Менеджер согласует
- Заказ связан с 1С
Связь с 1С
Каталог и заявки связаны с 1С.
На витрине — товары, цены и остатки из учёта. Заявки связаны с заказами в 1С, состояние обмена видно менеджеру.
1С1С:УТ
Товары, цены, остатки
Заявки и изменения
Менеджер видит
состояние обмена
Из 1С — на витрину. Товары, цены и остатки поступают из учётной системы. Через 1С обновили фотографии и описания товарного каталога. Наличие показывается отдельно по Утечино и Новинкам; неизвестные значения отмечены «Уточняется».
Сайт ↔ связанные заказы. Заявка передаётся в 1С без ручного копирования товарных строк. Изменения связанных заказов возвращаются на сайт, а менеджер видит состояние синхронизации.
Показанный остаток не является резервом. Наличие и получение согласует менеджер.
Кабинет менеджера
Менеджер ведёт заявку по этапам.
В карточке заявки собрали товары, получение, согласование и связь с заказом в 1С. Менеджер видит следующий этап работы.
Проверяет заявку
Состав товаров, способ получения и согласование с покупателем проходят по этапам в одной карточке.
Видит связь с 1С
Номер связанного заказа и состояние синхронизации доступны рядом с заявкой.
Проверяет обмен
Журнал обмена и раздел «Здоровье 1С» показывают историю и помогают найти причину ошибки.
- Товары
- Получение
- Согласование
- Подготовка
Менеджер согласует получение с покупателем. Резервирование, проведение документов и отгрузка остаются действиями сотрудника в 1С.
Ассортимент и закупки
Продажи и остатки для закупки.
Собрали товарный помощник и директорский Excel для работы с ассортиментом двух магазинов.
Период АВыбранный диапазон
Период БВыбранный диапазон
| Товар | Продажи | Остаток | К заказу | Комментарий |
|---|---|---|---|---|
| — | — | |||
| — | — |
Количество и комментарий
заполняет сотрудник
заполняет сотрудник
Сотрудник видит рейтинги продаж, остатки по каждому магазину и список «Что докупить». Кнопка «Обновить всё из 1С» обновляет данные товарного помощника.
Для директорской выгрузки выбираются два периода. В Excel — весь каталог с продажами и остатками по двум магазинам, поля «К заказу» и «Комментарий». Ориентиры докупки помогают выбрать позиции для проверки; решение принимает сотрудник.
Витрина магазина
От выбора товара к заявке.
Обновили каталог и поиск, добавили подбор материалов по задаче. Покупатель может собрать корзину и отправить заявку без регистрации.
Подбор по задаче
От планируемой работы — к нужным материалам: уложить плитку, покрасить стены, утеплить дом.
Поиск товаров
Артикулы, штрихкоды, размеры, распространённые названия и опечатки. После обмена с 1С выдача использует актуальные данные.
Заявка без регистрации
Покупатель отправляет состав корзины и магазин получения. Электронная почта необязательна.
SEO и перенос сайта
Каталог и старые адреса.
Уточнили названия категорий и содержание карточек, настроили индексацию и переходы со старых адресов на соответствующие товары.
- Категории по реальному ассортименту
- Проверили публичные разделы, уточнили названия, H1 и заголовки страниц. Дополнили вступления и метаописания, чтобы по названию раздела было понятно, какие товары в нём находятся.
- Карточки и страницы задач
- Доработали описания товаров, title и description. Связали обычными ссылками категории, карточки и страницы под строительные задачи. Ручные SEO-поля сохраняют приоритет при обновлении каталога из 1С.
- Индексация и микроразметка
- Настроили канонические адреса, XML-карту и robots.txt. Для поиска и служебных вариантов предусмотрели noindex. Микроразметка товаров и хлебных крошек использует реальные данные витрины.
- Переход со старого сайта
- Сопоставили товары по точному GUID и настроили адресные 301-перенаправления со старых страниц на соответствующие новые. После публикации проверили переходы и конечные страницы.
Название раздела
40 Фитинг и трубы внутренняя
Внутренняя канализация 40 мм
Понятная покупателю формулировка по ассортименту раздела.
Объём работы с категориями
- Проверили категорий
- 153
- Уточнили названия
- 63
Старый адрес товара301 Тот же товар в новом каталоге
Техническая оптимизация
Изображения, стили и фильтры.
Подготовили размеры изображений и WebP, собрали общие стили и изменили начальное отображение мобильных фильтров.
- Исходное фото
- Нужный размер
- WebP
- Кэш
Изображения под экран
Подготовили отдельные размеры мобильного баннера и компактные копии для карточек задач. Главный баннер получает раннюю загрузку, фотографии задач — отложенную.
Общие стили одним пакетом
Объединили шесть основных CSS-файлов в один пакет, сократив число отдельных запросов к стилям. Порядок подключения сохранён.
Мобильные фильтры без позднего сдвига
Начальное состояние фильтров задаётся до отображения формы. Список товаров больше не приходится сдвигать при запуске отложенного скрипта.
Метаданные и предпросмотр страниц формируются из уже загруженных данных каталога, без дополнительных запросов за товаром и обработки изображений.
Результат проекта
Сайт и учёт работают в связке.
- Покупатель выбирает
- Менеджер согласует
- Заказ связан с 1С
Покупатель находит товары и отправляет заявку без регистрации. Менеджер согласует получение, видит связанный заказ в 1С и ход обмена. Для работы с ассортиментом доступны продажи, остатки и директорский Excel по двум магазинам. Товарный контент обновили из 1С, каталог подготовили к поиску, изображения, стили и фильтры доработали для загрузки витрины.