Разработка образовательного сайта

Требуется разработать сайт по образованию, обучению, помощи студентам. Пример как может выглядеть: <a href="https://5edu.ru/">https://5edu.ru/</a><br>1. <b>Общие требования</b><ul><li><p>Сайт должен быть адаптивным и корректно отображаться на всех устройствах (ПК, планшеты, мобильные телефоны).</p></li><li><p>Сайт должен быть выполнен на современной CMS (например, WordPress) или на фреймворке (например, Laravel, React.js), в зависимости от сложности и требований заказчика.</p></li><li><p>Сайт должен быть оптимизирован для быстрой загрузки (оптимизация изображений, минификация CSS/JS, кэширование).</p></li><li><p>Сайт должен быть SEO-дружественным (семантическая верстка, правильные мета-теги, микроразметка).</p></li><li><p>Сайт должен быть интегрирован с Яндекс.Метрикой и Google Analytics.</p></li></ul>2. <b>Структура сайта</b><p>Сайт должен содержать следующие основные страницы:</p><ol><li><p><b>Главная страница</b></p><ul><li><p>Приветственный блок с крупным заголовком и кнопкой CTA (например, "Записаться на курс").</p></li><li><p>Блок с преимуществами обучения (иконки + текст).</p></li><li><p>Блок с популярными курсами (карточки с фото, кратким описанием и ценой).</p></li><li><p>Блок с отзывами студентов.</p></li><li><p>Блок с информацией о преподавателях.</p></li><li><p>Блок с контактной информацией и формой обратной связи.</p></li></ul></li><li><p><b>Каталог курсов</b></p><ul><li><p>Страница с фильтрами (категория, уровень сложности, цена, длительность).</p></li><li><p>Карточки курсов с фото, описанием, ценой и кнопкой "Подробнее".</p></li><li><p>Пагинация или подгрузка при скролле.</p></li></ul></li><li><p><b>Детальная страница курса</b></p><ul><li><p>Фотогалерея или видео-презентация курса.</p></li><li><p>Подробное описание курса (программа, длительность, формат обучения).</p></li><li><p>Преподаватели курса (фото, краткая информация).</p></li><li><p>Отзывы о курсе.</p></li><li><p>Форма записи на курс (имя, телефон, email).</p></li></ul></li><li><p><b>О школе</b></p><ul><li><p>Информация о школе (текст + фото).</p></li><li><p>Преимущества обучения.</p></li><li><p>Преподаватели (фото, краткая информация, достижения).</p></li></ul></li><li><p><b>Контакты</b></p><ul><li><p>Карта с расположением школы.</p></li><li><p>Контактная информация (телефон, email, адрес).</p></li><li><p>Форма обратной связи.</p></li></ul></li><li><p><b>Дополнительные страницы</b></p><ul><li><p>Условия обучения.</p></li><li><p>FAQ (вопросы и ответы).</p></li><li><p>Новости.</p></li><li><p>Блог (статьи об образовании, советы и т.д.).</p></li></ul></li></ol>3. <b>Дизайн</b><ul><li><p>Дизайн должен быть выполнен в современном стиле, с использованием качественных изображений и анимаций.</p></li><li><p>Шрифты: современные, легко читаемые (например, Roboto, Open Sans).</p></li><li><p>Цветовая гамма: спокойные, образовательные тона (синий, белый, серый).</p></li><li><p>Анимации: плавные, ненавязчивые (например, при наведении на кнопки или карточки).</p></li></ul>4. <b>Функционал</b><ol><li><p><b>Формы обратной связи</b></p><ul><li><p>Форма на главной странице (имя, телефон, email).</p></li><li><p>Форма на детальной странице курса (имя, телефон, email, сообщение).</p></li><li><p>Форма в разделе контактов (имя, телефон, email, сообщение).</p></li><li><p>Все формы должны отправлять данные на email заказчика и сохраняться в базе данных.</p></li></ul></li><li><p><b>Фильтры в каталоге курсов</b></p><ul><li><p>Фильтры по категории, уровню сложности, цене, длительности.</p></li><li><p>Возможность сортировки (по цене, по популярности).</p></li></ul></li><li><p><b>Личный кабинет пользователя</b></p><ul><li><p>Возможность регистрации и авторизации.</p></li><li><p>Просмотр записанных курсов.</p></li><li><p>Доступ к материалам курсов (если предусмотрено).</p></li></ul></li><li><p><b>Админка (если используется CMS)</b></p><ul><li><p>Удобное управление контентом (добавление/редактирование курсов, новостей, страниц).</p></li><li><p>Управление формами (просмотр заявок).</p></li><li><p>Управление пользователями (регистрации, доступы).</p></li></ul></li><li><p><b>Интеграция с платежными системами</b></p><ul><li><p>Возможность оплаты курсов онлайн (например, через Яндекс.Кассу, Robokassa).</p></li></ul></li></ol>5. <b>Технические требования</b><ul><li><p>Кроссбраузерность: сайт должен корректно отображаться в последних версиях Chrome, Firefox, Safari, Edge.</p></li><li><p>Оптимизация для мобильных устройств: сайт должен быть удобен для использования на смартфонах (большие кнопки, адаптивные изображения).</p></li><li><p>Безопасность: защита от SQL-инъекций, XSS-атак, использование HTTPS.</p></li></ul>6. <b>Сроки и этапы</b><ol><li><p><b>Этап 1: Проектирование и дизайн</b></p><ul><li><p>Срок: 5-7 дней.</p></li><li><p>Результат: утвержденный макет главной страницы и внутренних страниц.</p></li></ul></li><li><p><b>Этап 2: Верстка и программирование</b></p><ul><li><p>Срок: 10-14 дней.</p></li><li><p>Результат: готовый сайт с базовым функционалом.</p></li></ul></li><li><p><b>Этап 3: Тестирование и доработки</b></p><ul><li><p>Срок: 3-5 дней.</p></li><li><p>Результат: полностью рабочий сайт, готовый к запуску.</p></li></ul></li></ol>