Come utilizzare PowerPoint per migliorare le schermate della pagina di destinazione

Uno degli aspetti più importanti di una landing page ad alto tasso di conversione è il contenuto chiaro e a valore aggiunto.

Quando si tratta di pagine di destinazione del software, tale contenuto dovrebbe includere schermate che mostrano l'interfaccia del software o le funzionalità uniche. Gli acquirenti vogliono vedere che aspetto ha effettivamente il software prima di dare via le loro preziose informazioni di contatto in cambio di una versione di prova o demo.

Piuttosto che incollare semplicemente le acquisizioni dello schermo sulla tua pagina di destinazione, ci sono molti modi diversi per mostrare il tuo software aggiungendo interesse visivo al design della tua pagina di destinazione. L'aggiunta di ombre, la visualizzazione di schermate su un dispositivo o il richiamo di funzionalità chiave sono ottimi modi per attirare l'attenzione degli utenti.

Potresti pensare che la creazione di immagini dall'aspetto professionale richieda competenze fotografiche e software di editing complessi, ma in realtà è straordinariamente facile ottenere ottimi risultati con un software che probabilmente è già sul tuo computer.

Di seguito, ti mostrerò diversi modi per rendere più vivaci i tuoi screenshot utilizzando uno strumento sorprendente: Microsoft PowerPoint.

Iniziare con PowerPoint

In precedenza abbiamo dimostrato che PowerPoint può essere utilizzato per qualcosa di più di semplici riunioni, ma probabilmente non è la prima cosa che viene in mente quando si cerca un editor di foto.

Tuttavia, con funzionalità sorprendentemente potenti, PowerPoint può trasformare rapidamente un'immagine blanda in una che catturerà l'attenzione degli acquirenti, rendendolo un ottimo strumento per creare schermate dall'aspetto professionale da utilizzare sulle pagine di destinazione.

Per questo tutorial userò PowerPoint 2013, quindi se stai usando una versione diversa il layout e le scelte di menu potrebbero essere leggermente diverse, ma la funzionalità dovrebbe essere la stessa.

Prima di iniziare, ecco alcune tecniche di base che ci permetteranno di modificare le nostre immagini:

La maggior parte degli strumenti che utilizzeremo si trovano nel menu "Formatta immagine" in PowerPoint:

• Per accedere a questi strumenti, inserisci un'immagine quindi fai clic destro su di essa e seleziona "Formatta immagine" dalla parte inferiore dell'elenco, quindi fai clic sulla scheda "Effetti" nel menu formato che appare sul lato destro del schermo.

PowerPoint ti consente di combinare più elementi, tra cui immagini, testo, linee, frecce e altro, in un'unica immagine che puoi salvare:

• Fai clic tenendo premuto Maiusc su ciascun elemento per selezionarli, quindi fai clic con il pulsante destro del mouse e seleziona "Gruppo" per combinarli in un'unica immagine.

Una volta terminata la modifica dell'immagine, dovrai salvarla in modo da poterla utilizzare sulla tua pagina di destinazione.

• Fai clic con il pulsante destro del mouse sull'immagine finalizzata e seleziona "Salva come immagine", quindi salva l'immagine sul desktop per l'uso. Usa il tipo di file PNG per preservare la trasparenza sullo sfondo dell'immagine.

Di seguito, ti mostrerò cinque modi specifici in cui puoi utilizzare PowerPoint per migliorare i tuoi screenshot.

1. Ombre

Unbounce usa le ombre per far risaltare gli screenshot

Uno dei modi più semplici per vestire uno screenshot è aggiungere una dimensione con un'ombra. Invece di rimanere appiattita sulla pagina, l'immagine risulterà fuori dallo sfondo a causa dell'illusione della profondità.

Procedura: le ombre possono essere aggiunte a qualsiasi immagine con pochi clic e possono essere utilizzate come tocco finale in combinazione con molte delle altre tecniche presentate di seguito.

• Dal menu degli effetti, clicca su “Ombra” per accedere al menu a tendina. Seleziona un'ombra preimpostata, quindi usa i cursori per modificare le dimensioni, la posizione, il colore e la trasparenza dell'ombra a tuo piacimento.

Come aggiungere ombre a un'immagine in PowerPoint

Suggerimento rapido: usa il predefinito "Offset Center" con l'80% di trasparenza e il 101% di dimensioni per un'ombra semplice che sta bene in quasi tutte le applicazioni.

2. Rotazione 3D

Gli screenshot impilati e ruotati di Convoso sembrano occupare spazio fisico piuttosto che stare piatti su uno schermo

PowerPoint ti consente di ruotare le foto nello spazio, aggiungendo profondità e interesse visivo alle tue immagini.

Questo strumento può essere utilizzato per abbinare l'angolo di uno schermo in una foto d'archivio, consentendoti di inserire schermate del tuo software in immagini dall'aspetto professionale (più su questo sotto). Tuttavia, il mio uso preferito dello strumento di rotazione 3D è creare un effetto impilato con più schermate.

Procedura: per ottenere ciò, applica la stessa rotazione a diversi screenshot, quindi disponili uno sopra l'altro. L'aggiunta di ombre e profondità 3D a ciascuna immagine aiuterà a separarle visivamente.

• Seleziona il menu a discesa "Rotazione 3D" e applica un predefinito per iniziare. Di solito mi attengo alla sezione "Parallelo" in quanto queste sono le più utili per abbinare le schermate delle foto stock e creare effetti divertenti.

• Regola le impostazioni di rotazione X, Y e Z per ruotare l'immagine nello spazio 3D.

• Per aggiungere l'illusione dello spessore, seleziona il menu a discesa "Formato 3D" e usa l'opzione "Profondità". Questo li fa sembrare blocchi piuttosto che sottili come carta.

Come utilizzare PowerPoint per ruotare i tuoi screenshot e creare un effetto impilato

Suggerimento rapido: applica il preset "Ricarica isometrica" ​​a diversi screenshot, con una rotazione di 300° X, 320° Y e 70° Z. Disporre le immagini in modo che si sovrappongano leggermente, quindi applicare le ombre e la profondità individualmente.

3. Schermate del dispositivo

L'utilizzo di schermate sui dispositivi, come questo esempio di Polymail, può aiutare gli acquirenti a comprendere meglio la versatilità del tuo software

Questo effetto richiederà alcune tecniche, inclusa la rotazione 3D, nonché più immagini per iniziare. Avrai bisogno del tuo screenshot e di una foto d'archivio di un laptop, tablet o smartphone. Quando scegli un'immagine d'archivio, assicurati di controllare la licenza per assicurarti che sia esente da royalty e approvata per l'uso commerciale. Se possibile, prova a trovare immagini frontali con sfondi semplici o trasparenti in quanto ciò rende il processo molto più semplice.

Procedura: inserire sia lo screenshot che la foto d'archivio in PowerPoint e allineare le immagini. Quando sembra che il tuo screenshot sia sul dispositivo, combina le immagini raggruppandole insieme.

• Se vuoi che l'immagine finale sia solo il tuo screenshot su un dispositivo, senza alcuno sfondo, potresti dover utilizzare lo strumento "Rimuovi sfondo" di PowerPoint sulla tua foto d'archivio. Questo strumento si trova in "Strumenti immagine" nel menu principale della barra multifunzione e consente di tracciare linee sulla foto stock per selezionare le aree dell'immagine da rimuovere. Raccomando di ingrandire e prendere il tuo tempo, andare avanti e indietro con la rimozione e il mantenimento delle aree fino a quando non sei soddisfatto.

• Se la foto d'archivio sta coprendo il tuo screenshot, puoi fare clic con il pulsante destro del mouse e selezionare "Invia a indietro" per riordinare le immagini.

• Ridimensiona lo screenshot per adattarlo allo schermo del dispositivo sulla tua foto d'archivio. Potrebbe essere necessario ritagliare l'immagine se non è la proporzione corretta. Lo strumento di ritaglio può essere trovato nel menu "Strumenti immagine" o nella scheda "Immagine" del menu "Formatta immagine". Con lo strumento di ritaglio, trascina dal bordo dell'immagine per tagliare qualsiasi extra che non si adatta alla foto d'archivio.

• Se necessario, potresti anche dover utilizzare lo strumento di rotazione 3D per allineare lo screenshot con lo schermo della foto stock. Dovrai regolare manualmente la rotazione X, Y e Z fino a quando le due immagini non sono allineate correttamente.

• Una volta che lo screenshot è allineato correttamente, fai clic tenendo premuto il tasto Maiusc su entrambe le immagini, quindi fai clic con il pulsante destro del mouse e raggruppale.

Come utilizzare PowerPoint per sovraccaricare i tuoi screenshot su un'immagine del dispositivo

Suggerimento rapido: lavorare con le immagini scattate frontalmente rende molto più facile posizionare correttamente lo screenshot. Se è necessario ritagliare, assicurati di non tagliare elementi importanti dello screenshot.

4. Richiami informativi

Revelation Pets usa i call out per evidenziare diverse caratteristiche chiave del loro software

Un ottimo modo per evidenziare caratteristiche uniche è indicarle letteralmente sullo screenshot. PowerPoint ha alcune opzioni per aggiungere linee o frecce a un'immagine, consentendoti di etichettare facilmente le caratteristiche. Per un effetto più lucido, puoi applicare questa tecnica a uno screenshot che hai posizionato su un dispositivo.

Come:

• Inizia aggiungendo le linee o le frecce che puntano alla funzione sullo screenshot. Dal menu "Inserisci", seleziona il menu a discesa "Forme" per accedere alle varie opzioni di linee e frecce. Seleziona una forma di linea e fai clic e trascina dalla casella di testo alla funzione sullo screenshot per creare la linea. Potrebbe essere necessario utilizzare più linee per forme più complesse come le piegature ad angolo retto.

• Puoi utilizzare le opzioni "Linea" nel menu "Formatta forma" per modificare il design della tua linea. Utilizzare il selettore "Larghezza" per modificare lo spessore della linea e le opzioni della freccia per aggiungere, rimuovere o modificare la dimensione dei punti alle estremità di ciascuna linea. Puoi anche cambiare i punti delle frecce in ovali per un aspetto più pulito. Prova diversi stili di linea, colori e spessori per trovare un design che ti piace.

• Infine, aggiungi del testo per etichettare la funzione che stai evidenziando. Seleziona "Inserisci" quindi "Casella di testo" dal menu, quindi fai clic in un punto qualsiasi della diapositiva per disegnare l'area di testo. Usa un carattere e un colore che corrispondano al tuo marchio. Potresti anche voler includere una breve descrizione della funzione sotto una dimensione del carattere più piccola.

Come utilizzare PowerPoint per evidenziare le funzionalità nello screenshot della pagina di destinazione

Suggerimento rapido: tieni premuto Maiusc mentre trascini la linea per assicurarti che sia dritta. Per creare curve di 90 gradi perfette, crea prima delle singole linee orizzontali e verticali e imposta l'opzione "Tipo finale" di entrambe le linee su quadrato. Fare clic e trascinarne uno vicino alla fine dell'altro: si attaccheranno insieme.

5. Callout ingranditi

When I Work utilizza una lente d'ingrandimento per attirare l'attenzione sui dettagli chiave dello screenshot

A volte gli screenshot sono pieni di informazioni densamente imballate ed è difficile distinguere i dettagli mantenendo una dimensione appropriata. Un ottimo modo per richiamare l'attenzione su questi dettagli è aumentare le dimensioni solo dell'area dettagliata, lasciando da solo il resto dello screenshot. L'effetto è come tenere una lente d'ingrandimento sopra i dettagli importanti del tuo software.

Procedura: questo effetto combina le tecniche dal posizionamento dello screenshot su un dispositivo e dall'aggiunta di callout informativi. Dovrai manipolare una copia del tuo screenshot e posizionarla sopra un'altra prima di combinare le due immagini.

• Inserisci due copie del tuo screenshot in PowerPoint. Se possibile, utilizzare un'immagine ad alta risoluzione per la copia che sarà la ripresa dei dettagli ingranditi.

• Seleziona una copia dello screenshot, quindi vai alla scheda "Strumenti immagine" nel menu principale della barra multifunzione. Seleziona il menu a discesa sotto lo strumento di ritaglio e scegli "Ritaglia in forma" quindi "Ovale". Quindi, seleziona di nuovo il menu a discesa del ritaglio e scegli "Rapporto aspetto" quindi "1:1" per ritagliare un cerchio perfetto.

• Usa le parentesi angolari scure per regolare le dimensioni del ritaglio, quindi fai clic e trascina l'immagine per assicurarti che il posizionamento sia centrato sul dettaglio che desideri evidenziare. Fare clic sulla forma per finalizzare il ritaglio.

• Seleziona l'immagine ritagliata e aggiungi un bordo usando l'opzione "Bordo immagine" nel menu "Formato" per farla risaltare rispetto allo screenshot principale. Cambia lo spessore e il colore del bordo per far risaltare la sezione dettagliata.

• Infine, posiziona la sezione dei dettagli ingranditi sopra lo screenshot e raggruppa i due oggetti insieme.

Come utilizzare PowerPoint per ingrandire una determinata parte dello screenshot

Suggerimento rapido: usa uno spesso bordo grigio attorno alla sezione ritagliata per creare un classico effetto lente d'ingrandimento. Assicurati che la sezione ingrandita sia abbastanza grande da consentire agli acquirenti di distinguere i dettagli.

Funzione bonus

Se hai bisogno di un modo per catturare schermate del tuo software, non guardare oltre - hai indovinato - PowerPoint.

Dal menu principale, seleziona "Inserisci", quindi "Screenshot" per avviare lo strumento. PowerPoint visualizzerà un elenco di ogni finestra che hai aperto, quindi seleziona semplicemente l'applicazione software e catturerà quella schermata e la posizionerà sulla diapositiva di PowerPoint. Puoi quindi modificarlo direttamente in PowerPoint.

Assicurati di avere la schermata del software che desideri acquisire aperta prima di avviare lo strumento "Screenshot".

È ora di iniziare!

Ecco qua! Con queste tecniche è possibile trasformare schermate sbiadite in foto memorabili e con valore aggiunto sulla tua pagina di destinazione. Consiglio vivamente di giocare con le impostazioni di ogni strumento per avere un'idea di come funzionano e cos'altro è possibile con loro.

Hai scoperto delle tecniche per utilizzare i comuni software aziendali in modi interessanti? Fammi sapere nei commenti qui sotto!