МОДУЛЬ 9 · УРОК 5 · ФИНАЛЬНАЯ УПАКОВКА ПОРТФОЛИО
1 / 90%
0
МОДУЛЬ 9 · УРОК 5

Одна ссылка на всё, что ты сделал

За курс у тебя накопилось девять работающих штук. Они разбросаны: бот в Telegram, игра на Bolt, клип в облаке, агент в Claude. Сегодня всё это встаёт в одну ссылку — такую, которую не стыдно кинуть в ответ на «а покажи, чем ты занимаешься».

  1. Разложишь витрину по этажам: фраза о себе → главный проект → карточки → контакты
  2. Соберёшь карточку проекта по правилу «скрин + одна строка + ссылка»
  3. Заберёшь готовый промпт для Bolt — пересобрать портфолио под витрину
  4. Проверишь витрину на постороннем человеке с секундомером
  • Claude
  • ~16 минут
  • до 150 скиллов
  • 3 интерактива
Конспект урока

Девять штук лежат по разным углам

Посчитай сам. Ассистент в Claude, сайт-портфолио, аватарки и обложки, Telegram-бот, клип и видео-визитка, игра и приложение, два агента, автоматизации — и сверху финальный проект, над которым ты сидел две недели. Девять пунктов.

Проблема не в том, что их мало. Проблема в том, что они нигде не лежат вместе . Бот живёт в Telegram, игра на своей ссылке, клип в облаке, агент вообще внутри твоего аккаунта. Когда человек спрашивает «а что ты умеешь», ты начинаешь кидать шесть сообщений подряд. Никто не открывает шесть ссылок.

Витрина решает ровно это: одна ссылка, и за минуту понятно, чем ты занимаешься . Не «сайт про меня» — именно витрина, где работы стоят в правильном порядке и каждую можно открыть в один клик.

Проверка у витрины одна и она жёсткая: человек, который тебя не знает, открыл ссылку — и через минуту может своими словами сказать, что ты делаешь. Не «красиво» и не «много всего», а именно это .

Порядок по важности, а не по датам

🏛 ЧЕТЫРЕ ЭТАЖА

Витрина устроена одинаково у всех — что у тебя, что у взрослого дизайнера. Четыре этажа сверху вниз. Жми на любой, чтобы увидеть, как выглядит хорошо и как обычно делают.

✅ Работает

🚫 Так обычно делают

📆 Главное про порядок. Хочется расставить проекты по хронологии — от сентября к августу, чтобы был виден рост. Не надо. Сверху окажется самое слабое: первый кривой бот и аватарка, которую ты потом переделал. Человек смотрит первые пятнадцать секунд и уходит — и уносит с собой впечатление от того, что было наверху. Рост увидят те, кто долистает; их будет мало.

🧹 Не всё за курс идёт на витрину. Девять пунктов — это склад, а не витрина. Если промежуточная работа тебе самому не нравится — убери. Шесть сильных карточек читаются лучше, чем девять, из которых три «ну, было и было».

Скрин + одна строка + ссылка

🃏 КОНСТРУКТОР

Это всё. Три вещи в карточке, больше ничего. Не абзац о том, как ты неделю мучился с базой; не список инструментов; не история идеи. Карточку читают полторы секунды и решают: открывать или листать дальше. Абзац на этой скорости просто не читается — он выглядит как стена и его пролистывают целиком.

Собери карточку: выбери проект, потом строку «что это», потом надпись на кнопке. Внизу она соберётся живьём. Варианты неравные: +10 за сильную строку и +10 за сильную кнопку . Выбор один — после него скажем, что вышло и почему.

1. Какой проект

2. Одна строка «что это»

Сначала выбери проект ↑

3. Надпись на кнопке

Сначала выбери проект ↑

👀 Как это встанет на витрину

скриншот 16:9

Такая карточка работает: в ней ни слова про то, как проект делался, зато сразу понятно, что это и что случится по кнопке. Про «как делал» спросят потом — вот тогда и расскажешь. Собери эту же карточку в голове заново по правилу: строка — про то, что человек получит, а не про инструменты и не про твои переживания. Кнопка — про действие, которое сейчас произойдёт: «Играть», «Открыть в Telegram», «Попробовать». Строку и кнопку на витрине читают вместе, и слабая половина тянет вниз обе.

🖼 Про скрин. Он важнее текста: глаз цепляется за картинку первым. Правила три — одинаковый размер у всех карточек, видно сам продукт (экран бота, поле игры), никакого мусора вокруг вроде панели браузера и твоих вкладок. Обложки можно дорисовать в Ideogram — это навык из модуля 3, и один стиль на все карточки сразу поднимает вид витрины.

Пересобрать сайт из М2 под витрину

📋 ГОТОВЫЙ ПРОМПТ

Сайт-портфолио у тебя уже есть с модуля 2. Новый делать не надо — надо перестроить старый: поменять порядок, вынести финальный проект наверх, ужать карточки. Открой свой проект в Bolt и отправь туда этот текст целиком, одним сообщением.

📝 Промпт — копируй как есть

⚠️ Обязательно замени примеры на свои. Имя, возраст, фраза о себе, названия проектов и ссылки в промпте — заглушки, они стоят там, чтобы Bolt понял формат. Если отправишь как есть, у тебя получится витрина выдуманного Дани. Пройди по тексту сверху вниз и подставь своё в каждое место, где стоят квадратные скобки.

📨 Вторым сообщением — список проектов

Не пихай проекты в первый промпт: он и так длинный, Bolt начнёт путать порядок. Сначала пусть построит каркас, потом отправь список — по строке на проект, строго в том порядке, в каком они должны стоять. Ниже пример на шесть карточек: столько же примерно будет и у тебя, финальный проект в список не входит — он стоит отдельным блоком выше.

Дальше правь по одному изменению за сообщение — правило из модуля 6 работает и здесь. «Сделай нормально» ломает то, что уже стояло ровно.

🔗 Перед сдачей проверь ссылки. Самая обидная витрина — красивая, но с карточками, которые ведут в никуда. Открой каждую ссылку в режиме инкогнито: там ты не залогинен, и сразу видно, что доступно постороннему, а что только тебе.

Дай ссылку человеку не в теме и засеки время

⏱ ПРОВЕРКА

Ты свою витрину оценить не можешь. Ты знаешь, что за каждой карточкой стоит, и достраиваешь смысл в голове автоматически. Поэтому тест простой и работает всегда: даёшь ссылку человеку, который не в курсе, и включаешь секундомер.

Возьми того, кто не знает, чем ты занимался весь год: родителя, тренера, соседа, знакомого из другой школы. Не одноклассника из курса — он поймёт всё с полуслова и тест ничего не покажет.

Дай только ссылку. Ни слова сверху. Каждое твоё «ну, тут я сделал бота, короче» — это дырка в витрине, которую ты сейчас затыкаешь собой.

Засеки минуту, потом спроси: «Чем я занимаюсь и что тут можно открыть?» Слушай молча, не поправляй.

Если он пересказал неправильно — виновата витрина, а не человек. Чини то место, на котором он завис. Потом бери следующего и проверяй заново.

Ниже три чужих портфолио. Все три сделаны нормально: работы настоящие, ссылки живые, выглядит аккуратно. И все три проваливают минутный тест — каждое по своей причине. Найди её. +10 за верный ответ.

Первый экран твоей витрины Фраза о себе для первого экрана + какой проект стоит первым и почему