Cosa ottieni
- Un sito HTML offline con home, servizi, prezzi, pagine dei piani, lavori, casi di studio, chi sono, processo, contatti, condizioni e 404
- Una griglia dei piani con un pacchetto in evidenza, una tabella di confronto e fatturazione trimestrale facoltativa
- Casi di studio con schermate di telefono e browser costruite in HTML, non screenshot
- Un validatore per rotte, integrità dei dati, accessibilità e nomi di esempio rimasti
- Ritratto ritagliato e immagini di progetto facoltative con PopNow, dopo un preventivo
Ideale per
- Designer freelance di UI, UX, brand e web
- Sviluppatori solisti, illustratori e fotografi che vendono pacchetti
- Consulenti e coach con offerte a perimetro fisso
Non adatta a
- Agenzie con un team e molte linee di servizio
- Negozi online che vendono prodotti fisici
- Portfolio tranquilli incentrati sulle immagini
Come usarla
In Claude o ChatGPT
Usa la skill PopNow “Sito per designer freelance” (freelance-designer-website) per questo: Costruisci il mio sito. Sono Dana Oyelowo, product designer a Leeds. Pacchetti: Audit 1.200 GBP (1 settimana), Sprint 4.800 GBP (3 settimane), Retainer 3.500 GBP al mese. I progetti sono in notes/projects.md.
In un agente di programmazione
/popnow-freelance-designer-website Costruisci il mio sito. Sono Dana Oyelowo, product designer a Leeds. Pacchetti: Audit 1.200 GBP (1 settimana), Sprint 4.800 GBP (3 settimane), Retainer 3.500 GBP al mese. I progetti sono in notes/projects.md.
Poi prova
Quota il ritaglio del mio ritratto da photos/me.jpg per l’hero.
Due progetti non hanno foto. Fai un preventivo per immagini di identità nella stessa serie.
Cosa tenere pronto
- I tuoi servizi e da due a quattro pacchetti con prezzi e tempi reali
- Due o più progetti con il problema, le decisioni e il risultato
- Una foto a mezzo busto di te su sfondo neutro e foto dei tuoi lavori
- Facoltativo: una chiave API PopNow
Skill simili
Vedi tutte →- Web
Creatore di avatar 3D
+25Crea nel browser un personaggio 3D tenero come un peluche e salvalo come PNG trasparente o pagina 3D.
- Web
Calendario heatmap
+25Un anno di attività quotidiana come griglia di calendario sfumata, con serie, totali e accesso da tastiera.
- Web
Landing page SaaS per l’AI
+25Carta sabbia calda, binari sottili e tratteggi attorno a una kanban dal vivo dove un assistente pianifica.
- Web
Sezione hero animata
+25Una hero per landing page con una parola del titolo che ruota con delicatezza, due pulsanti e un riquadro immagine largo.
- Web
Modello di sito per marchio di bevande
+25Sito solare per marchi di bibite e snack con negozio, configuratore di confezioni, mappa dei rivenditori e checkout demo in un file.
- Web
Sito per agenzia creativa con hero shader
+25Hero shader WebGL dal vivo dietro un’affermazione in basso, navigazione a pillola e griglia di casi di studio.
- Web
Landing page SaaS scura
+25Un sito di marketing scuro e ricco di animazioni per un prodotto software, consegnato come un unico file HTML autonomo.
- Web
Sito portfolio per designer
+25Sei card inclinate attorno a un titolo sfumato su grigio calmo, una card ritratto rossa e casi di studio.
- Web
Sito portfolio per sviluppatori
+25Un sito personale scuro per ingegneri, con case study, articoli, talk, curriculum e modulo di contatto.
- Web
Sito SaaS editoriale
+25Hero diviso blu notte, titolo serif accanto a una foto documentaria, fasce inclinate e un accento cobalto.
- Web
Template sito glassmorphism
+25Pillole di vetro su fondo quasi nero, titolo serif enorme con una parola in corsivo e iscrizione via email.
- Web
Sito di prodotti hardware
+25Nomi dei modelli enormi e sottili su scatti da studio argentati, card di specifiche e una gamma in scala.
- Web
Diagramma di architettura interattivo
+25Un diagramma di sistema cliccabile e offline, costruito da un modello JSON verificato, con le evidenze dietro ogni riquadro.
- Web
Hero con griglia interattiva
+25Una griglia scura di fili sottili che si piega verso il cursore e fa partire un anello luminoso a ogni clic.
- Web
Esploratore di knowledge graph
+25Trasforma gli appunti di progetto in un grafo offline e ricercabile, dove ogni affermazione rimanda alla sua riga di origine.
- Web
Template dashboard KPI
+25Quattro KPI con variazioni, un grafico a linee, una tabella di dettaglio e barre obiettivo.
- Web
Landing page da mockup AI
+25Vedi prima tre progetti a pagina intera, scegline uno: il tuo agente lo costruisce come codice pulito.
- Web
Template sito web per rivista
+25Un sito di rivista con qualità da stampa, articoli, temi, un piccolo shop e abbonamenti, in un unico file HTML.
- Web
Hero con animazione di particelle
+25Testo su carta calda accanto a una sfera di punti inchiostro e verde acqua che cambia forma per ogni idea.
- Web
Sito personal brand
+25Un ritratto sfumato su carta calda sotto una sottile parentesi, con affermazioni leggere e grassetto ai lati.
- Web
Modello di sito per negozio di animali
+25Negozio funzionante di prodotti per animali: catalogo, varianti, carrello, pianificatore delle ricariche e checkout demo in un file HTML.
- Web
Modello di sito per podcast
+25Un sito per podcast con un hero riproducibile, archivio degli episodi, pagine degli ospiti e un lettore che continua a suonare.
WebSezione prezzi disegnata a mano
+25Una tabella prezzi in stile quaderno, con card inclinate a inchiostro, interruttore annuale e tema scuro, in un unico file offline.
- Web
Pagina di lancio cinematografica di prodotto
+25Pagina quasi nera in stile film: titolo serif su luci in movimento, scena notturna, modulo di prenotazione.
- Web
Sito per articolo di ricerca
+25Una pagina di progetto per il tuo articolo con Figura 1 interattiva, risultati, limiti e citazione con un clic.
- Web
Template dashboard di amministrazione
+25Una console di back office funzionante con grafici, tabelle, kanban e calendario, in un unico file HTML offline.
- Web
Template landing page SaaS
+25Un sito di marketing chiaro e sobrio per un prodotto software, con console di prodotto funzionante, prezzi e iscrizione.
- Web
Sito portfolio in stile scrapbook
+25Un CV online su più pagine fatto di oggetti di carta, con case study e un curriculum stampabile.
- Web
Template sito e-commerce di sneaker
+25Un negozio completo di scarpe o abbigliamento con catalogo, pagine prodotto, carrello e checkout demo in un unico file HTML.
- Web
Modello di sito per società sportiva
+25Sito per club, palestra o studio con orario, pagine degli allenatori, abbonamenti, planimetria dei campi e prenotazione in un unico file.
- Web
Sezione muro delle testimonianze
+25Un muro a colonne o lentamente in movimento di citazioni dei clienti, che pubblica solo le citazioni che le persone hanno approvato.
- Web
Modello di sito per agenzia di viaggi
+25Un sito centrato sulle foto per tour, guide o rifugi, con ricerca dei viaggi, richieste di prenotazione e un quiz per trovare il viaggio.
- Web
Landing page per automazione di workflow
+25Pagina in grafite con titolo piccolo a sinistra e sotto un grafo di nodi dal vivo che esegue e riprova.
Domande
Come funziona il ritratto nell’hero con la mia foto?
Mandi una foto a mezzo busto su sfondo neutro. Il rimuovi-sfondo di PopNow la ritaglia in un’immagine trasparente, e un filtro SVG nella pagina la tinge di azzurro pallido in modalità chiara e la mantiene corretta in modalità scura, quindi qualsiasi foto si adatta al design.
Posso vendere pacchetti senza un sistema di pagamento?
Sì. Ogni pacchetto ha una propria pagina con calendario, risultati, adattamento e FAQ, e il suo pulsante porta al modulo di brief con il pacchetto già selezionato. Collega il modulo alla tua casella di posta o a un servizio di moduli quando vai online.
I miei progetti non hanno foto buone. Cosa succede?
PopNow può generare uno studio di materiale o di collocazione per progetto in una serie unica e coerente, con preventivo prima di partire. Sono immagini d’atmosfera, mai presentate come foto di lavori consegnati; le schermate dei casi di studio sono costruite in HTML.
Funziona per illustratori o consulenti?
Sì. I lavori diventano un portfolio di progetti basati solo su immagini per il lavoro visivo; per i consulenti i servizi diventano offerte e i piani diventano pacchetti, con pagine dei casi raccontate come problema, approccio e risultato.
È un portfolio di grafica freelance o un sito di vendita?
Entrambi. I casi di studio mostrano il tuo portfolio di grafica freelance, mentre le pagine dei pacchetti e il modulo di brief trasformano i visitatori in progetti pagati. Va bene anche come portfolio di web designer freelance: cambi i campioni di lavoro e mantieni i pacchetti.