• Создавать структуру и тексты сайта вместе с AI
• Генерировать дизайн сайта прямо в Figma
• Создавать сайт и собственную CMS через Claude Code
• Настроишь полный workflow: Claude - Сlaude Code - VS Code - GitHub - Vercel - SІupabase - Telegram
• Подключать базу данных и управлять сайтом через Telegram
• Правильно хранить API-ключи, пароли и секретные данные

Что вы будете уметь после курса

Создавать структуру и тексты сайта с AI, генерировать дизайн прямо в Figma, превращать статичный дизайн в редактируемый макет, разрабатывать сайт через Claude Code, создавать собственную CMS, подключать базу данных, безопасно работать с ключами и паролями, публиковать проект через GitHub и Vercel и управлять сайтом прямо через Telegram.

Программа:

• AI-first разработка: от идеи до работающего продукта
• Рабочая экосистема: Claude, Claude Code и VS Code
• Настраиваем AI-среду для разработки
• Проектируем структуру и контент сайта
• Визуальное направление: референсы и первые AI-концепции
• Проектируем дизайн сайта с AI
• Figma × Claude: подключаем дизайн через MCP
• От макета к работающему веб-проекту
• Итерационная разработка: дорабатываем сайт с Claude Code
• От локального проекта к Production: GitHub + Vercel
• От макета к работающему веб-проекту
• Проектируем собственную CMS: интерфейс админки
• Подключаем Backend: Supabase, Database и Storage
• QA с AI: тестируем и исправляем проект
• Создаём Telegram CMS для управления сайтом
• Куда и как двигаться дальше

• Проектировать веб- и мобильные приложения в Figma на профессиональном уровне.
• Создавать вайрфреймы, пользовательские сценарии и продуманную структуру интерфейса.
• Использовать Components для сборки гибких и переиспользуемых элементов дизайна.
• Настраивать Auto Layout для быстрого создания адаптивных интерфейсов.
• Работать с Variables, цветами, типографикой и токенами дизайн-системы.
• Проектировать интерфейсы для разных экранов: мобильных, планшетных и десктопных.
• Собирать интерактивные прототипы с переходами, состояниями и анимациями.
• Подключать ИИ-инструменты для генерации идей, ускорения рутины и улучшения процесса проектирования.
• Готовить макеты к передаче разработчикам и презентации заказчику, команде или инвесторам.

• UI/UX-дизайнерам, которые хотят ускорить работу в Figma и улучшить качество интерфейсов.
• Продуктовым дизайнерам, которым важно системно проектировать приложения и создавать масштабируемые дизайн-решения.
• Начинающим специалистам, которые планируют перейти в продуктовый дизайн и собрать сильный проект для портфолио.
• Предпринимателям и основателям стартапов, которые хотят самостоятельно превратить идею продукта в понятный прототип для команды, клиентов или инвесторов.
• Фрилансерам, которым нужно быстрее выполнять заказы на дизайн веб- и мобильных приложений.

• Джуниор и миддл дизайнерам.
  Изучить продуктовые практики и исследования. Получить уверенность, в своем дизайне. Вырасти в ЗП
• Для веб и граф дизайнеров.
  Перейти на высокую зарплату в IT, решать сложные бизнес задачи.
• Узникам агентств и фрилансерам.
  Перестать быть «руками». Перейти в продукт, делать дизайн на базе исследований и аналитики.
• Выпускникам курсов по UI / UX
  Закрыть зияющие прорехи в дизайн образовании и устроиться на первую работу.

• Лекция. Начало работы с фигмой
• Лекция. Установка и интерфейс
• Лекция. Базовые функции
• Лекция. Констреинты и автолейауты
• Лекция. Рисование Draw
• Лекция. Компоненты и варианты
• Лекция. Прототипы и анимации

• Лекция. Введение
• Лекция. Цвета
• Лекция. Типографика
• Лекция. Numbers
• Лекция. Прототипы. Set Variable
• Лекция. Прототипы. Set Variable Mode
• Лекция. Conditions

• Лекция. Что такое образ
• Лекция. Как передавать эмоции через дизайн
• Лекция. Плашки бенто
• Лекция. Размеры элементов и воздух
• Лекция. Иконки
• Лекция. Картинки
• Лекция. Носители фирменного стиля
• Задание. Сопоставить описание эмоции и характера интерфейса с макетом
• Лекция. Визуальная иерархия
• Задание. Найти ошибки в иерархии сломанного экрана

• Лекция. Построение палитр с учетом доступности WCAG/APCA
• Лекция. Серая палитра и темная тема
• Лекция. Построение палитр: синяя и красная
• Лекция. Фиолетовая и розовая палитры
• Лекция. Желтая и зеленая палитры
• Лекция. Цвета алертов
• Задание. Построить палитру и покрасить ей несколько экранов
• Лекция. Типографика
• Задание. Построить размерный ряд типографики, расставить правильно размеры текста на экране моб и веб
• Групповая проверка задания

• Лекция. Между объектами
• Лекция. Внутри плашек и рамок
• Задание. Построить линейку, расставить отступы на карточке и на экране

• Лекция. Принцип прямоугольника
• Лекция. Выравнивания и оптические компенсации
• Лекция. Движение, воздух, напряжение
• Задание. Собрать экран по ТЗ (мобилка + веб)
• Групповая проверка задания

• Лекция. Сетки, брейкпоинты, адаптивность
• Задание. Собрать резиновую сетку, собрать резиновый компонент
• Лекция. Чистота
• Задание. Почистить экран, переделать плохие решения

• Лекция. Как работать с референсами
• Задание. Проанализировать референсы, дать состав по элементам и группам. Перерисовать экран в стиле референса. Сверстать экран приложения по описанию в стиле референса
• Лекция. Гайд по контенту в интерфейсе
• Задание. Переписать текст на экране: сократить, убрать повторы и спец. лексику
• Групповая проверка задания

• Лекция. Работа с дизайн-системой
• Задание. Выбрать ДС и поменять в ней цвета и шрифты
• Задание. Взять экран и сделать в выбранной ДС
• Лекция. Гайдлайны iOS и Android
• Задание. Собрать каждый элемент

• Лекция. Графика в интерфейсе
• Задание. Вёрстка экрана с фото: много лиц в ряд, фотка с фоном, починить испорченное фото
• Лекция. Настройки изображений в Figma
• Лекция. Создание базовых элементов экрана
• Задание. Нарисовать: карточку, форму, фильтры, таблицу, модалку
• Групповая проверка задания

• Лекция. Навигация
• Лекция. Гайд по контролам
• Задание. Проектирование без детальной отрисовки
• Лекция. Передача в разработку
• Лекция. Гайд по состояниям
• Групповая проверка задания

• Задание. "Кейс на визуал № 1: сверстать карточку товара десктоп по ТЗ и референсам"
• Задание. Кейс на визуал № 2: сверстать таблицу с фильтрами или дашборд по ТЗ и референсам
• Задание. Кейс на визуал № 3: сверстать 2–3 экрана мобилки или веба по ТЗ и референсам
• Задание. Оформить все в мокапах в шоты Dribble
• Групповая х2 проверка задания

• Лекция. Методологии и подходы в работе компании
• Лекция. Продуктовые команды
• Лекция. Софт скиллы
• Лекция. Эмпатия
• Лекция. Что такое продуктовая аналитика и зачем она нужна дизайнерам
• Задание. Определить модели монетезации сервисов
• Лекция. Какие метрики есть в продуктах
• Задание. Посчитать метрики продукта и проанализировать сервисы на предмет улучшения
• Лекция. Процесс работы с гипотезами
• Лекция. Разборы тестовых заданий на продуктовые гипотезы (Тинькофф и Сберзвук)
• Лекция. Разбор гипотез с открытого эфира

• Лекция. Как мы рассматриваем путь пользователя в продуктах (AARRR)
• Лекция. Яндекс Метрика
• Задание. Посмотреть демо-версию Яндекс Метрики и ответить на вопросы
• Лекция. Вводная лекция про A/B-тесты
• Лекция. Подготовка решения, разработка и запуск теста
• Лекция. Пост-анализ теста, принятие решения
• Лекция. Как считать юнит-экономику
• Задание. Решить задание на продуктовые гипотезы + UI (без исследований)
• Групповая проверка задания

• Лекция. CJM и User Flow
• Лекция. Информационная архитектура
• Лекция. Сбор требований
• Лекция. Детализация требований
• Задание. Решить задание на проектирование экранов и сценариев + UI (без исследований)
• Групповая проверка задания

• Лекция. Вводная лекция про исследования
• Лекция. Какие бывают исследования
• Лекция. Выбор метода исследования
• Задание. Потренироваться с выбором метода для исследований

• Лекция. Глубинные интервью
• Лекция. Jobs to be done
• Лекция. Ю-тесты/DDR
• Лекция. Как проводить количественники
• Лекция. Демо-версия UX-теста
• Лекция. Демо-версия глубинки
• Текстовый гайд. Гайд по глубинным интервью
• Лекция. Отчеты и результаты
• Лекция. Прототипы
• Лекция. Пример выполнения кейса

• Задание. Выбрать сервис для продуктового кейса, сгенерировать для него гипотезы, выбрать метод для валидации гипотез своего сервиса
• Задание. Провести исследование на валидацию своих гипотез, оформить результаты своего исследования и прописать, что будешь менять в интерфейсе
• Задание. Сделать UI по результатам исследования
• Задание. "Собрать прототипы, подготовить гипотезы для UX-тестов, найти респондентов.
  Провести UX-тесты, обработать анализы, внести корректировки в макеты"
• Групповая х4 проверка заданий

• Лекция. Оформление кейсов
• Текстовый гайд. Как оформить кейсы
• Задание. Оформление 1 кейса в портфолио
• Групповая проверка упаковки кейса

• Лекция. Резюме и портфолио
• Лекция. Из каких блоков состоит резюме и портфолио
• Лекция. Оформление кейсов
• Лекция. Запись воркшопа по составлению портфолио
• Лекция. Как HR и дизайн-лиды скринят портфолио продуктовых дизайнеров?
• Лекция. Как HR нанимают дизайнеров в большие компании?
• Плейлист. 30 записей живых разборов портфолио и резюме
• Текстовый гайд. Как составить резюме
• Текстовый гайд. Презентация
• Задание. Составить резюме и оформить в ноушн
• Персональная консультация по резюме
• Персональная консультация по оформлению портфолио

• Лекция. Где работают дизайнеры интерфейса
• Лекция. Что нужно от вас разным типам работодателей
• Лекция. Ценностные маркеры
• Лекция. Как нанимают дизайнеров и причины отказов
• Лекция. Основные ошибки при фарме собеседований
• Лекция. Как откликаться на вакансии
• Лекция. Где размещать резюме и как писать отклики
• Лекция. Сопроводительные письма и общение с рекрутерами
• Текстовый гайд. Стратегия трудоустройства
• Текстовый гайд. Отклик и сопроводительное письмо
• Задание. Сформировать стратегию поиска работы
• Задание. Найти 10 подходящих вакансий, адаптировать своё резюме и написать сопроводительные письма

• Лекция. 100 самых распространённых вопросов на собеседовании
• Плейлист. Записи собеседований на 140–180к
• Плейлист. Записи ответов на вопросы с собеседований
• Лекция. Whiteboard Challenge
• Лекция. 2 демо Whiteboard Challenge
• Текстовый гайд. Как подготовиться к устному собеседованию
• Задание. Подготовить видео с самопрезентацией
• Задание. Выполнить челлендж "100 вопросов"
• Персональная МОК-интервью: тренировка устных собесов
• Персональная. Тестовый Whiteboard Challenge

• Лекция. Решение тестовых заданий
• Плейлист. 10 записей живых разборов тестовых

• Тебе предстоит откликаться на вакансии и вести карьерный трекер. Твоя задача получить первый фидбэк на рынке. Не переживай, это тренировочный заход, впереди еще такой же
• Отдыхаем, подводим итоги первой попытки трудоустройства, делаем выводы и набираемся сил

• Задание. Выбрать тему для 2-го кейса из банка заданий и провести глубинные интервью, оформить результаты
• Задание. Составить информационную архитектуру для кейса 2
• Задание. Спроектируй User Flow для кейса 2
• Задание. Спроектируй скринфлоу для кейса 2
• Задание. Делаем визуал для 2-го кейса
• Задание. Сгенерировать гипотезы и провести UX-тесты, оформить результаты теста
• Задание. Внести правки визуала после UX-тестов
• Задание. Оформить 2-й кейс в портфолио
• Групповая x3 проверка заданий

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

• Moneymaking special edition. Разборы
• Воркшоп по Тильде от 20.12.25
• Запись воркшопа 21.10
• Эфир-разбор от Макса по теме «Продажи и поиск клиентов»
• Вебинар Звезда родилась
• Дизайн баттл
• Живая отвечалка 4 февраля
• Запись разборов 06.12.25
• Разбор заданий 15.11
• Разбор заданий 22.11
• Разборы от Ромы 8.11.2025
• Разборы с Ромой от 13.12.25
• Эфир-разбор от Макса

• 01. Дипломная работа
• 02. Муборд.Референсы.Предзащита
• 03. Диплом Final
• 04. Записи защит

• 01. Вводный урок от Ромы и Мари Анн
• 02. Принципы дизайна
• 03. Что такое сайты и веб-дизайн
• 04. Психология дизайна
• 05. Figma (старый интерфейс)
• 06. Figma iPad (старый интерфейс)
• 07. Figma
• 08. Стили
• 09. Плагины
• 10. Насмотренность

• 1. Распаковка и личный бренд. Как выстроить отношения с аудиторией
• 2. Сторителлинги как вовлечь аудиторию в контент
• 3. Практический эфир Мари Ан 24 января

• 1. Типографика
• 2. Композиция
• 3. Цвет
• 4. Сетки
• 5. UX - дизайн
• 6. Референсы и мудборд

• Как создать портфолио на Тильде
• Как и где найти клиентов
• Рыночные продукты
• Продажи в переписке. Ошибки и фишки продаж
• Эмоции в продажах страх, стыд, вина
• Продающий созвон. Как подготовиться к продающему созвону
• Как определить цену за сайт
• Этапы работы с заказчиком
• Как продвигаться через жизненные и экспертные рилс

• 1. Вступительная что будем делать
• 2. Работа с изображениями. MidJourney. Nano Banana
• 3. Работа с видео
• 4. Варианты оплаты подписок
• 5. Vibecoding

• 01. Новая специальность. введение
• 02. Тильда. начало
• 03. Zero block
• 04. Перенос макета
• 05. Типы верстки
• 06. Автоперенос
• 07. Резиновая верстка
• 08. Автоскейл
• 01. Интро.анимация
• 02. Basic анимация
• 03. Step by step
• 04. Триггер
• 01. Nolim
• 02. Annexx
• 03. Модификации
• 04. Модификации. HARD

• 01. Маркетинг, портфолио и работа с клиентами
• 02. Быстрый заработок
• 03. UX-дизайн. Аналитика
• 04. Тильда
• 05. Дизайн и насмотренность
• 06. Психология и мотивация
• 07. Figma
• 08. Экспертность в контенте, как искусство
• 09. ГИД - как найти первого клиента
• Эфир с основателями OHD школы цифрового искусства

Более 100 видео с обучением
27 основных уроков
PDF документация
Архивы с текстурами
DWG файлы
Шаблоны проекта студии дизайна

Шаблон договора на дизайн-проект
Бонус - Мини курс - Основы дизайна интерьера в SketchUp и Онлайн - курс по AutoCAD

• Не знаешь WordPress
  HTML/CSS есть, но как это превратить в полноценный CMS – непонятно.
• Теряешь заказ
  Клиенты просят сайт на WordPress, а ты должен отказывать или передавать проект.
• Доходы не растут
  Застрял на статической верстке/дизaйне без возможности брать более дорогие проекты под ключ.
• Нет системы
  Различные туториалы, хаос в знаниях – нет четкого пути от дизайна до готового сайта.

• Переносить дизайн с Figma в WordPress быстро и правильно
• Создавать кастомные шаблоны с нуля без рыхлых конструкторов
• Работать с динамическим контентом через ACF
• Собирать многостраничные сайты и интернет-магазины
• Брать проекты под ключ и зарабатывать от $300 за сайт

• Возьмем готовый дизайн в Figma
  Реальный современный макет как в настоящем проекте для клиента.
• Перенесем в WordPress
  Превратим верстку в полноценную WordPress-тему с шаблонами.
• Настройка WooCommerce
  Установим и настраиваем WooCommerce плагин, кастомизируем его платежным модулем.
• Сделаем динамические блоки через ACF
  Контент будет редактироваться через удобную админ-панель без кода.
• Соберем многостраничный сайт
  Главная, услуги, блог, контакты – полноценный сайт как у клиентов.
• Выложим на хостинг
  Деплой на реальный сервер – сайт будет доступен в интернете.

• Модуль 01. WordPress основы
  Установка, структура, темы, плагины. Разбираемся в CMS без лишнего.
• Модуль 02. Создание темы
  Пишем кастомную тему с нуля: файловая структура, functions.php, шаблоны.
• Модуль 03. Перенос верстки
  Берем HTML/CSS из Figma и правильно интегрируем в WordPress-тему.
• Модуль 04. ACF, динамика, WooCommerce
  Advanced Custom Fields — делаю контент управляемым через удобную панель.
• Модуль 05. Многостраничный сайт
  Собираем полноценный сайт: главная, странички, блог, кастомные типы записей.
• Модуль 06. Деплой и финал
  Выводим сайт на хостинг, настраиваем домен. Готовый проект в портфолио.
• Модуль 07. Фриланс
  Разберем: сколько можно зарабатывать на фрилансе, каким должно быть портфолио и как его сделать, как оценить стоимость своей работы, как и где взять первый заказ, как правильно работать с заказчиком, как наработать себе постоянных заказчиков, с какими клиентами НЕ стоит работать, как продвигаться в ТОП на фриланс бирже, где брать заказы кроме фриланса биржи, как организовать рабочее место, как зарабатывать больше!

1. С чего начинается работа над проектом
2. Как выстраивается логика интерьера
3. Как принимаются планировочные и визуальные решения
4. Как доводить проект до уверенного, реализуемого результата
5. Санузлы, где эргономика, привязки и свет работают вместе, а не конфликтуют
6. Кухни и сложные зоны с корпусной мебелью и техническими узлами
7. Жилые интерьеры с цельной концепцией, а не набором референсов
8. Пространства с корректной геометрией, примыканиями и масштабом

• Непонятно, с чего начинать проект и как выстроить работу с нуля
  Вы получаете чёткую последовательность действий — от анализа пространства и планировки до финального визуала
• Планировка собирается интуитивно, без уверенности в решениях
  Учитесь читать обмерные планы, работать с чертежами и принимать обоснованные планировочные решения
• Концепция выглядит разрозненно и не складывается в цельный интерьер
  Осваиваете подход к формированию концепции, где стиль, материалы и объём работают как единое целое
• Свет и материалы не «держат» интерьер
  Понимаете, как выстраивать свет и подбирать материалы так, чтобы они усиливали пространство

1. Для визуализаторов, которые хотят научиться делать рендеры качественно и со вкусом
2. Для дизайнеров, у которых «затык» с дизайном, страх чистого листа
3. Для визуализаторов, которые хотят научиться делать дизайн-концепты, разбираться в эргономике, уметь читать чертежи

• Вводный вебинар
• Техническое Задание
• Первый выезд на объект. Фотофиксация
• Перепланировка. Обмерные планы
• Насмотренность и выбор стиля
• Планировки и эргономика
• Создание концепций в нейронках
• Обзор шоурумов итальянских производителей
• Построение стен
• Композиция в интерьере
• Композиция на практике
• Начало работы со светом и материалами. Лестница
• Кухни. Часть 1
• Кухни. Часть 2
• Ракурсы и материалы. Проработка обеденной зоны
• Урок 16 Освещение, материалы
• Доработка проекта. Часть 1
• Доработка проекта. Часть 2
• Декорирование. Клозапы
• Радиаторы
• Оформление окон
• Акустическое оборудование
• Финальные корректировки. Подготовка к финальному рендеру
• Рекомендации к дизайну спален и детских
• Рекомендации к дизайну постирочных
• Рекомендации к дизайну санузлов
• Нейронки для финальных рендеров. Сборка презентации визуала проекта
• Вебинар вопрос-ответ