ТЗ для реализации сайта на tilda.docx

ТЕХНИЧЕСКОЕ ЗАДАНИЕ

на разработку интернет-магазина на платформе Tilda

Розничное направление: спортивное оборудование и оборудование для восстановления

1. О проекте

Заказчик — торговая компания. Действующий сайт обслуживает работу с организациями.

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

Ассортимент: оборудование для спорта и восстановления. Часть позиций — крупногабаритная и требует доставки и пусконаладки. У части товаров есть регистрационные удостоверения на медицинские изделия, основная часть продаётся как спортивное оборудование.

В ассортименте несколько брендов, по части из них компания работает напрямую с производителем.

2. Цель проекта и критерии приёмки

Цель: запустить работающую витрину розничного направления, принимающую заявки на расчёт, индексируемую поисковыми системами и пригодную для приёма платного трафика.

Критерии успешной сдачи этапа 1:

• Сайт опубликован на домене заказчика, доступен по https, настроены редиректы с http и www.

• Опубликовано не менее 30 карточек товаров, каждая с ценой и рабочей формой заявки.

• Заявки с форм поступают в CRM с сохранением UTM-меток.

• Сайт добавлен в Яндекс Вебмастер и Google Search Console, задан регион, переданы карты сайта.

• Пройден чек-лист приёмки из раздела 14 без критических замечаний.

3. Платформа и ограничения

Подрядчик вправе предложить альтернативу по строке «Страницы товаров», но обязан приложить к предложению пример карточки, проходящей проверку на validator.schema.org с типами Product и Offer, и схему адресов, воспроизводимую на другой CMS при последующем переезде.

4. Модель продаж и этапность

Продажа идёт по схеме: заявка на сайте → консультация менеджера → расчёт с учётом доставки и пусконаладочных работ → выставление ссылки на оплату вне сайта.

Из этого следует состав этапа 1:

• Цена товара отображается в каталоге и карточке.

• Основное целевое действие на карточке — «Получить расчёт».

• Онлайн-оплата и корзина на этапе 1 не подключаются.

• Личный кабинет на этапе 1 не создаётся.

Обязательное требование: архитектура каталога должна допускать подключение корзины и онлайн-оплаты на этапе 2 без переработки структуры каталога и без изменения адресов карточек товаров. Подтверждение этого — обязательный пункт коммерческого предложения.

5. Позиционирование, дизайн, фирменный стиль

5.1. Позиционирование

Магазин работает под суббрендом розничного направления, который сопровождается подписью материнской марки (модель endorsed brand). Материнская марка присутствует в логотипе-замке, в подвале и на странице «О бренде».

Аудитория сайта: спортсмены-профессионалы и любители; тренеры и спортивные врачи. Юридические лица не являются целевой аудиторией этого сайта — для них предусматривается переход на корпоративный сайт заказчика.

5.2. Требования к дизайну

• Лаконичный современный дизайн: воздух между блоками, крупная типографика, приоритет фото и видео над текстовыми плашками.

• Фирменный стиль материнской марки предоставляется заказчиком и дополняется правилами суббренда.

• Разработка фирменной палитры суббренда — опциональная работа. Укажите её стоимость отдельной строкой; при наличии готовой палитры эта строка не применяется.

• Оформление бренд-зон отдельных производителей выполняется в их фирменных цветах при сохранении общей палитры, навигации и типографики сайта.

• Экраны, требующие сборки в Zero Block: главная, страница категории, карточка товара, бренд-зона, «О бренде», «Доставка и оплата», «Гарантия и сервис», «Шоурум», контакты.

5.3. Чего в дизайне быть не должно

• Вёрстка «в шахматном порядке»: крупное фото и одно предложение текста рядом.

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

• Основное описание сплошным полотном текста без структурных разделений.

• Красивые, но неинформативные названия разделов, усложняющие навигацию.

• Повторяющиеся однотипные блоки в карточке товара при минимуме информации о самом товаре.

6. Структура сайта (этап 1)

Карта сайта и семантическое ядро передаются подрядчику при старте работ. Объём этапа 1:

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

7. Требования к шаблонам страниц

7.1. Главная

• Первый экран: видео или крупное изображение, позиционирующий заголовок, одна основная кнопка.

• Блок доверия в зоне видимости без прокрутки: официальный статус поставщика, сервис, гарантия, демозона.

• Навигация по цели пользователя (например: восстановление после нагрузок, домашний зал, работа с клиентами), а не только по типу товара.

• Блок «Подобрать оборудование» — вход в квиз (см. п. 8.2).

• Блок брендов с переходом в бренд-зоны.

• Блок шоурума с приглашением на тест-драйв.

• Блок экспертного раздела: три последние статьи.

• Путь от главной до карточки товара — не более двух кликов.

7.2. Страница категории

• Заголовок H1, вводный текст 600–1200 знаков.

• Фильтр: цена, назначение, бренд, эффект. Значения фильтров — из закрытых справочников, передаваемых заказчиком.

• Сортировка товаров.

• Плитка товара: фото, название, цена, краткое назначение в одну строку, метка наличия.

• Блок FAQ внизу страницы — 4–6 вопросов.

• Хлебные крошки.

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

Структура карточки задаётся приложением Б и является обязательной. Дополнительно:

• Галерея: не менее 5 изображений, для отдельных моделей до 10; требования к съёмке — приложение А.

• Видео в галерее.

• Цена отображается всегда. Формулировка «цена по запросу» используется в исключительных случаях в ручном режиме.

• Основная кнопка — «Получить расчёт», открывает форму заявки с подстановкой названия товара.

• Вторичная кнопка — «Записаться на тест-драйв» для товаров с меткой «есть в шоуруме».

• Поддержка вариаций товара (цвет, размер, комплектация) — ориентировочно 20–30 % ассортимента.

• Блок сопутствующих товаров и аксессуаров.

• Ссылка «Вы юридическое лицо?» с переходом на корпоративный сайт заказчика — в явном, но не доминирующем виде.

7.4. Бренд-зона

• Отдельная страница на бренд: история, позиционирование, видео, ключевые линейки, переход в каталог бренда.

• Страница является посадочной под запросы вида «бренд + купить».

7.5. Сервисные страницы

• «Гарантия и сервис»: сроки гарантии, где обслуживается оборудование, условия подменного фонда, порядок обращения.

• «Доставка и оплата»: способы доставки, платные услуги (подъём, сборка, пусконаладка), для каких товаров услуги входят в стоимость, схема оплаты по выставленной ссылке, самовывоз.

• «Шоурум»: адрес, карта, форма записи на тест-драйв, фотографии.

• «О бренде»: позиционирование, связь с материнской маркой, производство, официальные статусы.

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

7.6. Статья экспертного раздела

• Шаблон: H1, лид, оглавление, подзаголовки H2–H3, блок «коротко о главном» в начале, блок связанных товаров в конце.

• Блок FAQ в конце статьи.

8. Функциональные требования

8.1. Формы и заявки

• Форма «Получить расчёт» — на карточке товара, с подстановкой названия и артикула.

• Форма «Записаться на тест-драйв» — на карточке и странице шоурума.

• Форма обратного звонка — в шапке.

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

8.2. Квиз подбора оборудования

• 3–5 шагов: задача, бюджет, условия применения.

• Перед показом результата — необязательное поле контакта; результат доступен и без его заполнения.

• Результат: 2–4 рекомендованных товара с переходом в карточки.

• Заявка из квиза передаётся в CRM с отметкой источника.

8.3. Сравнение и помощь в выборе

• Механика сравнения товаров внутри категории: пользователь добавляет позиции, формируется таблица по характеристикам.

• Гид по выбору внутри категории — отдельная страница, объясняющая разницу между похожими моделями.

8.4. Прочее

• Поиск по сайту.

• Виджеты мессенджеров и онлайн-консультант — конфигурация согласуется.

• Метка наличия товара с указанием срока поставки для позиций не в наличии.

• Возможность собирать комплекты и наборы товаров — укажите в предложении, реализуемо ли это штатными средствами платформы и на каких условиях.

9. Требования к SEO и AEO

Формулируются как проверяемый чек-лист приёмки.

• Уникальные title и description на всех страницах и во всех карточках товаров.

• Заданные человекопонятные адреса для всех страниц, кроме карточек товаров (у них системный адрес).

• Один H1 на страницу, корректная иерархия H2–H3.

• Атрибут alt у всех изображений.

• Карточки товаров реализованы штатными страницами каталога; автоматическая микроразметка Schema.org сохранена и проходит проверку на validator.schema.org с типами Product и Offer.

• Дополнительная разметка JSON-LD: Organization, BreadcrumbList, FAQPage — внедряется через настройки страниц.

• Хлебные крошки на страницах категорий и карточках товаров.

• Настроены редиректы http → https и www → без www.

• Подключены Яндекс Вебмастер и Google Search Console, переданы sitemap.xml и sitemap-store.xml, задан регион сайта.

• Отчёт «SEO-рекомендации» в Tilda — без критических ошибок.

• Проверка битых ссылок — без ошибок.

• Создана кастомная страница 404.

• Выполнены меры по ускорению из официального руководства Tilda; целевое значение PageSpeed mobile для главной, страницы категории и карточки товара указывается подрядчиком в предложении и фиксируется в договоре.

• Товарный фид: укажите в предложении, реализуема ли выгрузка фида средствами Tilda для передачи в товарные сервисы Яндекса, и на каких условиях.

Требования AEO:

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

• Блок FAQ в карточке товара, на странице категории и в статье.

• Вёрстка блоков должна допускать цитирование конкретного факта одним предложением.

10. Интеграции и аналитика

11. Границы работ

В расчёт включаются только работы подрядчика. Заказчик самостоятельно предоставляет:

• семантическое ядро и список посадочных страниц;

• тексты всех страниц и описания товаров;

• фотографии и видеоматериалы;

• фирменный стиль материнской марки;

• юридические тексты (политика обработки ПДн, согласие, условия доставки и возврата);

• справочники значений для фильтров каталога.

Наполнение каталога контентом: укажите в предложении стоимость наполнения одной карточки товара отдельной строкой — на случай передачи этой работы подрядчику.

Копирайтинг, фотосъёмка и разработка семантики в состав задания не входят. Если вы предлагаете эти услуги, вынесите их отдельным опциональным блоком.

12. Администрирование и передача проекта

• Настраиваются две учётные записи с правами администратора и одна с правами редактора.

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

• Обучающая сессия для сотрудников заказчика — не менее одного часа, с записью.

• Все доступы передаются заказчику при сдаче проекта.

• Абонентская поддержка не требуется. В договоре фиксируются почасовая ставка на доработки и время реакции на критический инцидент (недоступность сайта, неработающие формы).

13. Этапы и сроки

Стоимость и срок указываются по каждому этапу отдельно. Предложение с одной суммой на весь объём к рассмотрению не принимается.

14. Порядок приёмки

• Проверка чек-листа раздела 9 по каждому пункту.

• Функциональное тестирование: все формы, квиз, фильтры, поиск, сравнение, корректность передачи заявок в CRM с UTM-метками.

• Проверка адаптива на реальных устройствах: телефон, планшет, десктоп.

• Кроссбраузерная проверка.

• Проверка скорости на согласованном пороге.

• Передача доступов, инструкций и проведение обучения.

Чек-лист раздела 9 подписывается сторонами как приложение к договору.

15. Требования к коммерческому предложению

Просим придерживаться единой структуры — это единственный способ корректно сравнить предложения.

• Стоимость этапа 1 с разбивкой: проектирование, дизайн, сборка, настройка функционала, интеграции, SEO-настройка, тестирование.

• Стоимость наполнения одной карточки товара — отдельной строкой.

• Ориентировочная стоимость этапа 2.

• Срок по этапу 1 с разбивкой по неделям.

• Состав команды на проекте.

• Стоимость разработки фирменной палитры суббренда (опция, см. п. 5.2).

• Целевое значение PageSpeed mobile, которое вы готовы зафиксировать в договоре.

• Подтверждение, что режим «каталог с ценами без онлайн-оплаты» настраивается штатными средствами Tilda и что корзина подключается на этапе 2 без смены адресов карточек товаров.

• Позиция по товарному фиду (п. 9) и по комплектам товаров (п. 8.4).

• Три примера интернет-магазинов на Tilda с рабочими ссылками.

• Стоимость часа доработок после сдачи и время реакции на критический инцидент.

• Опциональные и вариативные работы вынесите отдельными строками, чтобы состав можно было скорректировать без пересчёта всего предложения.

• Готовность подписать чек-лист раздела 9 как приложение к договору.

Приложение А. Требования к фотографиям товара

Минимум 5 изображений на карточку, для отдельных моделей — до 10. Обязательный набор кадров:

Дополнительно предусматривается инфографика с подписями к ключевым функциям товара.

Техническое требование: галерея реализуется с отложенной загрузкой изображений. Размещение всех изображений подряд в потоке страницы не допускается — это противоречит рекомендациям Tilda по скорости загрузки.

Приложение Б. Обязательная структура карточки товара

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

Пункт 6 требует отдельного внимания: для части товаров пусконаладочные работы выполняются только силами инженеров заказчика и входят в стоимость, для части — оплачиваются отдельно. Это различие должно быть явно видно в карточке.