Cosa ottieni
- Un sito prodotto di 23 pagine in un unico file HTML offline, oppure portato nel tuo framework
- Hero con selettore del modello, gamma in scala, bento hardware e card di specifiche bianche
- Pagine prodotto con galleria, specifiche complete e un configuratore che passa ai contatti
- Un validatore per sicurezza offline, struttura e nomi di esempio rimasti
- Render di prodotto, scene e loop dell’hero opzionali da PopNow, preventivati prima
Ideale per
- Marchi di robotica, e-bike, droni, audio e fotocamere
- Siti di lancio o catalogo per una piccola famiglia di prodotti
- Proporre un redesign premium con pagine funzionanti
Non adatta a
- Negozi che devono incassare pagamenti subito
- Cataloghi con centinaia di prodotti
- Brand caldi, giocosi o solo software
Come usarla
In Claude o ChatGPT
Usa la skill PopNow “Sito di prodotti hardware” (hardware-product-website) per questo: Costruisci il sito per le nostre tre e-bike, Arc 1, Arc 2 e Arc Cargo, con prezzi, autonomia e peso dalle specifiche in specs.csv.
In un agente di programmazione
/popnow-hardware-product-website Costruisci il sito per le nostre tre e-bike, Arc 1, Arc 2 e Arc Cargo, con prezzi, autonomia e peso dalle specifiche in specs.csv.
Poi prova
Genera foto di studio delle tre bici sul fondale argentato e preventivami prima l’intero set.
Portalo nella nostra app Next.js con una rotta per ogni bici.
Cosa tenere pronto
- Nomi dei prodotti, codici, prezzi e le specifiche che contano
- Foto di prodotto, oppure una chiave API PopNow per generare un set coerente
- Fatti reali per partner, team, contatti e tempi di consegna
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.
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.
Pagina di lancio cinematografica di prodotto
+3Pagina quasi nera in stile film: titolo serif su luci in movimento, scena notturna, modulo di prenotazione.
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
Funziona solo per i robot?
No. Il brand di esempio è un costruttore di robot, ma va bene qualsiasi piccola famiglia di prodotti fisici: bici, droni, altoparlanti, fotocamere o strumenti. La scala della gamma, le sezioni e le etichette si adattano ai tuoi prodotti.
Può accettare ordini?
Il configuratore costruisce una specifica con prezzo e la passa a un modulo di preventivo. Non accetta pagamenti finché non colleghi un fornitore, e la pagina lo dice.
E se non ho ancora foto di prodotto?
PopNow può generare un set coerente da una sola descrizione scritta del tuo prodotto, dopo aver preventivato il totale. Fino ad allora la pagina può mostrare riquadri segnaposto etichettati.
Come faccio a sapere che non resta nulla dell’esempio?
Il validatore incluso fa fallire la build se resta un brand, un prodotto, una persona, un partner, un luogo, un numero di telefono o un dominio di esempio, e controlla anche la sicurezza offline e che ogni link raggiunga una pagina.