Создание сайтов с AI-агентами [Пакет Самостоятельный] [Pixel Perfect] [Николай Алексеев, Даниил Шишко]

Складчина: Создание сайтов с AI-агентами [Пакет Самостоятельный] [Pixel Perfect] [Николай Алексеев, Даниил Шишко]

От дизайна до готового сайта в 5 раз быстрее. AI генерирует визуал, пишет код, а вы ставите задачи и контролируете результат.

Для кого этот курс

• Дизайнерам
  Научитесь делать дизайн с AI в разы быстрее: генерировать визуал, собирать дизайн-систему и варианты макетов. А потом сами завайбкодите макет в сайт.
• Делаете сайты на конструкторах
  Выйдете на уровень дизайна выше шаблонов и начнете браться за проекты, которые конструктор не тянет.
• Разработчикам
  Сможете закрывать дизайн без дизайнера и собирать сайты в разы быстрее с AI-агентом.
• Предпринимателям и маркетологам
  Создадите сайт под свой продукт и сможете управлять и масштабировать без подрядчиков.

Курс не подойдет, если вы:

• Хотите стать программистом и писать код руками
• Ждете, что AI сделает сайт одной кнопкой, без вашего участия
• Ищете, как быстро заработать в интернете

Программа

01. Мастерская
В этом модуле строим рабочую среду, в которой дальше будут собираться все ваши сайты.
Дело не в возможностях AI: чаще всего агент ошибается, потому что работает вслепую. Он не знает вашего проекта, путает клиентов и каждый раз делает по-новому. Здесь вы настроите его так, чтобы он знал ваш проект и работал предсказуемо.

Уроки

• Что умеет AI в сайтах и где заканчивается конструктор
• Инструменты: из чего собирается сайт
• Рабочее место и первый проект
• Несколько клиентов сразу
• Памятки для агента: чтобы делал одинаково
• Второй агент, который проверяет за первым

Результат: Рабочее место, которое знает ваш проект, не путает клиентов между собой и не теряет ключи. Плюс собственный проверяющий, который находит то, что вы не заметили.

02. Лендинг
Первый настоящий проект: лендинг, который приводит заявки.
В этом модуле вы впервые проходите весь путь от брифа до работающего сайта. Делаете дизайн, который агент понимает без искажений, генерируете визуал без нейрослопа, собираете страницу по макету и подключаете форму заявки, CRM и аналитику.

Уроки

• Среда под лендинг — руками, с разбором
• Бриф клиента и структура страницы
• Дизайн, который агент понимает
• Картинки без нейрослопа
• Вёрстка по дизайну
• Форма заявки и CRM
• Яндекс.Метрика и цели
• Публикация: сайт по своей ссылке
• Сохраняем шаблон

Результат: Первый проект в портфолио: лендинг с дизайн-системой, формой заявки, подключенной к CRM, и настроенной аналитикой.

03. Корпоративный сайт
Многостраничный сайт с блогом, которым клиент управляет сам.
Делаете дизайн-систему и шаблоны страниц, подключаете CMS и настраиваете SEO и AEO. А блог наполняется статьями по реальным поисковым запросам с помощью агента.

Уроки

• Вы сами описываете, как готовить проект
• Карта сайта по брифу
• Дизайн на десяток страниц
• Типовые страницы и шаблоны
• Админка: клиент правит тексты сам
• Чтобы сайт находили: SEO и AEO
• О чём писать: собираем запросы клиентов
• Блог, который наполняется сам
• Сохраняем шаблон и сравниваем

Результат: Второй проект в портфолио: многостраничный сайт с дизайн-системой, CMS, SEO и блогом. Блог пополняется с помощью агента, и за его ведение можно брать с клиента ежемесячную оплату.

04 Интернет-магазин
Интернет-магазин с каталогом, корзиной и приемом оплаты.
Делаете дизайн витрины, карточки товара и оформления заказа, а агент собирает магазин на платформе Medusa.js и подключает оплату, чеки, доставку и уведомления о заказах. Ошибка в магазине стоит уже не заявки, а денег, поэтому путь покупателя от корзины до оплаты продумываем особенно тщательно.

Уроки

• Готовим проект магазина
• Структура каталога
• Каталог и карточка товара
• Дизайн корзины и оформления заказа
• Товары и база
• Приём оплаты
• Чеки, доставка, уведомления
• Сохраняем шаблон

Результат: Третий проект в портфолио: интернет-магазин с дизайном витрины и карточки товара, корзиной, приемом оплаты и уведомлениями о заказах.

05. Интерактивный сайт
Сайт с 3D, видео и анимацией по прокрутке.
Придумываете сценарий, что происходит на экране при прокрутке, генерируете видео и 3D-графику, а агент собирает анимацию и настраивает сайт так, чтобы тяжелый визуал быстро открывался на телефоне.

Уроки

• Готовим проект под тяжёлые файлы
• Идея и раскадровка
• Генерация видео и 3D
• Анимация по прокрутке
• Скорость: чтобы открывалось на телефоне
• Финал: набор собран

Результат: Четвертый проект в портфолио: сайт с 3D, видео и анимацией по прокрутке, который быстро открывается на телефоне.

06. Безопасность и передача сайта
Сгенерировать сайт мало, перед запуском его нужно защитить. Настраиваете защиту сервера и форм от ботов и спама, доступы к админке, хранение паролей и ключей и соблюдение 152-ФЗ о персональных данных.
Модуль открывается сразу после лендинга, чтобы защита была готова к первому запуску.

Уроки

• Шесть настроек защиты сервера
• Формы: инъекции, боты, спам
• Админка и личный кабинет
• Персональные данные и 152-ФЗ
• Пароли и ключи доступа
• Передача клиенту

Результат: Чек-лист, по которому вы проверяете любой сайт перед запуском или передачей клиенту: защита, персональные данные, доступы и инструкция для владельца.

В курсе ведет разработку - Николай Алексеев. Сооснователь студии Fluid. Эксперт по ноу-код и AI-DEV.
Больше десяти лет делает сайты клиентам — раньше на конструкторе, теперь с AI. Сейчас с командой Fluid AI собирает сайты с AI-агентами. Делал разработку для Сбера, Альфа-Страхования, Касперского, Самолёта, ГК «Ланит», Agima, Chulakov School, Charmer и других российских и зарубежных компаний.

В курсе ведет дизайн - Даниил Шишко
Продуктовый дизайнер с инженерным бэкграундом
Семь лет в индустрии. Начинал как ноу-код разработчик и верстальщик лендингов, вырос до продуктового дизайнера. Магистратура ИТМО по продуктовому дизайну. Делал продукты для СДЭК, Самоката, Сетки и Setters, сейчас собирает собственные продукты на AI-стеке.

Пакет Самостоятельный
Для тех, кто готов разбираться сам

• База из 44 записанных уроков
• Учебные проекты и шаблоны для практики
• Конспекты уроков в Notion

Цена: 50224 руб.
Скрытая ссылка