Методичка Дизайн Кэмпа. Как я собрала лендинг про домашнего робота Roxy — от пустого экрана до первой секции с интерактивным видео, где робот поворачивает голову за мышкой. Здесь весь маршрут: где искала референс, как генерировала своего робота, как его оживила, как придумала инфографику через маркетинг и как одним промтом перенесла всё в код.

<aside> ⏱️

Весь путь укладывается в 6 шагов. Каждый шаг — отдельный блок ниже: сначала я показываю, что делала я, потом даю готовый промт, который можно скопировать и подставить свою тему. Держись порядка сверху вниз — это и есть логика урока.

</aside>

Как получить бонусные токены на генерации фото и видео

<aside> 💡

Промокод DERZAYTOK

</aside>

Он добавит к выбранному тарифу бонусные токены : • Старт +100 000 • Про +200 000 • Макс +300 000

Как активировать:

  1. Регистрируетесь: https://nolim.cc/ai-assistent
  2. Открываете тарифы
  3. Нажимаете «У меня есть промокод»
  4. Вводите DERZAYTOK и выбираете тариф
  5. Бонусные токены начислятся дополнительно к тем, которые уже входят в тариф 🤍

<aside> 💡

После регистрации дают 15 000 токенов на тест. И еще 50.000 токенов дополнительно можно получить за отзыв.

</aside>

Куда мы идём

Вот финал, к которому собираем весь урок. Первая секция сайта: робот стоит по центру, ведёшь мышкой — он поворачивает голову за курсором, диаграммы в карточках живут, печатная машинка циклит строку.

Финальная первая секция — отъезд камеры от робота (собираем это в конце урока)

Финальная первая секция — отъезд камеры от робота (собираем это в конце урока)

<aside> 🎯

Главный принцип урока. 80% результата — это структура и техника (генерация персонажа, фиксация стиля, оживление, перенос в код). 20% — твоя тема. Меняешь только 20%, а весь каркас берёшь готовым. Поэтому под каждым шагом есть блок-конструктор, куда подставляешь свой продукт.

</aside>