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

1. Заказчик и проект

Название проекта: Каталог музейных экспонатов для музея природы.

Цель: разработать структуру, дизайн и верстку страниц каталога, чтобы посетители могли легко знакомиться с экспонатами, их описанием и изображениями.

2. Общие требования к верстке

• Семантичная, валидная и адаптивная верстка (корректно отображается на десктопах, планшетах и мобильных устройствах).
• Чистый код, без сторонних библиотек, но разрешены популярные фреймворки (Bootstrap, Tailwind) по согласованию.

• Учтены W3C-стандарты, базовый SEO (особенные метатеги и alt для изображений).

3. Структура каталога

Главная страница каталога

• Список основных разделов (Птицы, Млекопитающие, Растения, Минералы и т.п.) с иконками или изображениями.
• Поисковая строка с подсказками.
• Фильтры: по разделам, по эпохе, по редкости экспоната.

Страница раздела

• Сетка карточек экспонатов с возможной пагинацией (25 карточек).
• На карточке: миниатюра, название, краткое описание, дата обнаружения.

Страница отдельного экспоната

• Большое изображение в галерее (слайдер).
• Полное описание: наименование, происхождение, возраст, место находки.
• Технические характеристики (высота, вес, материал).

4. Требования к дизайну

• Природные цвета: зелёный, коричневый, приглушённая палитра.
• Читаемые шрифты без засечек.
• Аккуратные тени, отступы и единый стиль для всех блоков.
• Анимации при загрузке карточек (fadeIn/ slideIn).

5. Ключевые технологии

• HTML5, CSS3, JavaScript (без jQuery).
• Адаптивность через медиа-выражения.
• Опционально - простые фреймворки (по согласованию с исполнителем).

6. Сроки и сдача

• Первая итерация (дизайн макета) по согласованию после недели работы.
• Итоговый проект (сайт) - через месяц после подписания договора.