Промпт создаёт измеримую стратегию скролл-анимаций: анализ секций и референсов, motion-spec для каждого блока, требования по доступности и производительности, план внедрения, тестирования и контроля KPI.
В этом промпте 28 строк и 2080 символов
Сформируй практическую стратегию анимаций при прокрутке для [ПРОЕКТ].
Используй материалы:
- [URL_МАРКЕТИНГОВОЙ_СТРАНИЦЫ]
- [РЕФЕРЕНСЫ_АНИМАЦИЙ]
- [СИСТЕМА_ДИЗАЙНА]
- [ЦВЕТА_БРЕНДА]
- [ПЕРСОНЫ]
Если входных данных недостаточно, коротко зафиксируй допущения в начале и продолжай без вопросов.
Верни один законченный документ на русском со строгой структурой:
1. Краткое резюме стратегии: 3–5 предложений о цели, ожидаемом эффекте и принципах отбора анимаций.
2. Анализ страницы: перечисли приоритетные блоки и селекторы, которые нужно усилить анимацией, и объясни влияние каждого на вовлечение или конверсию.
3. Референсы: для каждого примера из [РЕФЕРЕНСЫ_АНИМАЦИЙ] укажи, что именно стоит адаптировать и почему это подходит аудитории.
4. Карта блоков и триггеров: для каждого выбранного блока дай селектор или идентификатор, тип триггера, начальное и конечное состояние, анимируемые свойства, duration, delay, easing, поведение при быстрой прокрутке и KPI.
5. Стили анимации: предложи 2–4 согласованных стиля с назначением, визуальным поведением, ожидаемым эффектом и примерной стоимостью по производительности.
6. Accessibility & Performance: опиши reduced motion, допустимый CLS, бюджет веса для Lottie или видео, fallback для слабых устройств и старых браузеров.
7. План тестирования: выдели одно слабое предположение, предложи конкретный A/B-тест или прототип, метрики успеха, длительность и минимальную выборку.
8. Риски: укажи одну реальную ситуацию, в которой стратегия может не сработать.
9. Внедрение: перечисли рекомендуемые технологии и паттерны, разбивку задач по приоритетам и оценку трудозатрат Low/Medium/High.
10. Acceptance criteria: дай краткий шаблон для QA, включая motion-spec каждой анимации.
Требования:
- Для каждой анимации обязательно указывай start state, end state, duration, delay и easing.
- Поясняй термины коротко и без перегруза техническим жаргоном.
- Ограничься материалом, пригодным для презентации маркетингу и разработке.
- Если нужен более широкий пакет, в конце предложи отдельную краткую дорожную карту, не расширяя основной документ.
Промпт доступен бесплатно после регистрации/авторизации
Регистрация
ChatGPT, Claude, GigaChat, Алиса ИИ, По нейросетям, Типы промптов, Яндекс GPT