Техническое задание на разработку сайта-визитки врача-психиатра

Цель проекта

Создание современного профессионального сайта-визитки для врача-психиатра с богатой адаптивной графикой (SVG, анимации) и системой онлайн-записи. Проект опирается на заданную структуру и текстовое наполнение (идентичное указанному референс-примеру, в котором заменена упомянутая компания, сайт и телефон на нейтральные плейсхолдеры).

Технологии

• Платформа: Статика (HTML5 / CSS3 / JavaScript) - возожна интеграция с WordPress (на выбор исполнителя).
• CSS-фреймворк: Tailwind или Bootstrap 5.
• Анимации: GSAP, CSS-анимации, а также Lottie (при необходимости).
• Иконки и графика: Векторные элементы (SVG) - обилие встроенных и анимированных SVG-изображений.

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

Зафиксирована без изменений, копирует порядок указанный в референсе:

• Главный экран (Hero)
• О враче
• Услуги
• Подход к лечению
• Отзывы
• Контакты
• Онлайн-запись (модал-окно на кнопке «Записаться» - встроенная форма)

Дизайн

• Цветовая палитра: #2C3E50, #3498DB, #1ABC9C, #F8F9FA, #212529.
• Шрифты: Заголовки - Inter или Poppins; основной текст - Open Sans или Roboto.
• Графика: Включить большое количество векторных элементов (графика для каждого блока, мозг/ладони/волны и т.д.), плавные анимации при прокрутке (/или SVG-слои).

Требования к функционалу

• Кроссплатформенность: адаптив под все устройства (смартфоны, планшеты, десктопы).
• Скорость загрузки: оптимизация графики, микроразметка, быстродействие до LCP ≤ 1.2с (по желанию клиента).
• Система связи: внешний javascript для валидной отправки данных без серверной проверки - просто форма обратного запроса или модал-окно с подключаемой календарной онлайн-записью (Calendly).
• Текстовое и контактной полей: все данные заменить на dummy: [город удален], [название клиники скрыто], телефон placeholder +7-(...)- вместо реальных.

Ждем от исполнителя готовых результаов в веьстере через