Описание задачи:
Где ознакомиться с существующим проектом:
Имеющаяся вёрстка:
Итак, были начаты работы по разработке дизайна курсов английского языка для детей, необходимо их продолжить в утверждённом стиле.
Основные цвета сайта – цвета логотипа.
Примерная логика работы сайта такая: с главной пользователь может посмотреть все курсы с краткими описаниями (это уже сделано, ниже ссылки где посмотреть и в Figma и уже свёрстанные страницы), далее он может перейти на страницу курса и посмотреть краткое описание уроков курса, после чего, если этот курс клиентом приобретён, он может выбрать необходимый урок.
На данный момент имеются:
дизайн главной страницы мобильный и десктопный;
мобильные дизайны страницы списка курсов и каждого курса.
Для начала, ориентируясь на готовую мобильную версию необходимо сделать десктопную страницу для страницы курса и десктопную и мобильную страницу урока.
О странице урока:
Состоит из блоков, которые могут быть расположены в любом порядке, кроме основного.
Блок 1. Название урока (несколько слов)
Блок 2. Блок основного видео
+
Короткий текст под или над ним.
Блок 3. Блок дидактических материалов
ссылки на скачивание для последующей печати прописей, текстов дляя чтения и т.п.
+
Короткий текст (его может и не быть)
В приложенных файлах примеры для лучшего понимания, о чём идёт речь.
Блок 4. Обучающие игры (может быть несколько)
несколько видов, но все они помещаются в прямоугольной области пропорционально изменяя размеры в зависимости от размеров
содержащего их блока.
Два вида игр:
1. со стороннего сервиса, пример:
2. созданные из админки сайта, прикладываю файлы с изображениями для лучшего понимания
+
Короткий текст под каждой (его может и не быть)
Блок 5. Блок с обучающим видео видео (может быть несколько)
+
Короткий текст под каждым (его может и не быть)
Блок 6. Кнопка "Я сделал урок", впрочем текст может поменяться, на, скажем "Урок мной пройден" и т.п.
Необходимо получить результат до 14.05.2025, плюс-минус – обсуждаемо, но немного, к 17-18 мая мне нужно сверстать страницы.
Если всё всех устроит, будем двигаться дальше, в личный кабинет.