Come creare un sito Web portfolio che ottiene lead – Nessuna codifica

Se sei un professionista individuale con grandi capacità, avere un sito Web portfolio ti porterà più contatti. Ma la maggior parte dei liberi professionisti e dei professionisti trova difficile creare un sito Web portfolio.

Ci sono diverse idee sbagliate sulla progettazione di un sito Web e "ha bisogno di conoscenze di codifica di fascia alta" è una di queste. Potresti anche pensare che il design del sito web avrà bisogno di un budget elevato.

Ti assicuro che puoi creare un sito Web portfolio senza codifica e con un budget accessibile. La cosa migliore è che puoi farlo da solo senza molte conoscenze tecniche.

Qui condividerò una guida dettagliata passo passo per progettare un sito Web portfolio.

Che cos'è un sito Web portfolio?

Un sito Web portfolio è come una vetrina per un singolo professionista o un'azienda che mette in risalto le capacità e le opere di una determinata persona o azienda.

Il sito Web del portfolio può contenere diverse funzionalità e design unici. I siti Web portfolio per privati ​​erano siti Web di una sola pagina. Per le aziende sono necessarie più pagine per fornire informazioni dettagliate ai visitatori.

Perché dovresti avere un sito Web portfolio?

Avrai diversi vantaggi se crei un sito Web portfolio. Se mantieni tutto di prim'ordine, ci sono buone possibilità di ottenere tonnellate di contatti dal sito web. Ecco i vantaggi di cui godrai con un sito Web portfolio:

Mostra professionalmente il tuo lavoro: la creazione di un sito Web portfolio è il modo migliore per mostrare tutti i tuoi lavori precedenti. Puoi mostrare professionalmente ciò che hai fatto per i tuoi precedenti clienti che non puoi mostrare in un curriculum. Soprattutto per i professionisti creativi, è facile far sapere al datore di lavoro che tipo di lavoro puoi fare.

Crea un'impressione migliore per i datori di lavoro: attualmente, esiste un numero enorme di liberi professionisti in diversi settori. Se vuoi distinguerti dalla massa, la creazione di un sito Web di portfolio professionale è il modo migliore per attirare l'attenzione dei datori di lavoro. Dà un'atmosfera positiva al datore di lavoro e aumenta le tue possibilità di vincere il progetto.

Ottieni più lavori: mantenere un sito Web portfolio è il modo migliore per ottenere più lead e più clienti. Puoi creare un buon rapporto con i tuoi potenziali clienti mantenendo un sito web. Anche i tuoi precedenti clienti possono trovarti facilmente attraverso il sito web del portfolio.

Flessibilità: nel metodo convenzionale, le persone erano solite mantenere un curriculum per mostrare le proprie abilità. Ma è difficile aggiornare regolarmente il curriculum. Ma un sito Web ti darà la flessibilità di cambiare le cose rapidamente. Ogni volta che completi una nuova attività, puoi aggiungerla facilmente al tuo portfolio.

Cose che ti servono per creare un sito Web portfolio

Un nuovo sito web ha bisogno di alcune cose essenziali, che sono:

Dominio: questo sarà il nome del tuo sito web e l'identità. Esistono diversi mercati da cui è possibile acquistare un nome di dominio. A seconda della categoria del dominio, il costo varia.

Per un sito Web portfolio nuovo di zecca, consiglio di utilizzare un nuovo nome di dominio. Costerà circa $ 10 . Puoi acquistarne uno da GoDaddy, Namecheap e mercati di domini simili.

Hosting: qualsiasi tipo di sito Web necessita di un servizio di hosting in cui il proprietario del sito carica i file per il sito Web. I servizi di hosting hanno una vasta gamma di pacchetti. Per iniziare sarà sufficiente un servizio di hosting condiviso. A seconda del provider di hosting, il prezzo varierà. Il piano tariffario del rinomato fornitore di servizi di hosting Bluehost parte da $ 2,95 al mese .

Se ti aspetti un sacco di traffico e desideri caricare così tanti file sull'hosting, puoi scegliere un hosting web gestito. Consiglio di utilizzare WordPress CMS per il sito web. Puoi controllare i migliori provider di web hosting per WordPress per trovare maggiori dettagli.

Plugin: qui condividerò il metodo in cui non è necessario conoscere i codici. Per questo, dovrai installare due plugin essenziali:

• Elementor
• ElementsKit

Elementor è un popolare costruttore di siti Web che consente agli utenti di progettare qualsiasi tipo di sito Web senza scrivere alcun codice. Tutto ciò che implementi nel sito Web deve solo trascinare e rilasciare il widget particolare.

ElementsKit è un componente aggiuntivo Elementor dedicato alla progettazione di siti Web con funzionalità avanzate . Se stai cercando il miglior costruttore di siti Web per un portfolio, è il miglior costruttore di pagine che puoi utilizzare. Troverai modelli di siti Web portfolio con ElementsKit.

Passaggi per creare un sito Web portfolio professionale

Segui i passaggi seguenti per creare un sito Web portfolio senza scrivere una sola riga di codice.

Passaggio 1: installa WordPress

Ora che hai acquistato un nome di dominio e un servizio di hosting, devi installare WordPress CMS .

L'installazione di WordPress non richiede molto sforzo. La maggior parte delle società di hosting ha un'opzione per l'installazione di WordPress con un clic. Non devi prenderti il ​​fastidio di gestire problemi tecnici.

Tuttavia, se il provider di hosting scelto non dispone dell'installazione con un clic, puoi installare WordPress manualmente.

Passaggio 2: installa i plugin essenziali: Elementor ed ElementsKit

Se WordPress è installato correttamente, ora puoi installare i plugin essenziali per progettare un sito Web portfolio professionale. Come accennato in precedenza, è necessario installare Elementor ed ElementsKit.

Dalla dashboard di WordPress, vai su plugin e ti reindirizzerà a una nuova pagina. Lì cerca Elementor e apparirà il plugin. Fare clic sul pulsante Installa e attivare il plug-in.

Ora vai alla pagina di destinazione di ElementsKit e scegli il piano in base alle tue esigenze. Poiché stai per costruire un sito Web portfolio, il pacchetto "personale" sarà sufficiente. Scegli il piano e ottieni il plugin. Installa e attiva il plugin per goderti tutte le funzionalità di ElementsKit.

Passaggio 3: aggiungi un tema WordPress

Se vuoi ottenere un buon layout per il tuo sito web, l'installazione di un tema portfolio reattivo è essenziale. Puoi, tuttavia, saltare questo passaggio se vuoi fare tutto con i modelli di siti Web portfolio di ElementsKit. Consiglierei di utilizzare il tema WordPress del portfolio BLO.

Passaggio 4: scegli il modello

Ora sei pronto per iniziare a progettare il tuo sito web. Vai alla dashboard di WordPress e seleziona "crea una nuova pagina". Quindi seleziona "Modifica con Elementor" per aggiungere funzionalità al sito Web semplicemente trascinando e rilasciando gli elementi di ElementsKit.

Atterrerai su una pagina diversa. Fai clic sul pulsante Ekit e atterrerai nell'elenco dei modelli. Ci saranno tre diverse opzioni: modelli, pagine e sezioni . Fai clic su "Modelli" e vedrai tutti i modelli disponibili da ElementsKit.

Dall'elenco dei modelli, scegli il modello "Portafoglio personale" . Fare clic su Inserisci e il modello verrà importato nella pagina. Vai al passaggio successivo.

Questo modello ha più pagine e puoi aggiungere tutte le sezioni semplicemente inserendo le pagine del modello particolari. Ad esempio, puoi aggiungere la home page, la pagina del piano tariffario, la pagina delle domande frequenti e altro ancora.

Passaggio 5: modifica il modello

Se hai aggiunto correttamente il modello, è ora di modificare il modello sostituendo i tuoi elementi.

La prima cosa che dovresti modificare è l'intestazione del modello. Assegna l'intestazione in base al nome della tua professione o al nome dell'azienda.

Inoltre, cambia l'immagine demo e aggiungi la tua.

Diciamo che sei uno sviluppatore web professionista, quindi puoi scrivere qualcosa come "Ehi, sono uno sviluppatore web professionista". È quindi possibile modificare il colore dell'intestazione, i caratteri, l'altezza e la larghezza.

Ora se scorri un po' la pagina verso il basso, vedrai la sezione della soluzione. In questa sezione puoi aggiungere i servizi che offri.

Per ciascuna delle sezioni del servizio demo, fai clic sull'icona di modifica in alto e ti darà la possibilità di aggiungere nuovi testi ed elementi creativi.

• Altezza uguale: qui puoi scegliere un'altezza uguale per ciascuna delle sezioni di servizio.
• Tipo di icona: scegli l'icona per il servizio. Puoi caricare un'icona personalizzata per il sito web
• Aggiungi icona: qui puoi disabilitare o abilitare l'aggiunta dell'opzione icona
• Icona dell'intestazione: qui vedrai l'anteprima dell'icona dell'intestazione
• Titolo: scegli il titolo del servizio
• Descrizione: scrivi una descrizione per il servizio che offri

È quindi possibile modificare la sezione Informazioni su di me. Aggiungi i dettagli su di te in modo che chiunque possa capire facilmente cosa hai da offrire.

Nella sezione di sinistra, puoi modificare e personalizzare i dettagli su di me e la sezione di destra mostrerà l'anteprima della descrizione. Dalle immagini ai testi, tutto in questa sezione è modificabile.

• Ttile: Qui puoi aggiungere il titolo su di te.
• Sottotitolo: personalizza il sottotitolo per la sezione Informazioni su di me.
• Descrizione del titolo: aggiungi una descrizione per il titolo.
• Testo ombra: puoi aggiungere testo ombra se lo desideri
• Separatore: puoi abilitare o disabilitare il separatore e scegliere stili diversi per il separatore.

Allo stesso modo puoi aggiungere le opere in primo piano che i tuoi clienti adoreranno vedere. C'è un piè di pagina predefinito nel modello. Ma puoi eliminarlo se lo desideri e aggiungere un modello di piè di pagina migliore dall'elenco dei modelli di ElementsKit.

Passaggio 6: aggiungi un piè di pagina

Per aggiungere un piè di pagina personalizzato per il tuo sito Web portfolio, fai clic sul pulsante Ekit nella pagina. Dalla categoria dei modelli , scegli piè di pagina. Ora avrai l' elenco di tutti i modelli di piè di pagina disponibili . Scegline uno e inseriscilo nella pagina. Modifica i testi del modello e i collegamenti in base alle tue esigenze.

Passaggio 7: anteprima e aggiornamento

Infine, se tutto sembra a posto nel modello, visualizzalo in anteprima per avere un'idea chiara di come apparirà il sito Web del portfolio. Dopo aver finalizzato il design del sito, aggiorna la pagina.

Se hai seguito correttamente i passaggi precedenti, ora dovresti avere un sito Web portfolio di bell'aspetto. Allo stesso modo, puoi creare un sito Web SaaS, un sito Web Alumni e così via senza codifica.

Cose da includere in un sito Web portfolio

Vuoi creare un sito Web portfolio che piacerà al tuo cliente, giusto? Quindi, devi aggiungere le seguenti sezioni nel tuo sito web:

Servizi che offri

Mostra tutti i tuoi servizi sul sito Web in modo che i visitatori possano facilmente sapere cosa possono aspettarsi da te. Che tu sia un fotografo professionista, uno sviluppatore web o qualsiasi altra cosa, potresti avere diversi servizi da offrire.

Aggiungili uno per uno. Poiché stai utilizzando il modello di sito Web del portfolio di ElementsKit , vedrai una sezione dei servizi predefiniti. Modifica quella sezione con i servizi che offri.

Campioni di lavoro precedenti

Come puoi convincere i tuoi clienti che sei in grado di gestire il lavoro critico? Bene, il modo migliore per conquistare la fiducia dei tuoi potenziali clienti è conservare i tuoi campioni di lavoro precedenti. Mantieni puliti i campioni di lavoro precedenti in modo che i visitatori possano esaminarli facilmente.

Su di me

Questa sezione sarà tutto su di te. Dovrebbe avere le parole chiave relative al settore. Inoltre, la sezione su di me dovrebbe descriverti correttamente . La sezione Chi sono aiuta i lettori a farsi subito un'idea chiara di te o della tua azienda.

Prezzi dei servizi

Otterrai più contatti per la tua attività se il prezzo è interessante. Offri prezzi convenienti per i tuoi servizi e mostrali nella sezione dei prezzi del tuo sito web. Se non sei soddisfatto della sezione dei prezzi del modello di sito Web del portfolio , puoi semplicemente cercare il widget dei prezzi nella libreria dei widget. Inserisci la sezione widget e modificala con il prezzo che vuoi proporre.

Modulo di Contatto

Se i visitatori del sito web apprezzano i tuoi campioni di lavoro, i servizi e i prezzi, vorrebbero contattarti. Per questo, un modulo di contatto sul sito Web è d'obbligo . Ma non preoccuparti. Puoi creare un modulo di contatto da zero senza codifica.

Installa il generatore di moduli di contatto più avanzato MetForm e inizia a creare un modulo di contatto per il tuo sito web. Ancora una volta, puoi utilizzare i modelli di modulo pronti di MetForm e creare straordinari moduli di contatto.

Incartare

Ora che sai come creare un sito Web portfolio, avvialo ora. Segui i passaggi che ho condiviso e non dovrai faticare a progettare un sito Web di portfolio professionale . Quindi, crea un sito Web di portfolio e ottieni più lead e più entrate.