SKIP TO CONTENT

От PRD до прототипа за 15 минут

beginner~15 мин0/4 шаги

От PRD до прототипа за 15 минут

Продакт-менеджеры пишут спецификации. Инженеры их реализуют. Разрыв между ними стоит недель работы.

А что если вы сможете закрыть этот разрыв самостоятельно? В этом уроке вы превратите идею продукта в живую HTML-страницу — Product Brief с требованиями, эскизом интерфейса и метриками успеха. Никаких тикетов для разработчиков. Покажите доказательство, а не спецификацию.

Инструкции

1

Добавьте <h1> с названием вашего продукта — сделайте его жирным и крупным

Подсказка: Попробуйте: `<h1 class="text-3xl font-bold text-gray-900 mt-2">НазваниеПродукта — Короткий слоган</h1>`

2

Добавьте <ul class="requirements"> с не менее чем 3 элементами <li>, описывающими, что должен делать продукт

3

Добавьте <div class="wireframe">, который набрасывает интерфейс — используйте цветные блоки для обозначения этапов или разделов UI

4

Добавьте хотя бы одну метрику успеха — число или процент, определяющий, как выглядит результат. Используйте слово «метрика» (или «metric») где-нибудь на странице

Ваш код

html
21 строки
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

Живой просмотр

Живой просмотр