EGround
Редактор
- Сообщения
- 68.991
- Реакции
- 293
Складчина: Создание сайтов с 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 руб.
