Идея проекта

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

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

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

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

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

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

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