SKIP TO CONTENT

Dal PRD al Prototipo in 15 Minuti

beginner~15 min0/4 passaggi

Dal PRD al Prototipo in 15 Minuti

I PM scrivono le specifiche. Gli ingegneri le realizzano. Il divario tra i due costa settimane.

E se potessi colmare quel divario da solo? In questa lezione trasformerai un'idea di prodotto in una pagina HTML live — un Product Brief con requisiti, uno sketch di wireframe dell'interfaccia e metriche di successo. Nessun ticket di sviluppo richiesto. Consegna la prova, non la specifica.

Istruzioni

1

Aggiungi un <h1> con il nome del tuo prodotto — rendilo grande e in grassetto

Suggerimento: Prova: `<h1 class="text-3xl font-bold text-gray-900 mt-2">IlTuoProdotto — Breve Tagline</h1>`

2

Aggiungi un <ul class="requirements"> con almeno 3 elementi <li> che descrivono cosa deve fare il prodotto

3

Aggiungi un <div class="wireframe"> che abbozza l'interfaccia — usa riquadri colorati per rappresentare le fasi o le sezioni dell'UI

4

Aggiungi almeno una metrica di successo — un numero o una percentuale che definisce come appare il «fatto». Usa la parola «metric» o «metrica» da qualche parte nella pagina

Il tuo codice

html
21 righe
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

Anteprima dal vivo

Anteprima dal vivo