Du har snakket om en nettside til et samleobjekt-merke og vil se et konkret forslag — raskt, før du bruker penger på design.
Testen (tool and cost)
Lokal HTML/CSS-mockup generert på under ett sekund. Fiktivt merke «NordPin». Kostnad: 0 kr.
Ikke testet på nytt: bilde-mockup via betalt bilde-API (slik originaltråden gjorde). Det er neste test når det finnes gratis kvote eller godkjent budsjett.
Resultatet (honest)
Fungerte som kode-mockup. Filen tester/mockup-nordpin.html viser header, hero, tre produktkort og priser. Det er nok til å diskutere struktur og tone. Det er ikke et pixel-perfekt designutkast, og det erstatter ikke et bildegenerert moodboard.
Oppskriften (steps)
1. Beskriv merket i tre setninger: hva, for hvem, tre produkter.
2. Be om mobil-først HTML med systemfont, hvit bakgrunn og svarte knapper — ikke rammeverk.
3. Åpne filen i nettleseren. Marker hva som skal bort.
4. Først deretter: eventuelt bilde-API for stemning, ikke før strukturen er klar.
Tre ting verdt å vite
1. En HTML-mockup sparer ofte mer tid enn et vakkert bilde som ikke kan klikkes.
2. Hold produktnavn og priser fiktive til du er klar til å selge.
3. Bilde-API-mockuper er egne tester med egen kostnad — ikke bland dem sammen.