Дизайн — статьи о сайтах
Сервисный центр продаёт не страницы, а доверие и скорость. Человек со сломанным ноутбуком или стиральной машиной хочет понять три вещи: возьмутся ли за его модель, сколько это займёт и куда ехать. Если задание на разработку этого не отражает, получится аккуратная визитка, которая не приносит заявок. Разберём, что стоит записать в ТЗ.
С каких задач начать: действия посетителя, а не дизайн
Выберите два-три действия, ради которых создаётся сайт: оставить заявку на диагностику, позвонить, вызвать курьера или мастера, узнать статус ремонта. Для каждого опишите, где оно происходит и кто его обрабатывает. Например: «заявка с формы приходит на почту администратора и сохраняется в списке заявок в админке». Срок ответа клиенту — это ваше внутреннее правило, сайт его не обеспечит, если за почтой никто не следит. Заранее решите, кто отвечает за обработку.
Отдельно перечислите, чем вы отличаетесь, но только то, что есть на самом деле: ремонт при клиенте, выезд, собственный склад запчастей, гарантия на работы. Эти пункты станут блоками на страницах.
Как задать структуру: техника, бренды, неисправности
Клиенты ищут по-разному: «ремонт ноутбуков Samsung», «не включается планшет», «стиральная машина не сливает воду». В задании перечислите направления (ноутбуки, телефоны и планшеты, бытовая техника и т. д.) и решите, нужны ли отдельные страницы для брендов и типовых неисправностей.
Не просите создать страницы для брендов, с которыми вы не работаете или о которых нечего сказать. Десяток одинаковых страниц с заменой одного слова ничего не объясняют посетителю. Для каждого типа страницы опишите шаблон: какие блоки, откуда данные, кто их редактирует.
Какие функции описать: заявка, телефон, статус ремонта
- Форма заявки. Минимум полей: имя, телефон, модель устройства, описание проблемы. Укажите, какие поля обязательны. Каждое лишнее поле снижает вероятность, что форму заполнят до конца.
- Сообщение после отправки. Что произойдёт дальше: «Мы перезвоним в рабочее время». Не оставляйте просто «Спасибо».
- Статус ремонта по номеру квитанции. Если хотите такую функцию, укажите, откуда берутся данные: вводятся вручную в админке или выгружаются из учётной программы. От ответа зависит объём работ.
- Контакты. Телефон крупно и кликабельный на смартфоне, режим работы с выходными, адрес, схема проезда и ориентиры.
Пример фрагмента задания: страница «Ремонт ноутбуков»
Условный образец описания страницы, блоки сверху вниз:
- Заголовок «Ремонт ноутбуков в [город]» и две строки о том, как проходит диагностика. Слова «бесплатная диагностика» допустимы, только если это правда для всех случаев.
- Кнопка «Оставить заявку» и телефон рядом.
- Таблица работ: название (чистка от пыли, замена клавиатуры, замена матрицы), обычный срок, цена «от». Под таблицей пометка, что точную стоимость называют после диагностики. Строки правятся в админке без программиста.
- Список брендов, с которыми вы работаете.
- Этапы: приём, диагностика, согласование стоимости по телефону, ремонт, выдача.
- Гарантия: срок и на что она распространяется. Формулировку даёт заказчик.
- Адрес, карта, режим работы.
Технические требования к странице: корректно открывается на смартфоне, таблица не выходит за ширину экрана, заголовок и описание страницы задаются в админке отдельно для каждой страницы.
Кто готовит тексты, фото и аналитику
Запишите, что и к какой дате передаёт заказчик: прайс, описание услуг, гарантийные условия, фото мастерской и сотрудников. Стоковые снимки с улыбающимися операторами не вызывают доверия, лучше реальные. Отзывы размещайте только настоящие и с согласия авторов. Попросите подключить счётчик посещаемости и настроить цели: отправка формы и клик по телефону. Тогда вы увидите, какие страницы приводят к обращениям.
Проверочный список перед передачей ТЗ студии
- Названы 2–3 главных действия посетителя и ответственный за каждое.
- Перечислены направления техники и бренды, с которыми реально работаете.
- Описаны шаблоны страниц и то, что редактируется в админке.
- Указаны поля формы, обязательные из них и текст после отправки.
- Решено, нужен ли статус ремонта и откуда берутся данные.
- Подготовлен прайс с пометкой «от» и условия гарантии.
- Есть реальные фото и сроки передачи материалов.
- Прописана работа на смартфонах и настройка счётчика с целями.
