Практический онлайн-курс, на котором участник без опыта в программировании и веб-дизайне создаст собственный сайт-портфолио с помощью Claude и Codex.

Для специалистов, которым нужен собственный сайт, но которые не умеют программировать:графических дизайнеров, иллюстраторов, фотографов, видеографов, монтажёров, SMM-специалистов, AI-креаторов, психологов, бьюти-специалистов и других экспертов.

Онлайн, асинхронно.6 модулей / около 28 коротких уроков / 3–4 часа теории + практика.Итоговый проект — собственный опубликованный сайт.

Навыки:уверенное пользование компьютером: папки, скачивание, загрузка файлов;знать код и уметь в дизайн не нужно.Материалы, которые нужно подготовить до старта:
— Claude и/или Codex;
— браузер;
— 5–9 работ;
— фото;
— информация о себе;
— УТП;
— услуги;
— контакты.Лучше подготовить материалы заранее, чтобы не тратить лимиты AI на повторную генерацию.

После курса слушатель сможет:— работать с Claude и Codex;
— ставить AI точные задачи;
— собирать структуру сайта;
— использовать базовый маркетинговый анализ;
— создавать визуальное направление;
— генерировать и изменять код;
— добавлять анимации;
адаптировать сайт под разные устройства;
— публиковать сайт на хостинге;
— подключать домен и обновлять сайт.

Блок 1. Claude и Codex: введение в нейросети1.1. Claude и Codex
1.2. Возможности и ограничения
1.3. Тарифы, лимиты и оплата
1.4. Подготовка материалов
1.5. Как работать с AIБлок 2. Архитектура сайта-портфолио2.1. Почему структура важнее дизайна
2.2. Базовая структура сайта
2.3. Структура под свою профессию
2.4. Текстовый прототипБлок 3. Мини-маркетинг3.1. Целевая аудитория
3.2. Анализ конкурентов
3.3. Сильные и слабые стороны конкурентов
3.4. Как выделитьсяБлок 4. Референсы и визуальный стиль4.1. Как пользоваться библиотекой
4.2. Библиотека визуальных стилей
4.3. Библиотека элементов
4.4. Анимации и интерактив
4.5. Работа со своими референсами
4.6. Соединяем маркетинг и визуалБлок 5. Сборка и адаптация сайта5.1. Подготовка к сборке
5.2. Первая версия сайта
5.3. Итерации и правки
5.4. Правки через референсы
5.5. Адаптация под разные устройстваБлок 6. Публикация сайта6.1. Хостинг и домен
6.2. Публикация сайта
6.3. Подключение домена
6.4. Обновление сайтаИтоговый проект
Готовый опубликованный сайт-портфолио.

Блок 2. Архитектура сайта-портфолиоРазбираем базовую структуру портфолио и адаптируем её под конкретную профессию. В результате участник получает текстовый прототип будущего сайта.2.1. Почему структура важнее дизайна
2.2. Базовая структура сайта
2.3. Структура под свою профессию
2.4. Текстовый прототип

Блок 3. Мини-маркетингОпределяем, для кого создаётся сайт, анализируем конкурентов и ищем точки отличия.3.1. Целевая аудитория
3.2. Анализ конкурентов
3.3. Сильные и слабые стороны конкурентов
3.4. Как выделитьсяНа финальном этапе объединяем информацию об аудитории, конкурентах, специалисте и его УТП и определяем, что стоит добавить на сайт.

Блок 4. Референсы и визуальный стиль
Собираем визуальное направление сайта с помощью библиотеки курса или собственных референсов.4.1. Как пользоваться библиотекой
4.2. Библиотека визуальных стилей
4.3. Библиотека элементов
4.4. Анимации и интерактив
4.5. Работа со своими референсами
4.6. Соединяем маркетинг и визуал

Блок 5. Сборка и адаптация сайтаОбъединяем структуру, маркетинговые выводы, контент и визуальные решения и создаём первую полную версию сайта.5.1. Подготовка к сборке
5.2. Первая версия сайта
5.3. Итерации и правки
5.4. Правки через референсы
5.5. Адаптация под разные устройства

Блок 6. Публикация сайтаРазбираем хостинг, домены и публикацию готового проекта.6.1. Хостинг и домен
6.2. Публикация сайта
6.3. Подключение домена
6.4. Обновление сайта