Сайт в разработке Наполняем разделы и правим ошибки — что-то может выглядеть или работать не так. Если заметили — позвоните или напишите.

Как составить задание на разработку сайта магазина электроники

Разбираем, какие блоки обязательно описать в задании на сайт магазина электроники: каталог, фильтры, карточку товара, остатки и интеграции. Есть условный пример и чек-лист.

Раздел: Бизнес — статьи о сайтах

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

С чего начать: цели и источники данных

Сначала запишите, откуда на сайте появятся товары. Это может быть выгрузка из 1С, МойСклад или другой учётной системы, файл от поставщика или ручное заведение. От этого зависит объём работ. Укажите, какие поля приходят из учётной системы (артикул, цена, остаток, склад), а какие редактируются на сайте (описание, фото, характеристики). Отдельно опишите, что происходит при конфликте данных: например, цена всегда берётся из учётной системы, а текст карточки правится только на сайте.

Затем сформулируйте задачи сайта в виде действий: «покупатель выбирает ноутбук по диагонали и объёму памяти», «менеджер видит заказ с выбранным способом получения». Такие формулировки легко проверить при приёмке.

Каталог и фильтры: как описать характеристики

Главная ошибка здесь в том, что фильтры называют списком без правил. Для каждой категории нужен набор характеристик, тип выбора и поведение при пустом результате. Условный фрагмент задания для раздела «Ноутбуки»:

  • Бренд: множественный выбор, рядом с названием число товаров.
  • Диагональ экрана: диапазон от и до, шаг задаётся в админке.
  • Оперативная память: чекбоксы по значениям, например 8, 16, 32 ГБ.
  • Цена: ползунок и два поля ввода.
  • «Есть в наличии»: переключатель, учитывает остатки склада и магазинов.
  • Значения, дающие ноль товаров при текущем выборе, показываются неактивными.
  • Выбранные фильтры попадают в адрес страницы, чтобы ссылку можно было отправить. Какие комбинации открывать для поисковых систем, решаем отдельно.

Добавьте, как вносятся характеристики: единый справочник значений или свободный текст. Со свободным текстом «16 ГБ», «16Гб» и «16 gb» превратятся в три разных пункта фильтра.

Карточка товара: что обязательно указать

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

  • Модификации: один смартфон в разных цветах и объёмах памяти. Это один товар с вариантами или разные карточки? У каждого варианта свои цена, остаток и фото?
  • Совместимость: нужны ли блоки «подходит к…» для чехлов, зарядок и аксессуаров и откуда берутся связи.
  • Сравнение товаров: сколько позиций, какие характеристики выделять различиями.
  • Состояние товара: новый, витринный, восстановленный. Как это отображается и можно ли фильтровать.

Корзина, доставка, оплата и остатки

Опишите сценарий заказа по шагам и ответьте на вопросы, которые обычно всплывают в разгаре разработки. Что делать, если товар закончился, пока лежал в корзине? Резервируется ли он при оформлении? Как показываются остатки: точное число, «мало» или «много»? Можно ли забрать заказ в магазине и как выбирается пункт? Какие способы оплаты подключаются и что видит покупатель после неудачной оплаты?

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

Админка, аналитика и приёмка

Запишите, что должен уметь делать сотрудник без программиста: менять баннеры, создавать подборки, скрывать товар, править тексты категорий, видеть статусы заказов. Отдельно укажите, какие события нужно передавать в Яндекс Метрику: просмотр карточки, добавление в корзину, начало оформления, покупка. Если нужна выгрузка в Яндекс Маркет, пропишите формат и частоту обновления.

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

Проверочный список перед отправкой задания

  • Указаны источники данных о товарах, ценах и остатках и правило при расхождении.
  • Для каждой ключевой категории есть список фильтров с типом выбора.
  • Описаны модификации товара и привязка цены и остатка к ним.
  • Есть сценарий заказа с ветками «нет в наличии» и «оплата не прошла».
  • Понятно, как рассчитывается доставка и как выбирается самовывоз.
  • Перечислены операции, которые менеджер делает в админке сам.
  • Назван список событий для аналитики и форматы выгрузок.
  • Прописаны критерии приёмки, которые можно проверить на тестовых данных.

Все статьи блога

Заявка

Расскажите о проекте

Свяжемся в течение рабочего дня, зададим уточняющие вопросы и предложим варианты. Без навязчивых звонков.

Форма обратной связи

Отвечаем в рабочие дни с 10:00 до 19:00

Написать в Telegram