Cosa ottieni
- Un file HTML con font e immagini incorporati, che funziona anche in un’anteprima isolata
- Undici sezioni: hero a titolo cinematografico, manifesto, momenti di prodotto a schede, film notturno, specifiche, pannello dell’app, prenotazione showroom, journal, prenotazione
- Moduli funzionanti per prenotazione, riserva, contatto e newsletter, con validazione in linea e ricevute
- Un validatore per l’uso offline, il collegamento, l’accessibilità e i nomi di esempio rimasti
- Foto di prodotto, loop di sfondo e card social opzionali da PopNow dopo un preventivo in crediti
Ideale per
- Pagine di preordine, lista d’attesa o prenotazione per hardware premium
- Lancio di un orologio, cuffie, fotocamera, auto, profumo o pezzo di arredo
- La prima pagina prodotto di un brand con un forte design
Non adatta a
- Negozi con molti prodotti o un carrello
- Brand chiari, pastello o molto colorati
- Pagine prezzi SaaS e lunghi siti editoriali
Come usarla
In Claude o ChatGPT
Usa la skill PopNow “Pagina di lancio cinematografica di prodotto” (product-launch-landing-page) per questo: Pagina di lancio per Halden One, un orologio meccanico a carica manuale di un piccolo laboratorio svizzero-danese. Le prenotazioni aprono con un acconto di 250 $, primi 300 pezzi, visite allo showroom a Ginevra e Copenaghen.
In un agente di programmazione
/popnow-product-launch-landing-page Pagina di lancio per Halden One, un orologio meccanico a carica manuale di un piccolo laboratorio svizzero-danese. Le prenotazioni aprono con un acconto di 250 $, primi 300 pezzi, visite allo showroom a Ginevra e Copenaghen.
Poi prova
Preventiva quattro primi piani del prodotto e un loop della scena notturna prima di generare qualsiasi cosa.
Fai una versione leggera con solo l’hero, i momenti e la prenotazione.
Cosa tenere pronto
- Nome del prodotto, prezzo o disponibilità e dove viene realizzato
- Come le persone lo provano e lo acquistano, più condizioni di acconto, garanzia e spedizione
- Foto del prodotto oppure materiali e un dettaglio distintivo se non è ancora in produzione
- Facoltativo: una chiave API PopNow e il DESIGN.md del progetto
Skill simili
Vedi tutte →Creatore di avatar 3D
+3Crea nel browser un personaggio 3D tenero come un peluche e salvalo come PNG trasparente o pagina 3D.
Calendario heatmap
+3Un anno di attività quotidiana come griglia di calendario sfumata, con serie, totali e accesso da tastiera.
Landing page SaaS per l’AI
+3Carta sabbia calda, binari sottili e tratteggi attorno a una kanban dal vivo dove un assistente pianifica.
Sezione hero animata
+3Una hero per landing page con una parola del titolo che ruota con delicatezza, due pulsanti e un riquadro immagine largo.
Sito per agenzia creativa con hero shader
+3Hero shader WebGL dal vivo dietro un’affermazione in basso, navigazione a pillola e griglia di casi di studio.
Landing page SaaS scura
+3Un sito di marketing scuro e ricco di animazioni per un prodotto software, consegnato come un unico file HTML autonomo.
Sito portfolio per designer
+3Sei card inclinate attorno a un titolo sfumato su grigio calmo, una card ritratto rossa e casi di studio.
Sito portfolio per sviluppatori
+3Un sito personale scuro per ingegneri, con case study, articoli, talk, curriculum e modulo di contatto.
Sito SaaS editoriale
+3Hero diviso blu notte, titolo serif accanto a una foto documentaria, fasce inclinate e un accento cobalto.
Template sito glassmorphism
+3Pillole di vetro su fondo quasi nero, titolo serif enorme con una parola in corsivo e iscrizione via email.
Sito di prodotti hardware
+3Nomi dei modelli enormi e sottili su scatti da studio argentati, card di specifiche e una gamma in scala.
Diagramma di architettura interattivo
+3Un diagramma di sistema cliccabile e offline, costruito da un modello JSON verificato, con le evidenze dietro ogni riquadro.
Hero con griglia interattiva
+3Una griglia scura di fili sottili che si piega verso il cursore e fa partire un anello luminoso a ogni clic.
Esploratore di knowledge graph
+3Trasforma gli appunti di progetto in un grafo offline e ricercabile, dove ogni affermazione rimanda alla sua riga di origine.
Template dashboard KPI
+3Quattro KPI con variazioni, un grafico a linee, una tabella di dettaglio e barre obiettivo.
Landing page da mockup AI
+3Vedi prima tre progetti a pagina intera, scegline uno: il tuo agente lo costruisce come codice pulito.
Template sito web per rivista
+3Un sito di rivista con qualità da stampa, articoli, temi, un piccolo shop e abbonamenti, in un unico file HTML.
Hero con animazione di particelle
+3Testo su carta calda accanto a una sfera di punti inchiostro e verde acqua che cambia forma per ogni idea.
Sito personal brand
+3Un ritratto sfumato su carta calda sotto una sottile parentesi, con affermazioni leggere e grassetto ai lati.
Template dashboard di amministrazione
+3Una console di back office funzionante con grafici, tabelle, kanban e calendario, in un unico file HTML offline.
Template landing page SaaS
+3Un sito di marketing chiaro e sobrio per un prodotto software, con console di prodotto funzionante, prezzi e iscrizione.
Sito portfolio in stile scrapbook
+3Un CV online su più pagine fatto di oggetti di carta, con case study e un curriculum stampabile.
Template sito e-commerce di sneaker
+3Un negozio completo di scarpe o abbigliamento con catalogo, pagine prodotto, carrello e checkout demo in un unico file HTML.
Landing page per automazione di workflow
+3Pagina in grafite con titolo piccolo a sinistra e sotto un grafo di nodi dal vivo che esegue e riprova.
Domande
L’hero è un video?
No. L’hero è un titolo centrato sopra un’animazione lenta su canvas disegnata nel codice, quindi non costa nulla e resta nitida. Il video PopNow va nella scena notturna in formato cinema più in basso: un breve loop animato dalla fotografia approvata e tagliato in modo che la ripetizione sia invisibile.
Cosa genera PopNow qui?
Primi piani facoltativi del prodotto, immagini di scena e un flat lay nella stessa luce condivisa, un loop di sfondo per la scena notturna e una card di anteprima social. La skill preventiva l’intero piano in crediti e non avvia nulla finché non sei d’accordo.
Posso usarla senza una chiave API?
Sì. Le scene fotografiche ripiegano su scene di canvas scure o sulle tue foto, le card del journal possono essere solo testo, la card social viene resa da HTML e la nota di consegna elenca gli slot che richiedono ancora una foto vera.
I moduli di prenotazione e riserva incassano pagamenti?
No. Validano, mostrano una ricevuta e un numero di riferimento, e non inviano nulla finché non li colleghi al tuo endpoint o al tuo checkout. La nota di consegna lo dichiara in modo esplicito.