Разработка микроанимаций для элементов сайта
Требуется создать 6 небольших анимаций для сайта (сайдбар, хедер, меню) с возможностью настройки цветов. Пример: анимация паука, спускающегося на паутинке.
Верстка и запуск лендинга
1. Исходные данные
- Дизайн: Предоставлен макет в Figma.
- Структура: Одностраничный сайт (лендинг).
2. Основные требования к разработке
Адаптивность и верстка
- Коректное отображение на десктопах (Desktop), планшетах (Tablet) и телефонах (Mobile).
- Для промежуточных разрешений - резиновая верстка.
Скорость и оптимизация
- Только чистый код без использования тяжелых фреймворков.
- Обязательная конвертация и использвание изображений с оптимизацией (WebP формат).
- Доработки «зеленая зона» по метрикам Google PageSpeed (“Green zone”).
Семантика и SEO
- Применение правильных HTML-тегов для корректной индексации поисковыми системами.
- Ожидается консультация или помощь в подборе ключевых запросов, а также советы по базовому SEO внедрение.
3. Анимация и интерактив
- Сделать аккуратно и без навороченных скриптов во имя снижения бюджета и сроков.
- Принцип «меньше - лучше»: микроэффекты в виде ховеров (hover), легкого осветления при наведении и стартовом паралакс-скролл/Fade-in эффект элементов.
- Любой интересный вариант на усмотрение разработчику если он не наврежет скорости слота или загрузки сайта.
4. Формат сдачи работы
- Развернутый и рабочий сайт на выделенном хостинге или домене.
- Все необходимые данные и логины для доступа будут предоставлены со стороны заказчика.