12 позиций графики.
Сначала — композиция.

Рабочий план локального макета. Генерации убраны со страницы. Используем фотографии-референсы из интернета, кадры из собственных уроков AI Product Club, фото автора и явно подписанные места для будущих скриншотов.

Ориентир по разбору Skillbox: 40–50% площади ключевых блоков — графика, 50–60% — текст. Это композиционная цель, не точный пиксельный замер чужого сайта. На мобильном блоки идут последовательно.

01 / 4:5 / Фото из интернета · заменить своим

Обложка

Фото специалиста с ноутбуком или крупный экран продукта

02 / 16:10 / Кадр из AI Product Club

Для продакта

Сейчас: кадр сборки в Lovable из своего курса. В дальнейшем: гипотеза, MVP и результат проверки.

03 / 16:10 / Кадр из AI Product Club

Для аналитика

Сейчас: свой workflow n8n. В дальнейшем: инструмент поверх данных.

04 / 16:10 / Кадр из AI Product Club

Для дизайнера

Сейчас: кадр Replit с интерфейсом приложения.

05 / 16:10 / Кадр из AI Product Club

Для разработчика

Сейчас: свой кадр доработки в Cursor.

06 / 16:10 / Заглушка

Проект: команда

Настоящий скриншот очереди обращений

07 / 16:10 / Заглушка

Проект: кабинет

Настоящий скриншот клиентского кабинета

08 / 16:10 / Заглушка

Проект: AI

Настоящий скриншот проверки AI-ответа

09 / 16:9 / Фото из интернета · заменить экраном курса

Процесс обучения

Экран урока с заданием или фото воркшопа

10 / 16:10 / Заглушка

Ревью куратора

Скрин комментария с правками и исправленной работы

11 / 4:5 / Существующее фото автора

Автор

Настоящий портрет Михаила

12 / 16:9 / Заглушка

Групповая встреча

Скрин группового разбора или общей защиты

Правила композиции

Первый экран: примерно поровну оффер и крупная фотография.
Каждая карточка роли: визуал занимает около половины высоты.
Примеры проектов и процесс обучения: 55% ширины — экран, 45% — пояснение.
Программа: после трёх этапов — восемь недель в компактных карточках; не добавляем случайные фотографии в каждую неделю.
Цена, FAQ и условия остаются текстовыми: здесь важнее читаемость.
Скриншоты продукта и обратной связи приоритетнее декоративных картинок.
Фотографии чужих воркшопов обозначены как референсы; они не подтверждают результаты нашего курса.

Источники изображений

Четыре кадра из исходников курса AI Product Club: Lovable, Replit, Cursor, n8n. Они также размещены в четырёх неделях программы. Использованы как иллюстрации материалов существующего курса, не как результаты выпускников новой программы.

Open Knowledge Foundation: фото воркшопа

Kyoto Startup Summer School: прошлые воркшопы

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