Usare un mockup nella testata di una landing page

La testata è dove la maggior parte decide se continuare a leggere. Un mockup lì ha un compito: dimostrare che il prodotto esiste e mostrare di che tipo di prodotto si tratta nel primo secondo, prima che venga letta una parola. Tutto il resto — esportazione e collocazione — discende da questa scadenza.

Ritaglia dentro il dispositivo invece di rimpicciolirlo

Un telefono intero che fluttua nella testata sembra piccolo su schermi larghi e la sua interfaccia diventa illeggibile. Ritaglia in modo che il dispositivo esca in basso o di lato dalla sezione — la curva superiore riconoscibile basta a dire telefono — e lascia che lo schermo occupi superficie reale. I mockup ritagliati si adattano anche meglio tra i punti di rottura, perché sposti il ritaglio invece di rimpicciolire tutta l’immagine.

Prima il fermo immagine, il video se si merita il peso

Un video di mockup che parte da solo nella testata è efficace e costoso: ritarda il primo disegno, consuma banda su mobile e batteria. Se lo usi, tienilo breve e muto, mettilo in loop, prevedi un’immagine di copertina perché qualcosa compaia subito e disattivalo sugli schermi piccoli. Spesso una testata statica più un breve video più in basso converte allo stesso modo e carica in una frazione del tempo.

Fai combaciare la luce del mockup con la pagina

Un dispositivo renderizzato su fondo scuro messo in una pagina bianca sembrerà sempre incollato, anche con sfondo trasparente, perché la luce sul corpo implica un ambiente scuro. Renderizza il mockup contro il valore che la pagina usa davvero. È l’argomento pratico per conservare il progetto del mockup e non solo l’immagine esportata: al restyling rifai il render invece di ritoccare.