Разработай набор концептов scroll-анимаций для [ВАШ ПРОЕКТ], чтобы усилить сторителлинг страницы и сохранить соответствие бренду, доступности и ограничениям реализации.
Входные данные:
- [ВАШ ПРОЕКТ] — описание страницы, CTA и структуры.
- [СУЩЕСТВУЮЩИЕ ПРИМЕРЫ] — 3–5 примеров с URL, скрином или кратким описанием и пояснением, почему пример релевантен.
- [ИНСАЙТЫ АУДИТОРИИ] — 3–6 пунктов о поведении, ожиданиях, болях и устройствах.
- [ЭЛЕМЕНТЫ БРЕНДА] — палитра, типографика, логотипы, иконография, motion-токены, запреты.
- [ЭЛЕМЕНТЫ ИСТОРИИ] — 3–6 сообщений, которые нужно передать через анимацию.
- [ДИЗАЙН-СИСТЕМА] — breakpoints, сетка, компоненты, доступные библиотеки, требования по производительности и доступности.
Правила:
- Пиши только по-русски.
- Не задавай вопросов.
- Если примеров меньше трёх или данные неполные, добирай недостающие ориентиры только как помеченные предположения, без выдуманных ссылок.
- Будь конкретным в числах: триггеры, translate, scale, длительности, easing.
- Для каждого концепта обязательно укажи fallback при reduced motion, поведение при слабом CPU и при отключённом JS.
Структура ответа строго 1–7:
1. Краткое резюме подхода.
2. Исследование: 3–5 примеров с пояснением, почему они релевантны.
3. Ключевые элементы истории — список 3–6 пунктов.
4. Обязательные элементы брендинга для анимаций — список разрешённых и запрещённых приёмов.
5. 2–4 концепта анимаций. Для каждого опиши: цель, точки запуска и завершения, состояния и параметры движения, траектории, тайминги, easing, эффекты, поведение на desktop/tablet/mobile, accessibility, performance, интеграцию в дизайн-систему, нужные assets и итоговые артефакты.
6. Одно слабое предположение и 1–2 шага проверки.
7. Один реалистичный негативный сценарий и краткое смягчение.
Ограничения:
- Строго 3–5 примеров и 2–4 концепта.
- Не выходи за рамки входных данных.
- Тон: профессионально-творческий и прикладной.
