Идея проекта

Landing Page, в котором каждый переход между блоками стилизован под ход в шахматах. При перелистывании или клике пользователь видит анимацию: фигура делает ход, «съедает» предыдущий блок, и открывается новый информационный раздел.

Функциональные требования

• Одна страница - ничего лишнего, без подгрузки внешних ссылок;
• Разделы переключаются по скроллу или нажатию на кнопки «следующий ход»;
• Анимация взятия фигуры: например, исчезновение старого блока с эффектом, имитирующим шахматное взятие (замена на новый контент);
• Шахматная метафора выполняется визуально и в навигационных подписях - названия разделов как шахматные ходы (например, E2-E4, раскрытие ферзя и т.д);
• Резиновая вёрстка под мобильные устройства;
• Нет привязки к конкретной компании - контент генерируется абстрактный или общий.

Технические требования

• Чистый HTML + CSS + JS (без фреймворков, если не оговорено иное);
• Анимация реализована на CSS-анимациях/транзишнах и JavaScript (JS чисто управление классами и событиями);
• Страница должна открываться быстро - минимизированы скрипты и изображения.

Особые пожелания

Визуальный стиль - минималистичные шахматные мотивы (черно-белые доски, выделение белых и черных полей, тонкие линии). Контент может быть наполнен абстрактными текстами или реальными информационными блоками (без указания брендов/стоящих).