Тестовое задание 25 Dec 2023
alnilam - лендинг студии настольных игр, рефакторинг и доводка
- Nuxt 3
- Vue 3
- TypeScript
- Tailwind
- SCSS
- WebGL
- Cloudflare
Лендинг для студии настольных и карточных игр, перестроенный из шаблона на jQuery и куче неиспользуемых анимационных библиотек. Центральный эффект воды на WebGL работал на jQuery - заменил его собственным портом без зависимостей (интерактивные капли за курсором, с учётом reduced-motion) и убрал из сборки jQuery, AOS, GSAP и мёртвый плагин переходов страниц. Сверху добавил модальную форму заявки с клиентской валидацией, маской ввода телефона и тостами успеха/ошибки, рабочее доступное мобильное меню и плавную прокрутку к якорям со смещением под липкую шапку, которая работает даже в фоновых вкладках (анимация на таймере, поскольку requestAnimationFrame и нативный smooth-scroll в скрытых вкладках приостановлены). Контент тоже подтянул: убрал дубли в каталоге, написал реальные ответы в FAQ, насытил первый экран цифрами и понятными CTA, оформил футер реальными ссылками, добавил кастомный фавикон и недостающие страницы (оплата и доставка, политика, cookies). Базовая доступность везде - html lang, ориентиры, skip-ссылка, focus-visible, аккордеон с клавиатуры, aria-подписи и режим reduced-motion. Nuxt 3 + Vue 3 + TypeScript + Tailwind + SCSS, статическая генерация и развёртывание на Cloudflare Pages.