Задача
Разработать конверсионный лендинг для продажи годовой подписки Google AI PRO (Gemini, Veo, NotebookLM, Deep Research и др.) с акцентом на SEO, скорость загрузки и мультиязычность интерфейса — без фреймворков и систем сборки.
Что сделал
- Свёрстал адаптивный лендинг на чистом HTML/CSS с секциями Hero, «Возможности по категориям», FAQ и блоком оффера (цена, скидка, CTA на Telegram-менеджера)
- Реализовал переключение языка RU/EN на лету через data-атрибуты — без перезагрузки страницы и библиотек интернационализации
- Написал canvas-анимацию иконок сервисов Google с покадровым таймингом по фазам (появление → сборка к центру → пауза → эластичный разлёт → плавающее состояние) и собственными функциями easing
- Оптимизировал производительность: анимация отключается на мобильных и при уходе вкладки из фокуса, resize обрабатывается с debounce, изображения грузятся лениво
- Сделал плавное появление блоков через IntersectionObserver и аккордеон для FAQ
- Прописал SEO-разметку: мета-теги, Open Graph, Twitter Cards, canonical, manifest.json, sitemap.xml, robots.txt
Результат
- Полностью статичный, легковесный лендинг без зависимостей и шага сборки — разворачивается на любом хостинге простой выкладкой файлов, с готовой SEO-разметкой и двуязычным интерфейсом.