Compatibilità:

WebSite X5 Evo e Pro


Se ti stai chiedendo se devi creare un sito web con il tuo portfolio, già solo per il fatto che ti stai ponendo la domanda, la risposta è: sì. 

Un portfolio online con un sito web dal design perfetto è la versione moderna di un biglietto da visita, un curriculum e una vetrina di progetti tutto in uno. Se sei un freelance lo puoi utilizzare per mostrare i tuoi lavori e permettere ai potenziali clienti di contattarti. Se invece sei uno studente o un professionista in cerca di lavoro, puoi sfruttarlo per dimostrare le tue capacità alle aziende e convincerle a chiamarti per un colloquio.


Con l'Oggetto Portfolio creare il tuo portfolio online sarà veramente molto semplice. Vediamo insieme come si presenta il portfolio di WebSite X5 e come devi procedere per inserirlo nel tuo sito web.   



Come si presenta il portfolio di WebSite X5

Il portfolio che puoi realizzare con WebSite X5 è pensato per permetterti di presentare al meglio i tuoi lavori e per offrire a chi lo guarderà gli strumenti di ricerca necessari per identificare velocemente i lavori che più gli interessano. Si compone, dunque, di 2 parti:

  • Le barre di ricerca

Posizionate in alto, mettono a disposizione la ricerca per categorie, il campo per la ricerca libera e il filtro per data/ordine alfabetico. Puoi decidere tu quali strumenti di ricerca attivare e come presentarli: se voi puoi anche disattivare tutte le funzioni di ricerca e presentare solo le card.

  • Il wall composto da una card per ogni lavoro inserito nel portfolio 

Ogni card presenta un'immagine di sfondo e, in calce, una barra con titolo e data. Su passaggio del mouse, la card viene coperta da un layer colorato e vengono visualizzati il titolo, la descrizione e gli eventuali pulsanti con i link di approfondimento. Anche qui hai larghissimi spazi di personalizzazione: puoi decidere colori, effetti e formattazioni in modo da ottenere il risultato che più ti rappresenta.   

Ora che sappiamo come si presenta e come funziona, vediamo come possiamo creare il nostro portfolio.


Come definire la lista delle card

La prima cosa che devi fare, naturalmente, è inserire tutti gli elementi che intendi presentare all'interno del tuo portfolio, avendo cura di specificare per ognuno tutte le informazioni necessarie per comporre le card e di organizzarli in categorie omogenee.

  • Dopo aver inserito l'Oggetto Portfolio all'interno di una cella della Griglia di impaginazione, fai doppio click sull'Oggetto stesso in modo da accedere alla finestra Oggetto Portfolio > Lista. In questa sezione trovi tutti i comandi necessari per comporre e organizzare il tuo portfolio. 
  • Inizia con l'inserire le categorie necessarie. Per esempio, puoi organizzare il tuoi lavori di grafico in categorie come: Siti Web, Brand Identity e Print. Per aggiungere una categoria, non devi fare altro che cliccare sul pulsante Nuova Categoria, digitare il nome che le vuoi attribuire e cliccare sul tasto Invio (o fuori dall'etichetta) per confermare.  
  • Le categorie vengono visualizzate nell'ordine con cui le hai inserite: puoi riordinarle utilizzando i tasti appositi o trascinandole con il mouse e rilasciandole nella posizione corretta.  
  • A questo punto puoi selezionare una categoria e cliccare sul pulsante Nuova Card in modo da accedere alla finestra Impostazioni Card.   
  • Innanzitutto, inserisci il titolo delle card, importa il file grafico da utilizzare come sfondo e scrivi una breve descrizione.
  • Decidi anche se vuoi che nella card sia visualizzata una data, magari del periodo in cui hai eseguito il lavoro: nel caso attiva l'opzione data e usa il calendario per impostarla. Associare una data alle card è necessario se vuoi permettere l'ordinamento cronologico.  
  • Infine completa la card inserendo uno o due pulsanti: per ciascuno puoi specificare il testo e l'azione. Puoi, per esempio, impostare un pulsante che apre un'immagine ingrandita di anteprima e un secondo pulsante che punta a una pagina di approfondimento.
  • Ripeti i passaggi appena visti per inserire tutte le categorie e tutte le card che ti occorrono. Ricorda che non devi impostarle tutte subito: potrai aggiungerne e modificarle in qualsiasi momento.


#tip - Per procedere più velocemente nella creazione della lista puoi copiare e incollare una card in modo da predisporne una duplicato: puoi farlo utilizzando i comandi della pulsantiera posta sopra alla tabella riepilogativa o quelli del menu contestuale richiamato cliccando con il tasto destro del mouse sul titolo di una card.

  

Come personalizzare lo stile delle card

Ora che hai composto il tuo portfolio definendo la lista delle card, puoi concentrarti su aspetti più grafici:

  • Accedi alla sezione Impostazioni Portfolio > Card.
  • Inizia con il definire alcune opzioni di carattere generale specificando il numero di Card per riga, l'Altezza delle Card, il fattore di Smusso per gli angoli delle card, il Margine tra card e l'Effetto di comparsa e scomparsa.
  • Ora definisci lo stile delle barra del titolo visualizzata in calce a ciascuna card: puoi decidere il colore da utilizzare come sfondo e la sua opacità, oltre che le formattazioni e il colore dei testi. Ricorda che puoi rendere trasparente lo sfondo della barra del titolo semplicemente impostando l'opacità a 0.  
  • L'ultimo aspetto da gestire è l'aspetto/comportamento della card su passaggio del mouse. Seleziona l'elemento su cui vuoi agire dall'apposito menu e utilizza le opzioni disponibili per apportare le personalizzazioni che desideri:
    • Sfondo: puoi definire il colore e l'opacità del layer che, su museover, va a coprire l'immagine di sfondo impostata per la card. In più, puoi scegliere gli effetti con cui compaiono/scompaiono sia il layear colorato che l'immagine di sfondo.     
    • Descrizione: puoi formattare il titolo e la descrizione della card visualizzate su museover.
    • Pulsanti: puoi stilizzare i pulsanti visualizzata su mouseover definendo testi, sfondo, bordi e margini.  


#tip - La larghezza delle card è determinata in base alla larghezza complessiva dell'oggetto e al numero di card che devono essere visualizzate per ciascuna riga. Le immagini di sfondo verranno automaticamente ridimensionate in base allo spazio disponibile.   


Come impostare gli strumenti di ricerca

L'ultima cosa che puoi fare per rendere funzionale il tuo portfolio è dotarlo di pratici strumenti di ricerca che consentano, a chi lo consulta, di trovare e visualizzare velocemente le card con i lavori che più gli interessano. Tutti gli strumenti di ricerca vengono raccolti in due barre che puoi decidere come comporre e stilizzare. 

  • Val alla sezioni Impostazioni Portfolio > Filtri.
  • Per prima cosa puoi decidere di presentare l'elenco di tutte le categorie in cui hai organizzato il tuo portfolio. Per farlo devi solo attivare l'opzione Visualizza Barra Elenco categorie.
  • Se attivi anche l'opzione Al caricamento, visualizza tutte le categorie, fai in modo che nella barra con l'elenco delle categorie venga aggiunta anche la voce "Tutte le categorie". 
  • Attivata la barra con le categorie, puoi personalizzarne lo stile agendo su font, bordi e colori dei diversi elementi.
  • Sotto alla barra con l'elenco delle categorie, può essere presente una seconda barra con un campo per la ricerca libera e la select per impostare l'ordinamento delle card. Puoi decidere se rendere disponibili o meno questi 2 strumenti, attivando le opzioni Visualizza Campo di ricerca e Visualizza Ordinamento.  
  • Anche questa seconda barra può essere stilizzata agendo su font, bordi e colori dei vari elementi. 


#tip - Naturalmente, perché la barra con l'elenco delle categorie e l'ordinamento cronologico funzionino correttamente è necessario che tu abbia previsto delle categorie in fase di inserimento degli elementi e specificato una data per i vari elementi.


Ora che il tu portfolio è finito, non ti rimane che pubblicare il tuo sito online e iniziare a promuoverlo per far vedere a potenziali clienti o partner di lavoro la qualità dei tuoi lavori.