animations.md

Как делать сайты с нормальным дизайном На прошлой неделе у нас выступил Евгений Мартынец , Founder of Acta, ex-CMO студии Володи Лоцманова. На вебинаре он рассказал, как пройти полный путь создания сайта от MVP до нормального работающего продукта с хорошим дизайном. Вот небольшой фрагмент из его выступления — по работе с дизайном 🟡 Подберите три визуальных референса Найдите три сайта или изображения с подходящими решениями. Для поиска подойдут Pinterest, Dribbble и Awwwards. Сохраните ссылки или скриншоты в папке проекта. К каждому примеру добавьте короткий комментарий: что хотите взять, где это использовать, что изменить и что точно не повторять. Посмотри визуальные референты в папке проекта. Для каждого напиши: — что берем; — в каком блоке используем; — что меняем под наш бренд; — что не копируем. Не переноси чужой макет, текст или изображения целиком. Сохрани выводы в references.md . Трех понятных примеров достаточно. Большая подборка без комментариев скорее запутает агента. 🟡 Подберите анимации Попросите агента посмотреть стратегию, бренд и референсы, а затем выбрать несколько эффектов на React Bits. Для первой версии хватит анимации первого экрана, главной кнопки и одного дополнительного элемента. Прочитай strategy.md , brand.md и references.md . Подбери на React Bits 2–3 анимации для сайта: — для первого экрана; — для главной кнопки; — для одного дополнительного элемента, если это уместно. Для каждой укажи ссылку, где ее использовать, как она запускается и что будет на мобильной версии. Проверь, что без анимации текст читается, а кнопки работают. Пока ничего не добавляй в сайт. Сохрани список в animations.md . Оставьте только те эффекты, которые помогают заметить важный элемент или понять действие интерфейса. 🟡 Соберите материалы в PROJECT.md К этому моменту в папке проекта лежат описание продукта, анализ конкурентов, стратегия, бренд, референсы и анимации. Попросите агента собрать главное в одном файле и отдельно записать постоян