Делаем хитрые сайты с AI

Для кого

Это не реальные выпускники, а типичные профили, показывающие, для кого создан курс. Они составлены на основе стратегии HEAD; если вы узнали себя — курс вам подойдёт.

• Владелец бизнеса
• Front-end разработчик
• UI/UX дизайнер без навыков кода

• Сейчас

  Нет настоящего сайта или дешёвый шаблон; агентства просят $2000+ и два месяца ожидания.

  После курса

  Запустил премиальный анимированный сайт бизнеса на своём домене за выходные — и обновляет его сам в любой момент.

• Сейчас

  Статичные шаблонные сайты; моушн-дизайн кажется отдельной профессией, на которую нет времени.

  После курса

  Скролл-анимированные сайты международного агентского уровня; портфолио, привлекающее премиальных клиентов; полный сайт за выходные.

• Сейчас

  Её дизайны умирают на этапе передачи; она не может самостоятельно предложить клиентам живой продукт.

  После курса

  Самостоятельно превращает свои макеты Figma в задеплоенные анимированные сайты; продаёт услугу вдвое дороже, чем только дизайн.

Программа по модулям

8 модулей · 33 уроков · ~8 недель

1. 1. Первый день — уже вживую в интернете

   Каждый — даже владелец бизнеса, ни разу не видевший терминал — деплоит свою страницу уже на 1-й неделе.

   1. Онбординг по ролям: 10-минутный быстрый путь для разработчиков; 40-минутная пошаговая установка для дизайнеров и владельцев бизнеса.
   2. Установка Claude Code и запуск цикла: промпт → наблюдение за сборкой → ревью → запрос изменений.
   3. Деплой на Vercel; что такое домен; как поделиться своей ссылкой.
   4. Как разговаривать с Claude Code: точные запросы, скриншоты как обратная связь, итерации вида «сделай это более ___».
   5. Проект модуля

2. 2. Дизайн-грамотность: почему сайты выглядят дёшево

   Ученики начинают видеть и объяснять разницу между шаблонным и агентским сайтом.

   1. Четыре основы премиального вида: типографика, пространство, сдержанность в цвете, качество изображений.
   2. Направленный разбор: 5 наградных сайтов и 5 шаблонных — что именно их различает.
   3. Написание дизайн-брифа, который Claude Code исполняет отлично: референсы, качества, требования по секциям.
   4. Проект модуля

3. 3. Основы анимации: движение, которое выглядит дорого

   Управление микровзаимодействиями и появлениями с помощью настоящей терминологии анимации.

   1. Почему анимация равна признаку качества; правило 200–400 мс; кривые easing простым языком.
   2. Hover-состояния, взаимодействие карточек, появления, каскадные списки — всё через Claude Code.
   3. Термины: easing, duration, stagger, spring — и как правильно требовать их в брифе.
   4. Проект модуля

4. 4. Сторителлинг через скролл

   Ключевая механика, отличающая наградные сайты от обычных.

   1. ScrollTrigger: закреплённые секции, параллакс-слои, таймлайны, привязанные к скроллу.
   2. Проектирование страницы как истории — каждая секция раскрывает следующую.
   3. Производительность: на что смотреть, чтобы анимации держали 60fps и на телефоне.
   4. Проект модуля

5. 5. Медийные компоненты: видео, галереи, 3D

   Медиаслой, который делает сайт дорогим — без потери скорости.

   1. Видео-герои, автовоспроизведение и фолбэки; контроль веса на мобильных.
   2. Паттерны галерей и слайдеров; оптимизация изображений и ленивая загрузка.
   3. Лёгкий 3D и canvas-эффекты — когда это оправдано, а когда нет.
   4. Проект модуля

6. 6. Сборка полного сайта

   От отдельных компонентов к единому связному многостраничному сайту.

   1. Структура страниц, навигация, анимации переходов между страницами.
   2. Адаптивность: один и тот же сайт корректно работает на телефоне, планшете и десктопе.
   3. Форма сбора лидов через Telegram и базовое SEO.
   4. Проект модуля

7. 7. От референса к реальности

   Увидеть понравившийся сайт и воссоздать его в своём бренде — не копируя.

   1. Разбор референса на части: структура, ритм, моушн, типографика.
   2. Чёткая граница между вдохновением и слепым копированием — с правовой и этической стороны.
   3. Превращение скриншота в бриф для Claude Code.
   4. Проект модуля

8. 8. Запуск и монетизация

   Превращение навыка в услугу — цена, предложение, клиент.

   1. Домен, аналитика, производительность и финальный чек-лист.
   2. Ценообразование услуги в диапазоне $500–2000 и упаковка предложения.
   3. Портфолио, кейс и способы найти первого клиента.
   4. Проект модуля

Выберите тариф

• Стандарт

  Что входит

  • Все видеоуроки — бессрочный доступ
  • Практические задания к каждому модулю
  • Закрытое Telegram-сообщество
  • Сертификат

  за курс

  6 500 000 сум-25%

  4 900 000 сум

  Выбрать этот тариф

• Премиум

  Что входит

  • Всё, что входит в Стандарт
  • Еженедельные живые сессии с ментором
  • Личная проверка домашних работ и обратная связь
  • Консультация 1:1 по финальному проекту
  • Разбор портфолио и советы по трудоустройству

  за курс

  9 200 000 сум-20%

  7 400 000 сум

  Выбрать этот тариф

Частые вопросы