1. Главная
2. Кейсы
3. Маршруты по Пскову
4. Техническое задание

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

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

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

Назначение	Справочник маршрутов по Пскову и области: Псков за день, Изборск и Печоры за два дня, Пушкинские Горы на выходные, план Крома.
Аудитория	Те, кто едет в Псков сам — на машине или без неё — и планирует поездку на один-три дня.
Главная задача	Получить готовый маршрут под срок поездки: остановки по времени, расстояния, режим работы и поправки «если без машины».
Чем не является	Турагентством: туров, бронирования, цен и форм заявки нет. В подвале: «Ничего не продаём, только сведения — часы работы сверены с сайтами музеев в октябре 2026 года».
Язык	Русский.

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

• / — главная: маршруты по вкладкам, как добраться, сезоны, ошибки путеводителей, вопросы
• /krom/ — «Кром за два часа»: план Крома и Довмонтова города, маршрут, что смотреть на стенах

Шапка: название с подписью «Маршруты · места · истории», четыре ссылки — Маршруты, Кром за 2 часа, Как добраться, Сезоны. Подвал повторяет ссылки и оговорку о сверке часов работы.

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

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

4. Вкладки маршрутов и карты

4.1. Маршруты

Вкладка	Адрес	Остановки	Пометки
1 день	#1-den	6: Кром и Троицкий собор, Довмонтов город, Поганкины палаты, Мирожский монастырь, Ольгинская набережная, Снетогорский монастырь (по желанию)	Если без машины; в понедельник музеи закрыты
2 дня	#2-dnya	5: Псков, Изборская крепость, Труворово городище, Словенские ключи, Псково-Печерский монастырь	Нужен паспорт; если без машины
Выходные	#vyhodnye	5: Святогорский монастырь, Михайловское, Савкина горка — в субботу; Тригорское, Петровское — в воскресенье	Если без машины; возьмите наличные

4.2. Поведение

• Вкладка меняет заголовок, пометки, карту, ленту и карточки «других маршрутов»; адрес страницы получает свой якорь, по якорю из ссылки открывается нужная вкладка.
• Вкладки переключаются стрелками влево и вправо, активная — в порядке обхода клавиатурой.
• Лента: номер, время, название, расстояние от предыдущей точки, короткая справка.
• Наведение на точку карты подсвечивает остановку в ленте, и наоборот. До 1180 px нажатие на точку прокручивает к остановке.

4.3. Карты

• Свой SVG для каждого маршрута, по данным OpenStreetMap: реки Великая и Пскова, Псковское озеро, граница с Эстонией, подписи районов, масштабная линейка, стрелка севера, легенда.
• Линии маршрутов — по дорогам и тропам (OSRM): по Пскову пешком около 5 км; Псков — Изборск 34 км, Изборск — Печоры 22 км; до Пушкинских Гор 112 км. Пеший участок и участок на машине различаются начертанием.
• Под картами — подпись «Карты: данные © участники OpenStreetMap, линии маршрутов — OSRM».

5. Страница «Кром за два часа»

1. Первый экран: широкое фото, заголовок и три строки режима: территория с 8:00 до 21:00 (вход до 20:00), вход для приезжих платный, башни и Приказная палата — с 10:00.
2. План Крома и Довмонтова города по контурам OpenStreetMap: реки, стены, восемь пронумерованных точек — Троицкий собор, Великие ворота, Перси и вечевая площадь, Довмонтова башня, Средняя башня, Кутекрома, Плоская башня, Довмонтов город. Подпись: Власьевская и Рыбницкая башни стоят в стенах Довмонтова города, не Крома.
3. Карточка точки: название, дата, справка, фото (у собора и Довмонтова города) или увеличенный кусок плана вокруг точки с отметкой. Кнопки «назад» и «вперёд» листают по кругу, счётчик «N / 8». На старте открыта первая точка.
4. «Кром за 2 часа»: шесть шагов по 20 минут, около 1,5 км пешком.
5. «На что смотреть на стенах»: плитняковая кладка, зубцы и бойницы, толщина Персей (88 м длиной, до 6 м толщиной), фундаменты храмов; отдельной строкой — чего нет: проломов 1581 года, они в Окольном городе.
6. Вопросы и ответы — шесть.

6. Источники

• Режим работы — сайты Псковского музея-заповедника, музея-заповедника «Изборск», Пушкинского заповедника «Михайловское», правила Псково-Печерского монастыря; сверены в октябре 2026 года.
• Карты и контуры стен — OpenStreetMap; расстояния — OSRM, по дорогам и тропам.
• Транспорт: «Ласточка» из Петербурга и поезд «Псков» из Москвы — по Яндекс Расписаниям; рейс «Азимута» из Внуково; трасса Р-23 из Петербурга.
• Ошибки путеводителей: ЮНЕСКО, 2019 — храмы псковской архитектурной школы, без кремля; Троицкий собор — здание 1699 года; дом в Михайловском — восстановлен к 1949 году; белых ночей нет — расчёт по широте 57,8°.
• Где источники расходятся, это сказано на сайте: площадь Крома — 3 гектара по сайту города, около 3,5 по контуру стен.

7. Дизайн

Тёмная тема: ночной синий и графит (#0A111D), тёплый свет фонарей (#F2C46D) и известняка (#CDBB98) как акцент, вода на картах — #1F3A5C, текст — кремовый. Полноэкранные фото, крупный узкий гротеск: Sofia Sans Extra Condensed — заголовки, Inter Tight — текст. Фото первых экранов, остановок, маршрутов, сезонов и деталей стен — сгенерированы; карты, план Крома и иконки — SVG. Движение сдержанное: плавные переходы при наведении и выборе, плавная прокрутка к маршруту.

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

• Статические страницы: HTML, CSS, JavaScript без библиотек; карты встроены в HTML как SVG, без картографических виджетов и сторонних тайлов.
• Шрифты и все файлы — на своём сервере, сторонних запросов нет.
• Адаптивность: контрольные точки 1180, 860 и 640 px; карта и лента — в одну колонку, без горизонтальной прокрутки на 390 px.
• SEO: свой title и description у каждой страницы, canonical, schema.org (WebSite на главной, Article на /krom/), картинки для соцсетей 1200 × 630, sitemap.xml, robots.txt.
• Доступность: один H1 на странице, вкладки с ролями tablist/tab и управлением с клавиатуры, точки плана — кнопки с состоянием «нажато».

9. Приёмка

Проверка	Ожидаемый результат
Открыть главную	Вкладка «1 день», карта Пскова, шесть остановок; в «Других маршрутах» — две карточки
Открыть /#2-dnya	Сразу вкладка «2 дня», карта с Изборском, Печорами и границей
Стрелка вправо на вкладке «Выходные»	Переход на «1 день»
Наведение на точку карты	Подсвечены точка и строка ленты
/krom/ при загрузке	Карточка «Троицкий собор», «1 / 8»
Кнопка «назад» на первой точке	«Довмонтов город», «8 / 8»
Точка «Кутекрома»	Карточка с увеличенным куском плана и отметкой
Ширина 1440 и 390 px	Нет горизонтальной прокрутки, ошибок в консоли нет
Сторонние запросы	Нет ни одного