Лендинг с футуристичным дизайном: библиотека Motion Sites, видео и hover-эффекты через Cursor
Лендинг с футуристичным дизайном: библиотека Motion Sites, видео и hover-эффекты через Cursor

Смотреть урок

Дополнительные файлы из урока

В этом мастер-классе я показываю, как сделать эффектный лендинг на основе библиотеки Motion Sites: беру готовый промпт, отдаю его в Cursor и дорабатываю сайт под себя блок за блоком. Видео для первого экрана я делаю сам: картинка в ChatGPT, затем оживление в видеогенераторе. Hover-эффекты сначала придумываю в ChatGPT по референсу, а в код их переносит агент. В конце сайт доводится до деплоя на личный домен. Урок подойдёт тем, кто хочет собрать визитку или небольшой лендинг и не имеет опыта в дизайне.

Результат: 🔗 ссылка доступна участникам. Основа компонентов: 🔗 ссылка доступна участникам

Оглавление с таймкодами:

0:00–1:09 Библиотека Motion Sites: футуристичные сайты, завязанные на видео, есть бесплатные и платные варианты. Копирую промпт и отправляю его в Cursor, Claude Code или Claude Design.


1:09–2:13 Фиксирую, что хочу получить, и прошу ChatGPT Pro написать короткое описание лендинга. Для первого видео делаю 3D-модель в космосе по своему фото и оживляю её в видеогенераторе.
2:13–3:18 Дизайн сайта…

🔒

Этот материал доступен участникам Клуба. Войдите или оформите доступ, чтобы читать целиком, открывать видео и комментировать.

Войти Вступить / купить доступ