1. Главная
2. Кейсы
3. Смарт 53
4. Техническое задание

Техническое задание на справочник о ремонте телефонов

Пример ТЗ по кейсу «Смарт 53»: справочник описан таким, каким он работает на smart53.ru. Так выглядит документ, который мы составляем до начала работ: что на каждой странице, как работают переписка и калькулятор, что проверяем при приёмке.

1. Общие сведения

Назначение	Справочник о ремонте телефонов для Великого Новгорода: стоит ли чинить, как подготовить телефон к сдаче, что проверить в квитанции, когда менять аккумулятор.
Аудитория	Человек, у которого сломался телефон и который решает, нести ли его в ремонт.
Главная задача	Быстро получить ответ на свой вопрос и самому посчитать, разумен ли ремонт при названной мастерской цене.
Чем не является	Мастерской, магазином и агрегатором: в подвале — «ремонтом не занимаемся». Цен ремонта и телефонов, форм и телефонов для связи нет; поле «свой вопрос» ищет по странице и ничего не отправляет.
Язык	Русский.

2. Структура сайта

• / — главная: переписка, «чинить или менять», перед сдачей, квитанция, ссылка на аккумулятор, вопросы
• /akkumulyator/ — аккумулятор телефона: износ, где смотреть, признаки, зима, мифы, вопросы

Навигации в привычном виде нет: её заменяет переписка с мастером на первом экране и плавающая кнопка «Спросить мастера» ниже. На второй странице — ссылка «← К главной».

3. Главная страница

1. Первый экран: фото стола мастера, плашки «Справочник» и «Великий Новгород», заголовок «Чинить или менять? Спросите мастера», три преимущества; справа — окно переписки с четырьмя вопросами и полем поиска.
2. «Чинить или менять» — калькулятор (раздел 4.2), «Как принять решение» — четыре пункта, раскрываются.
3. «Перед сдачей в ремонт» — семь шагов с отметками и кольцо N/7.
4. «Квитанция: что должно быть» — бланк на фото стола и девять пунктов с выносками; под ним три плашки: при выдаче, если что-то не так, «потом запишем».
5. Карточка-ссылка «Аккумулятор: когда менять».
6. Частые вопросы: четыре пары в виде переписки.

4. Интерактив главной

4.1. Переписка и поиск

• Клик по вопросу → пузырь пользователя → «печатает…» 0,75 с → ответ мастера со ссылкой. Ссылка плавно прокручивает к разделу и подсвечивает его. Кнопка «⋯» начинает переписку заново.
• Поиск «Напишите свой вопрос»: индекс из заголовков разделов, шагов, пунктов квитанции, вопросов, признаков и мифов; слова сводятся к основе, совпадение в заголовке весит вдвое; до четырёх подсказок, управление стрелками и Esc. Нашёл — «Об этом есть на странице: …» и «Показать ↓»; не нашёл — «Такого ответа здесь нет — справочник маленький. Вот о чём есть:» и снова список вопросов.
• Когда первый экран уходит из вида, переписка переезжает в плавающее окно в правом нижнем углу; при возврате наверх — обратно.

4.2. Калькулятор «чинить или менять»

Поле	Значения	По умолчанию
Цена ремонта, ₽	любое число	8 000
Цена такого же нового, ₽	любое число	25 000
Возраст	до года / 1–2 года / старше	1–2 года
Поломка	экран, аккумулятор, разъём, камера, вода, плата	экран

• Доля s = ремонт ÷ новый. Шкала — до 80 %, ползунок не уходит дальше края.
• Зоны: s меньше 1/3 — «Ремонт выглядит разумно», меньше 1/2 — «Стоит подумать», иначе — «Скорее менять». Для телефона старше двух лет — пороги 1/4 и 40 %.
• Если s больше 1 — «больше цены нового». Пока не введены обе цены — «Впишите обе цены — посчитаю долю».
• Вывод: фраза по зоне + совет по поломке + совет по возрасту (до года — проверить гарантию продавца, старше двух — обновления и износ батареи). Пороги подписаны «ориентир редакции, не норма и не статистика».

4.3. Перед сдачей и квитанция

• Семь шагов-отметок: резервная копия, SIM и карта памяти, фото корпуса, IMEI (*#06#), пароль от аккаунта не отдавать, описание неисправности, «Локатор» по версии iOS. Кольцо прогресса, на 7/7 — другое сообщение. Отметки хранятся в браузере.
• Квитанция: наведение или клик по пункту подсвечивает строку бланка и SVG-выноску; линии строятся по реальному положению полей и перерисовываются при изменении окна. Мятные пункты — требования Правил бытового обслуживания, коралловые (внешний вид, комплект) — закон не требует. На ширине меньше 1100 px выноски скрыты.

5. Страница «Аккумулятор»

1. Первый экран: фото аккумулятора, «← К главной», заголовок «Аккумулятор телефона: когда менять», переписка со своими четырьмя вопросами.
2. «Посмотрите износ»: ползунок 50–100 %, батарейка заполняется. От 80 % — норма, 65–79 % — «износ заметен», ниже 65 % — «скорее менять». 80 % — порог Apple и Google, 65 % — ориентир редакции.
3. «Где посмотреть показатель»: три телефона. Клик — пункты пути загораются по очереди с шагом 0,38 с, ниже — путь текстом. iPhone: Настройки → Аккумулятор → «Состояние аккумулятора» (15 и новее) или «Состояние аккумулятора и зарядка» (14 и раньше). Samsung: приложение Samsung Members → Поддержка → диагностика → Состояние аккумулятора. Pixel 8a и новее: Настройки → Батарея → Состояние батареи.
4. «Признаки, что батарея устала»: шесть карточек, клик открывает «что делать».
5. «Зимой в Новгороде»: термометр −35…+35 °C, тянется и по шкале. От 0 °C — рабочий диапазон iPhone; 0…−20 °C — батарея временно отдаёт меньше, телефон может выключиться с запасом заряда; ниже −20 °C — ниже диапазона хранения. Отметки −6,5 °C (январь) и −27 °C (пятидневка).
6. «Миф или правда»: пять утверждений — сначала человек выбирает половину переключателя, потом показывается ответ и «Угадали / Не угадали».
7. Частые вопросы: четыре пары в виде переписки.

6. Источники чисел

Числа — со страниц первоисточников; где источника нет, стоит «ориентир редакции».

• Правила бытового обслуживания: обязательные сведения квитанции — исполнитель и ИНН, вид работы, цена, описание вещи, даты приёма и исполнения, гарантия (если установлена), подписи; осмотр и демонстрация работы при выдаче. Номер постановления и пунктов на сайте не указан: текущие Правила действуют до 01.01.2027.
• Закон о защите прав потребителей: гарантия на работу — право исполнителя, не обязанность (ст. 5 п. 6); без гарантии — разумный срок в пределах двух лет, доказывает потребитель (ст. 29 пп. 3–5).
• Apple: 80 % ёмкости после 500 циклов (iPhone 14 и раньше) и 1000 (iPhone 15 и новее); работа 0…35 °C, хранение −20…45 °C; подготовка к ремонту по версии iOS.
• Samsung: путь через Samsung Members. Google: «Ухудшенное» состояние — ниже 80 %.
• СП 131.13330.2025, Великий Новгород: январь −6,5 °C, холодная пятидневка −27 °C.

7. Дизайн

Стиль «интерфейс телефона»: светлый фон, белые полупрозрачные карточки с размытием, крупные скругления 28, 18 и 12 px, мягкие тени, пузыри переписки. Мятный — основной цвет, янтарь и коралл — зоны «подумать» и «менять». Шрифт системный; рукописный Marck Script — только записи на бланке квитанции и стикер у шагов. Фото стола, аккумулятора, набережной Волхова и телефонов, иконки признаков — сгенерированные изображения в webp. Значок мастера вместо фото человека, иконки, кольцо прогресса и выноски — SVG; бланк, батарейка, экраны настроек и термометр — CSS. Анимации: всплытие сообщений, «печатает…», полоса износа на карточке аккумулятора, подсветка раздела после перехода. При настройке «уменьшить движение» всё отключается.

8. Технические требования

• Статические страницы: HTML, CSS, JavaScript без библиотек; поиск, калькулятор и шкалы работают в браузере, без сервера.
• Шрифты и все файлы — на своём сервере, сторонних запросов нет.
• Адаптивность: контрольные точки 1100 и 860 px. На телефоне одна колонка, фото первого экрана сверху, переписка под текстом, бланк квитанции без наклона, признаки по два, плавающее окно на всю ширину.
• SEO: свой title и description у каждой страницы, canonical, schema.org (WebSite, BreadcrumbList), картинки для соцсетей 1200 × 630, sitemap.xml, robots.txt.
• Доступность: один H1 на странице, alt у содержательных картинок, подсказки поиска управляются с клавиатуры.

9. Приёмка

Проверка	Ожидаемый результат
Калькулятор по умолчанию: 8 000 / 25 000, 1–2 года, экран	32 %, «Ремонт выглядит разумно»
Те же цены, возраст «старше»	32 %, «Стоит подумать»: пороги сдвинулись на четверть и 40 %
Ремонт 30 000, новый 25 000	«больше цены нового», «Скорее менять»
Клик по вопросу в переписке	«печатает…», ответ со ссылкой, прокрутка к разделу с подсветкой
Отметить шаги, перезагрузить страницу	Отметки на месте, кольцо показывает тот же счёт
Шкала износа: 86 % / 70 % / 60 %	Норма / износ заметен / скорее менять
Ширина 1440 и 390 px	Нет горизонтальной прокрутки, ошибок в консоли нет
Сторонние запросы	Нет ни одного