Основы HTML · Неделя 1 · Домашнее задание
⏰ 13 марта, 23:59 МСК 📁 Папка Домашки →
Задание

Создай архитектуру проекта

Это не дизайн и не код. Это схема как всё работает — экраны, механики, логика, путь пользователя. Потом отдашь ИИ как ТЗ — он соберёт прототип.

🎯
Главная задача: описать проект так, чтобы другой человек (или ИИ) без вопросов понял — что тут происходит, что пользователь делает, что происходит в ответ, и как это всё связано.
01
Карта экранов
Все секции / страницы сверху вниз — что на каждой
Перечисли все экраны в порядке от старта до финала
Для каждого укажи: название → что видит пользователь → что он может сделать
Пример — лонгрид «Выгорание»
1. Обложка — заголовок «Ты не ленивый. Ты выгорел.», кнопка Начать, счётчик энергии ⚡ 100

2. Диагностика — 4 быстрых вопроса, каждый снимает или добавляет энергию. Результат определяет стартовый уровень стресса

3. Глава 1 — Утро — текст сцены, затем точка выбора: «Взять срочный проект» / «Сказать нет»

4. Последствие выбора — короткая сцена что произошло. Инвентарь пополняется или энергия падает

5. Инвентарь — карточки предметов которые собрал. Например: 🛡️ «Граница» — можно применить в главе 3

6. Глава 2, 3… — повторяется паттерн: сцена → выбор → последствие

7. Финал — одна из 3 концовок зависит от суммы выборов и предметов в инвентаре
✏️
Твой список экранов — пронумерованно, для каждого 1–2 строки
02
Механики и интерактив
Что пользователь делает → что происходит в ответ
Опиши каждую механику: как работает, что меняется
Не «есть выбор», а «пользователь нажимает вариант → что именно происходит → что меняется в состоянии»
Пример — механики лонгрида про выгорание
⚡
Счётчик энергии
Начинается с 100. Каждый выбор прибавляет или снимает. При 0 — принудительный экран «Срыв». Восстанавливается предметами из инвентаря.
🔀
Точка выбора
2–3 варианта. Каждый ведёт на свою сцену-последствие. Некоторые заблокированы если нет нужного предмета в инвентаре.
⏱️
Быстрое действие
Появляется кнопка на 5 секунд. Успел — бонус к энергии. Не успел — теряешь энергию и получаешь тревогу.
🎒
Инвентарь
Предметы накапливаются за правильные выборы. Некоторые нужны чтобы разблокировать вариант в следующих главах.
✏️
Опиши свои механики в том же формате: название → как работает → что меняется
03
Состояния и прогресс
Что накапливается, что меняется, от чего зависит финал
Перечисли все «переменные» твоего проекта
Это всё что хранится и меняется: счётчики, флаги, инвентарь, разблокированные главы
Пример — состояния лонгрида про выгорание
Счётчики: Энергия (0–100), Стресс (0–5 делений)
Инвентарь: предметы — 🛡️ Граница, 🧘 Пауза, 📵 Офлайн-режим, 💬 Разговор
Флаги: прошёл ли диагностику, какую концовку заслужил
Состояния глав:
🔒 Заблокирована ▶ Активна ✓ Пройдена ⚠ Срыв (энергия = 0)
Финал зависит от: сколько «здоровых» выборов сделал + какие предметы в инвентаре. 3 концовки: Восстановление / Нейтральная / Срыв
✏️
Перечисли свои счётчики, флаги, состояния объектов
04
Путь пользователя
От первого экрана до финала — включая развилки
Нарисуй путь стрелками — что видит, что делает, куда попадает
Покажи хотя бы одну развилку: два выбора → два разных последствия
Пример — путь в лонгриде про выгорание
Открыл лонгрид → видит обложку, счётчик ⚡100
Диагностика → 4 вопроса → стартовый уровень стресса определён
Глава 1 — Утро → читает сцену → видит точку выбора
«Взять проект» → ⚡−20, получает 💰 Дедлайн → Глава 2А
«Отказать» → ⚡+10, получает 🛡️ Граница → Глава 2Б
Если ⚡= 0 в любой момент → принудительный экран «Срыв» → особая ветка
Финал → одна из 3 концовок на основе всех выборов
✏️
Можно текстом со стрелками или фото схемы от руки
05
Контент
Накидываешь примерно — потом доработаете вместе с ИИ
Здесь не нужны готовые тексты. Опиши тон, темы и примерный объём — это поможет ИИ собрать прототип в нужной атмосфере, а тебе — понять что вообще писать потом.
Тон и голос
Как звучит твой проект? С кем он разговаривает и как?
Пример — лонгрид про выгорание
Разговорный, честный, без мотивационного пафоса. Как будто друг рассказывает — не врач, не коуч. Короткие предложения. Иногда незаконченные. Читатель узнаёт себя.

«7:43. Телефон уже гудит. Ты ещё не открыл глаза, а день уже начался без тебя.»
✏️
2–4 предложения о голосе проекта + одна фраза-пример
Темы и ключевые идеи
Что за темы поднимаешь? Какие мысли хочешь оставить у пользователя?
Пример — лонгрид про выгорание
Темы: границы, усталость как сигнал, разница между ленью и истощением, маленькие действия которые реально помогают.

Главная мысль которую хочу донести: «Выгорание — не слабость, это результат. И из него есть выход.»
✏️
Список тем + одна главная мысль проекта
Примерный объём
Сколько глав / вопросов / карточек / экранов планируешь? Это нужно чтобы ИИ знал масштаб.
Пример — лонгрид про выгорание
3 главы по 1–2 сцены. В каждой сцене 2–3 варианта выбора. Инвентарь: 4–5 предметов. Финал: 3 концовки.
✏️
Цифры: сколько глав / вопросов / вариантов / концовок
06
Стиль и атмосфера
Как должно выглядеть и ощущаться
Опиши визуальный язык и настроение
Цвета, шрифты, ощущение — и обязательно 1–2 референса (сайты, приложения, скриншоты)
Пример — стиль лонгрида про выгорание
Фон: тёмный, почти чёрный — как поздний вечер, усталость
Акценты: приглушённый оранжевый (тепло, восстановление) + холодный синий (тревога, дедлайны)
Шрифты: читабельный без засечек, крупный — не напрягать глаза
Ощущение: камерное, честное, без мотивационного пафоса

Референсы: приложи скриншоты, фото, картинки из Pinterest — или дай ссылки на сайты / приложения которые нравятся визуально. Не нужно объяснять почему — просто покажи.
✏️
Цвета + ощущение текстом · скриншоты или ссылки на референсы
💡
Не нужно заполнять идеально. Чем конкретнее механики и путь пользователя — тем точнее соберётся прототип. Если чего-то не знаешь — напиши «не решила» или «на твоё усмотрение» — ИИ предложит варианты.

Готово? Отправляй в Домашки

Дедлайн: 13 марта, 23:59 МСК
Ссылка: папка Домашки →

Принимается в любом формате:
Figma Word / Google Doc Яндекс Документ фото схемы от руки