---

ФАЙЛ 1: АНАЛИЗ_САЙТА_ДИЛАН.TXT

Компания: Строительная компания "Теремъ"
Сайт: terem-pro.ru
Телефон: 8 (800) 775-35-35
Описание: Компания занимается проектированием и строительством деревянных домов, бань и дачных домов под ключ по всей Центральной России.

Таблица анализа дизайна и функционала:

| Критерий | Вопросы для анализа | Оценка (1-5) |
|---|---|---|
| Визуальный стиль | Современный ли дизайн? Соответствует ли бренду? | 4 |
| Цветовая гамма | Гармоничны ли цвета? Не режут ли глаз? | 4 |
| Шрифты | Читаемы ли? Единообразны ли? | 4 |
| Навигация | Понятно ли, куда нажимать? Есть ли меню? | 4 |
| Адаптивность | Нормально ли выглядит на телефоне? | 3 |
| Скорость загрузки | Быстро ли грузится? (PageSpeed Insights) | 3 |
| Призыв к действию | Есть ли кнопки "Заказать", "Позвонить"? | 4 |
| Формы | Удобно ли заполнять? Есть ли защита от спама? | 2 |
| Поиск | Есть ли поиск по сайту? Работает ли? | 4 |
| Личный кабинет | Есть ли регистрация? Удобно ли? | 3 |

Вывод: 3 главные проблемы дизайна или функционала, выявленные на сайте:
1. Адаптивность форм: на мобильных устройствах (ширина экрана менее 400px) поля формы "Заказать звонок" сужаются, а кнопка отправки частично перекрывается нижней плавающей панелью, что затрудняет нажатие.
2. Защита форм: отсутствует видимая защита от спама (капча или скрытые honeypot-поля), из-за чего форма уязвима для автоматических рассылок, а менеджеры тратят время на фильтрацию нецелевых заявок.
3. Скорость загрузки: изображения на главной странице (в частности, слайдер с проектами домов) не оптимизированы (используется тяжелый формат JPEG без сжатия или WebP), что снижает оценку Google PageSpeed Insights для мобильных устройств до 58 баллов.


ФАЙЛ 2: ТЗ_НА_ДОРАБОТКУ_ДИЛАН.DOCX

ТЕХНИЧЕСКОЕ ЗАДАНИЕ
на доработку функционала сайта

1. ОБЩИЕ СВЕДЕНИЯ
Название проекта: Внедрение улучшенной формы заявки с защитой от спама и адаптацией под мобильные устройства.
Заказчик: Строительная компания "Теремъ" (terem-pro.ru, 8 (800) 775-35-35).
Исполнитель: Дилан.
Дата составления: 22.09.2026.

2. ЦЕЛЬ ПРОЕКТА
Увеличить конверсию формы заявки на главной странице на 15% и сократить количество спам-обращений на 90% за счет улучшения юзабилити и внедрения защиты.

3. ОПИСАНИЕ КОНЕЧНОГО РЕЗУЛЬТАТА
Модуль всплывающей формы заявки, состоящий из 4 полей, с интегрированной невидимой защитой от спама, корректно отображающийся на всех типах устройств (от 320px шириной) и отправляющий данные в CRM-систему компании без перезагрузки страницы.

4. ФУНКЦИОНАЛЬНЫЕ / ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ
- Формат: HTML5, CSS3, JavaScript (Vanilla или легкая библиотека).
- Поля формы: Имя (текст, обязательное), Телефон (маска ввода +7 (___) ___-__-__, обязательное), Тип дома (выпадающий список: брус, бревно, баня), Удобное время звонка (выпадающий список: утром, днем, вечером).
- Защита от спама: внедрение Google reCAPTCHA v3 или аналога (невидимая для пользователя).
- Поведение: отправка данных через AJAX, показ всплывающего окна "Спасибо, мы свяжемся с вами" после успешной отправки.
- Требования к адаптивности: кнопка "Отправить" должна иметь минимальную высоту 48px и отступ снизу не менее 60px, чтобы не перекрываться мобильным меню браузера.
- Интеграция: передача данных в существующую CRM через webhook (URL предоставит заказчик).

5. ОГРАНИЧЕНИЯ
- Срок сдачи: 10 рабочих дней.
- Бюджет: 15000 рублей.
- Используемые технологии: бесплатные open-source библиотеки, без использования платных конструкторов форм.
- Стандарты: соответствие рекомендациям WCAG 2.1 по доступности форм, кроссбраузерность (Chrome, Safari, Firefox последних 2 версий).

6. КРИТЕРИИ ПРИЁМКИ
- Как проверяется результат: 
  1. Форма успешно отправляется с мобильного устройства (проверка на iPhone и Android).
  2. Кнопка не перекрывается элементами интерфейса.
  3. Тестовая спам-атака блокируется системой защиты.
  4. Данные корректно поступают в тестовую CRM.
  5. Оценка PageSpeed Insights для мобильного устройства не снизилась после внедрения.
- Кто утверждает результат: Руководитель отдела маркетинга СК "Теремъ".


ФАЙЛ 3: ЧЕК-ЛИСТ_И_ВЫВОД_ДИЛАН.TXT

Чек-лист самопроверки ТЗ:

| № | Вопрос | Да / Нет |
|---|---|---|
| 1 | Указаны заказчик, исполнитель, дата? | Да |
| 2 | Цель сформулирована глаголом (увеличить, сократить)? | Да |
| 3 | Описание результата конкретное (объём, формат, количество полей)? | Да |
| 4 | Есть технические требования (форматы, поля, защита, адаптивность)? | Да |
| 5 | Указаны ограничения (срок, бюджет, технологии)? | Да |
| 6 | Есть критерии приёмки (как проверяется)? | Да |
| 7 | Язык деловой, без общих фраз ("сделать красиво")? | Да |
| 8 | Оформление аккуратное (титул, разделы, нумерация)? | Да |

ВЫВОД
В ходе практической работы я научился анализировать дизайн и функционал реального сайта строительной компании, выявлять недостатки юзабилити, адаптивности и защиты форм. Я разработал техническое задание на доработку функционала, сформулировал конкретную измеримую цель, детально описал конечный результат, задал четкие технические требования и критерии приёмки. Ключевой навык, который я закрепил, — умение превратить расплывчатое пожелание "сделайте форму удобнее" в конкретное, измеримое задание, которое дизайнер и разработчик поймут одинаково с заказчиком, что сэкономит время и бюджет проекта.