1. Главная
2. Кейсы
3. Техническое задание

Техническое задание на сайт стоматологической клиники

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

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

Назначение	Сайт стоматологической клиники в Мурманске: сведения о клинике, направлениях работы и врачах, прейскурант, документы для пациентов, запись на приём.
Аудитория	Жители Мурманска, которые выбирают клинику или уже лечатся в ней и ищут телефон, адрес, часы работы, цены.
Главная задача	Посетитель с любой страницы находит телефон регистратуры и оставляет заявку на приём, не уходя со страницы.
Язык	Русский.
Наполнение	Новости, документы и прейскурант публикуются отдельными записями и файлами PDF, без правки вёрстки.

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

• Главная — одностраничная витрина клиники (раздел 3)
• Наши цены — прейскурант
• Документы — лицензия и обязательные сведения
• Новости — список записей и страница записи
• Контакты

Шапка: логотип, адрес («Как добраться»), телефон регистратуры, кнопка «Заказать звонок», меню, ссылка «Версия для слабовидящих». Подвал: логотип, часы работы, адрес, дубль меню, телефон и почта.

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

1. Слайдер из трёх слайдов: короткий текст о клинике и кнопка «Записаться на прием» на каждом.
2. Новости — три последние записи: дата, заголовок, ссылка на запись.
3. «О нас» — текст о клинике и кнопка записи.
4. «Услуги» — направления на вкладках (раздел 4).
5. «Наши врачи» — карточки врачей (раздел 5).
6. «Наши преимущества» — список и кнопка записи.
7. «Отзывы о нашей работе» — карусель отзывов: фото, имя, текст.

4. Услуги

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

Кнопка записи на вкладке открывает форму записи (п. 9.1) и подставляет в поле «Услуга» название направления. Посетитель может его исправить.

5. Врачи

5.1. Карточка в списке

Фото, ФИО, должность. Карточки — сеткой по три в ряд на компьютере.

5.2. Подробные сведения

Клик по фото, ФИО или должности открывает окно со сведениями о специалисте:

• ФИО и должность;
• образование: учебное заведение и год окончания;
• сертификат или аккредитация специалиста: специальность и год;
• у руководителя — часы приёма граждан, телефон и почта для обращений.

6. Цены

Страница «Наши цены» со ссылкой «Прейскурант» на действующий прейскурант клиники в PDF. Обновление цен — замена файла; страница и ссылка в меню не меняются.

7. Новости

• Список записей: миниатюра, дата, заголовок, ссылка «Подробнее».
• Страница записи: заголовок, текст, изображения.
• Через новости публикуются объявления для пациентов: режим работы, способы оплаты, порядок записи, сведения о контролирующих органах (Росздравнадзор и Роспотребнадзор по Мурманской области: адреса и телефоны).

8. Документы для пациентов

Страница «Документы» — ссылки на файлы PDF, каждый открывается по клику:

Документ	Вид на странице
Выписка из реестра лицензий	Ссылка на PDF
Свидетельства о постановке на учёт и о государственной регистрации	Ссылки на PDF
Правила оказания платных медицинских услуг	Ссылка на PDF
Права и обязанности граждан в сфере охраны здоровья	Ссылка на PDF
Выписка из Устава	Ссылка на PDF
График работы медицинского персонала	Ссылка на PDF

Файлы хранятся на самом сайте. Новый документ добавляется загрузкой файла и ссылкой на странице.

9. Запись на приём, формы и персональные данные

9.1. Формы

Формы «Записаться» и «Заказать звонок» открываются во всплывающем окне поверх текущей страницы.

Форма	Поля	Откуда открывается
Записаться	Услуга; ФИО (обязательно); телефон (обязательно); комментарий; отметка согласия (обязательно)	Кнопки «Записаться на прием» в слайдере, блоках «О нас», «Услуги», «Наши преимущества»
Заказать звонок	Телефон (обязательно); отметка согласия (обязательно)	Кнопка «Заказать звонок» в шапке

9.2. Персональные данные

• Формы «Записаться» и «Заказать звонок» не отправляются без отметки «Даю согласие на обработку персональных данных».
• Обязательные поля проверяются до отправки: форма с пустым обязательным полем не уходит.

9.3. Контакты

Страница «Контакты»: телефон (ссылка набора номера), почта (ссылка на письмо), адрес, интерактивная карта Яндекса с отметкой клиники.

10. Версия для слабовидящих

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

Настройка	Варианты
Размер шрифта	Уменьшить / увеличить
Шрифт	С засечками / без засечек
Цвета сайта	Пять схем: чёрное на белом, белое на чёрном, белое на синем, тёмное на бежевом, зелёное на коричневом
Изображения	Показывать / скрыть
Межбуквенный интервал	Уменьшить / увеличить
Межстрочный интервал	Обычный / двойной
Сброс	Возврат к настройкам по умолчанию

Режим и выбранные настройки запоминаются в браузере посетителя и сохраняются при переходе между страницами. Кнопка «Закрыть версию для слабовидящих» возвращает обычный вид.

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

• Адаптивная вёрстка: на телефоне меню сворачивается в мобильное, сценарии разделов 4–10 проходятся с телефона.
• Сайт работает по HTTPS; запрос по http:// перенаправляется на https://.
• Человекопонятные адреса страниц: /ceny, /dokumenty, /kontakty, записи новостей — по заголовку.
• Несуществующий адрес ведёт на страницу «Ошибка 404. Страница не найдена» в оформлении сайта.
• Служебный раздел управления закрыт от индексации.

12. Приёмка

Работа принимается, когда каждый сценарий проходит на компьютере и на телефоне:

#	Сценарий	Ожидаемый результат
1	Вкладка «Протезирование» → «Записаться на прием»	Открылась форма записи, в поле «Услуга» стоит «Протезирование»
2	Отправить форму записи без отметки согласия	Форма не отправляется
3	Отправить форму записи без ФИО или телефона	Форма не отправляется, браузер указывает на пустое поле
4	«Заказать звонок» в шапке на любой странице	Открылось окно с полем телефона и отметкой согласия; без них не отправляется
5	Клик по карточке врача	Открылось окно с ФИО, образованием и сертификатом или аккредитацией
6	«Версия для слабовидящих» → увеличить шрифт → перейти на другую страницу	Контрастный режим и размер шрифта сохранились; «Закрыть версию для слабовидящих» вернула обычный вид
7	«Наши цены» → «Прейскурант»	Открылся действующий прейскурант в PDF
8	Открыть по очереди каждую ссылку на странице «Документы»	Каждый документ открывается с этого же сайта
9	Набрать адрес сайта с http://	Открылась та же страница по https://