1. Профиль компетенций

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

• проектирование структуры лендинга (блоки, сценарий просмотра, CTA);
• UI/UX основы: сетка, типографика, визуальная иерархия, работа с отступами;
• HTML5 и CSS3 (семантика, адаптивность, flex/grid, media queries);
• кроссбраузерная и адаптивная вёрстка под desktop/tablet/mobile;
• JavaScript для интерфейсных сценариев (меню, модальные окна, табы/аккордеон, якоря);
• оптимизация изображений и производительности (форматы, размеры, lazy-loading);
• доступность (базовые требования: контраст, фокус, alt, понятные элементы управления).

2. Программное обеспечение конкурсной площадки

• Microsoft Windows 10/11;
• Google Chrome, Firefox или Edge;
• Редактор кода (VS Code, Sublime Text, Notepad++);
• локальный веб-сервер (Live Server / встроенный сервер IDE / Open Server Panel или аналог);
• графический редактор для подготовки ассетов (Figma / Photopea / Photoshop или аналог);
• доступ к сети Интернет.

3. Формат конкурсного задания

Участникам необходимо разработать лендинг образовательного чемпионата в корпоративном стиле: продумать структуру, собрать визуальные материалы, сверстать адаптивную страницу и обеспечить базовую интерактивность.

• модуль 1 — прототип и структура: блоки, логика, навигация, CTA (участие/регистрация);
• модуль 2 — дизайн-решение: типографика, сетка, UI-компоненты, подготовка ассетов;
• модуль 3 — адаптивная вёрстка и интерактив: меню, якоря, формы, анимации (по необходимости);
• обязательные секции: герой-экран, о чемпионате, треки/номинации, расписание, партнёры, FAQ, контакты;
• форма заявки с клиентской валидацией;
• оптимизация изображений и структуры проекта;
• чистая организация файлов и готовность к публикации.

4. Формат проведения

Финальный этап проводится в очном формате и состоит из трёх модулей. Участники выполняют задание последовательно: структура, дизайн, адаптивная реализация. Итог загружается в LMS-систему отдельным архивом проекта.

5. Ограничения

• запрещено использование генеративных нейросетей и автоматической генерации кода;
• запрещена авторизация в облачных хранилищах и онлайн-IDE;
• запрещено использование мессенджеров и внешних носителей данных.

6. Разрешённые ресурсы

• официальная документация и профильные обучающие ресурсы;
• поиск информации в сети Интернет;
• открытые библиотеки иконок и шрифтов при соблюдении лицензий;
• использование типовых UI-паттернов без копирования готовых шаблонов.