Техническое задание на сайт авторских туров
Пример ТЗ по сайту Moloko Travel: сайт описан таким, каким он работает на корея-тур.рф. Так выглядит документ, который мы составляем до начала работ: что есть на сайте, как ведёт себя каждая страница и как проверить, что всё сделано.
1. Общие сведения
| Назначение | Сайт организатора авторских групповых туров в Азию (Корея, Япония, Китай): расписание будущих туров с датами и ценами, бронирование места на сайте, информация для путешественников. |
|---|---|
| Аудитория | Путешественники из России, в том числе те, кто едет за границу впервые; часть аудитории интересуется корейской поп-культурой и дорамами. |
| Главная задача | Посетитель видит ближайшие туры с датами и ценой за человека, открывает программу и условия оплаты и бронирует место, не дожидаясь ответа менеджера. |
| Язык | Русский. |
2. Структура сайта
- Главная
- Туры: Список туров (у каждого тура своя страница), Отзывы, Галерея (альбомы по поездкам)
- О нас: О компании, Договор, Рассрочка, Частые вопросы, Полезная информация (статьи)
- Контакты
- Служебные: Корзина, Личный кабинет (вход, регистрация, восстановление пароля), Пользовательское соглашение
Шапка: логотип, телефон, меню с выпадающими «Туры» и «О нас». «О компании» и «Частые вопросы» ведут к блокам главной страницы. На телефоне внизу экрана закреплена панель: Главная, Навигация (боковое меню), Кабинет, Корзина. Подвал: дубль меню, телефон, почта, ссылки на VK и Telegram, ссылка на разработчика.
3. Главная страница
- Первый экран: «Авторские туры в Азию», подзаголовок, кнопка «Забронировать» (переход к блоку «Будущие туры») и кнопка-телефон.
- «Будущие туры» — все туры в продаже карточками (п. 4.2).
- О компании — текст о формате авторских туров, цифры о работе компании, четыре преимущества.
- Отзывы — карточки с фото, текстом и именем путешественника.
- «Полезная информация» — последние статьи с анонсом и ссылкой «Подробнее».
- «Частые вопросы» — вопросы и ответы в раскрывающемся списке: размер группы, свободное время, изменение программы, проживание, продление поездки.
4. Туры
4.1. Список туров
Все туры в продаже карточками: фото, название, цена, кнопка «В корзину». Один маршрут может продаваться несколько раз на разные даты — каждый выезд отдельным туром со своей страницей.
4.2. Карточка тура на главной
Фото, название, цена за человека, даты и краткое описание, кнопка «В корзину» и переключатель количества мест (минус, число, плюс). Если на тур действует скидка, прежняя цена показывается зачёркнутой рядом с новой.
4.3. Страница тура
- Фото тура с увеличением по клику, метка «Новинка».
- Название, цена за человека, при скидке — прежняя цена зачёркнутой.
- Даты и краткое описание тура.
- Кнопка «В корзину» и переключатель количества мест.
- Вкладки: «Информация» (программа тура), «Оплата» (условия оплаты), «Галерея» (фото с прошлых поездок по маршруту). Вкладка показывается, только если для тура заполнено её содержимое.
- Хлебные крошки: Главная → Список туров → тур.
4.4. Цены и условия оплаты
| Что | Как показывается |
|---|---|
| Цена | В рублях за одного человека, с пометкой «/чел.» |
| Скидка | Прежняя цена зачёркнута, рядом новая |
| Даты | В кратком описании тура, в карточке и на странице тура |
| Условия оплаты | Вкладка «Оплата»: для бронирования вносится аванс 50% стоимости; срок оплаты остатка — как в договоре |
5. Бронирование
5.1. Корзина
Тур бронируется через корзину: «В корзину» в карточке или на странице тура добавляет место, плюс и минус меняют количество мест. После каждого действия появляется сообщение «Корзина обновлена» с кнопкой «Оформить», мини-корзина в шапке показывает сумму и число позиций без перезагрузки страницы. Если запрошено больше мест, чем осталось, показывается сообщение с остатком.
В мини-корзине — поле для купона. Страница корзины без туров показывает сообщение о пустой корзине и кнопку перехода к турам.
5.2. Рассрочка
Тур можно оплатить в рассрочку через банк-партнёр. Заявка — по почте или телефону, указанным на странице «Рассрочка»; на странице приведены условия банка.
6. Личный кабинет
- Регистрация: телефон, пароль, фамилия, имя, отчество, электронная почта, обязательная отметка «Я принимаю Пользовательское соглашение» со ссылкой на документ. Телефон приводится к формату +7 при вводе.
- Вход по телефону и паролю; после входа посетитель возвращается в кабинет.
- Восстановление пароля по номеру телефона.
- Ссылка «Кабинет» в нижней панели на телефоне.
7. Формы и персональные данные
7.1. Формы
| Форма | Поля | Где |
|---|---|---|
| Заказать звонок | Телефон (обязательно), отметка согласия на обработку персональных данных (обязательно) | Всплывающее окно |
| Отзыв | ФИО и текст отзыва (обязательно), электронная почта, телефон, до 10 фото размером до 4 МБ каждое | Страница «Отзывы» |
| Регистрация, вход, восстановление пароля | См. раздел 6 | Личный кабинет |
«Заказать звонок» передаёт вместе с телефоном название страницы, с которой отправлена заявка.
7.2. Персональные данные
- Регистрация не отправляется без отметки о принятии Пользовательского соглашения, «Заказать звонок» — без отметки согласия на обработку персональных данных.
8. Контентные страницы
- Договор — текст оферты: термины, права и обязанности сторон, порядок бронирования и оплаты, отказ от услуг, реквизиты, согласие на обработку персональных данных.
- Рассрочка — как подать заявку и условия банка-партнёра.
- Полезная информация — список статей и страница статьи (что взять с собой, о рассрочке, о записи музыкального шоу).
- Отзывы — список отзывов с именем и текстом, форма отзыва (п. 7.1).
- Галерея — список альбомов по поездкам; в альбоме фото открываются в увеличенном виде с перелистыванием.
- Контакты — телефоны гидов с именами, Telegram, VK, реквизиты юридического лица и адрес.
9. Технические требования
- Адаптивная вёрстка: страница масштабируется под ширину экрана, раскладка перестраивается на ширинах 1199, 991, 767 и 575 px; все сценарии разделов 4–7 проходятся с телефона.
- Сайт работает по HTTPS; запрос по HTTP перенаправляется на HTTPS.
- Адреса страниц туров, статей и альбомов содержат название латиницей (например,
/pr-n-6--kitaj). - Заголовок и описание страницы тура для поисковиков формируются из названия тура.
- Несуществующий адрес ведёт на страницу 404.
- Служебный раздел управления закрыт от индексации в
robots.txt. - Подключена Яндекс Метрика.
10. Приёмка
Работа принимается, когда каждый сценарий проходит на компьютере и на телефоне:
| # | Сценарий | Ожидаемый результат |
|---|---|---|
| 1 | На главной нажать «Забронировать» | Страница переходит к блоку «Будущие туры» |
| 2 | Открыть страницу тура со скидкой | Видны прежняя цена зачёркнутой, новая цена за человека, даты; во вкладке «Оплата» — аванс 50% |
| 3 | Нажать «В корзину» у тура | Сообщение «Корзина обновлена», сумма и число позиций в шапке обновились без перезагрузки |
| 4 | Нажать плюс, затем минус у тура в корзине | Количество мест и сумма меняются на одно место |
| 5 | Открыть корзину без туров | Сообщение о пустой корзине и кнопка перехода к турам |
| 6 | Отправить «Заказать звонок» без отметки согласия | Форма не отправляется |
| 7 | Зарегистрироваться без отметки о соглашении; затем ввести телефон, начиная с 9 | Форма не отправляется; номер приводится к виду +79… |
| 8 | Открыть альбом галереи и нажать на фото | Фото открывается в увеличенном виде, листается к следующему |
| 9 | Открыть сайт по HTTP и по несуществующему адресу | Перенаправление на HTTPS; страница 404 |
Нужно ТЗ на ваш сайт? Обсудим задачу.
Расскажите о задаче — уточним детали, предложим состав и назовём стоимость по опубликованному прайсу.
- Цена и состав — в договоре
- Три круга правок на этап
- Гарантия 12 месяцев на наш код
- Домен и исходники ваши, лицензия бессрочная