Blog Mind
  • How To
  • Vita da corsista
  • Inspiration
  • Work Tips
  • Corsi
Home  /  Work Tips  /  Come presentare il mockup di un sito web
Work Tips

Come presentare il mockup di un sito web

Devis Dainese Gestione clienti
Il mockup di un sito web

Reduce da notti insonni e brainstorming infiniti, sei pronto a presentare il mockup del sito web al tuo cliente. Ora si tratta solo di riordinare le idee per esporle in modo comprensibile e, soprattutto, convincente.

Esistono tre modi per presentare una bozza grafica, a seconda della complessità del sito che andrai a realizzare:

  1. Mostrare lo scheletro del layout (in inglese, wireframe del sito);
  2. Creare dei mockup grafici o delle moodboard;
  3. Preparare delle anteprime interattive per rendere la bozza molto simile al risultato finale.

Puoi considerare l’ipotesi di utilizzare due di queste modalità insieme, o anche tutte e tre, per mostrare meglio i dettagli o le parti del sito da implementare.

Bozza grafica di un sito web

Utilizza i wireframe per illustrare le funzionalità

I wireframe non sono altro che bozze di layout, utili a spiegare i ragionamenti che ti hanno portato a realizzare il mockup di un sito web. Al di là dell’aspetto visivo e del linguaggio di programmazione utilizzato, dovrai guidare l’attenzione del cliente verso la user experience, ovvero l’esperienza generale di utilizzo offerta dal sito.

Esempio di wireframe
Un esempio di wireframe per l’home page di un sito web. Copyright: www.dribble.com

Usa le moodboard per raccontare i contenuti visivi

Prendiamo come esempio un e-commerce: potrebbe essere prevista una sezione dedicata alla promozione dei contenuti in vendita o alla creazione di articoli da condividere sui social. I wireframe, in questo caso, non sarebbero esplicativi. La realizzazione di una moodboard, invece, ti aiuterà a spiegare il linguaggio visivo che hai in mente. Una moodboard non è altro che un collage di immagini, illustrazioni, colori e altri elementi in grado di fornire al cliente una prima idea sul concept di un progetto creativo, ovvero lo stile e i contenuti del sito web che stai realizzando.

Esempio di moodboard
La moodboard realizzata da Matt Cole per presentare il mockup di un sito web. Copyright: www.dribbble.com

Fai vedere gli effetti in azione

Se la tua bozza grafica prevede l’utilizzo di determinati effetti, dal semplice hover CSS agli effetti particolari in Javascript, non limitarti a inserire un’immagine statica: cerca di fornire al cliente un’anteprima realistica del risultato finale!

Ora che hai preparato i wireframe, il mockup del sito web e tutto il materiale utile a illustrare il concept creativo al cliente, è arrivato il momento di presentarlo

Prepara una scaletta degli argomenti

Più avrai chiaro cosa dire durante l’incontro, più sembrerai sicuro e convincente, quindi preparati un discorso o almeno una scaletta da seguire. Non devi ripetere la presentazione per 200 volte, come ha fatto Jill Taylor per il suo TED Talk, ma ricordati che saltare questo passaggio potrebbe impedirti di ottenere il giusto riconoscimento per il lavoro svolto.

Mostrati aperto alle critiche

Durante l’incontro, mostrati disponibile ad accogliere le osservazioni e le critiche del cliente, con un atteggiamento sereno e professionale. Il committente può conoscere degli aspetti legati al suo business di cui non sei a conoscenza che possono arricchire anche il tuo punto di vista. Viceversa, sii pronto a spiegare le ragioni di una determinata scelta in modo sicuro ed esaustivo, così da guadagnare la sua fiducia.

Crea un’atmosfera rilassata

Cerca di rendere il confronto divertente e stimolante, creando un’atmosfera tranquilla e distesa. In questo modo potrai entrare in sintonia con le persone che ti stanno di fronte, mettendole nella condizione giusta per esprimere un’opinione onesta sul tuo lavoro.

Vorresti migliorare le tue capacità di creare mockup di siti web? Partecipa al prossimo corso di web design di MIND Academy: 172 ore di lezione con teoria e molta pratica, per diventare un Web Designer professionista!

Related Posts

  • Mattia Malengo

    Intervista a Mattia Malengo: vi racconto la mia esperienza di TikToker

  • Corso Diventa un professionista

    Un corso per diventare professionisti del digitale

  • Niccolò Da Dalt - Corsista MIND Acdemy

    Come diventare Graphic Designer: la storia di Niccolò

  • Personal branding per creativi: consigli e strumenti utili per promuoverti a livello professionale

Newsletter

Iscriviti alla nostra newsletter!



Post recenti

  • Usabilità sito web
    Usabilità di un sito web: le regole da seguire How To, Web Design
  • Come progettare un sito web
    Come progettare un sito web efficace How To, Web Design
  • Mattia Malengo
    Intervista a Mattia Malengo: vi racconto la mia esperienza di TikToker Work Tips
  • Numerazione delle pagine con InDesign
    Come inserire la numerazione delle pagine con InDesign Graphic Design, How To
  • Promuovere una pagina Facebook
    Come promuovere una pagina Facebook: alcuni consigli utili How To, Social Media Marketing

Tendenze

Come fare copywriting Come gestire i social media Come progettare un sito web Consigli seo Corso Graphic Design Creare un brand di successo Gestione clienti Idee grafica Idee per siti web Ispirazione design Ispirazione grafica Lavoro freelance Mobile working Normative per il web Passione fotografia Passione grafica Personal branding Professione fumettista Progettazione siti web Social media marketing idee Strategie di marketing e comunicazione Strumenti per web designer Trend design

Contatti

Dove siamo

Sede
Via Venezia, 90/A
35129 Padova, Italia

Come contattarci

Telefono
049 7449220
Email
info@creativemind.academy

Newsletter

Iscriviti alla nostra newsletter!

Lasciaci la tua email
Riceverai in anteprima i nostri articoli



Post popolari

  • Brand book per l'immagine aziendale
    Guida alla creazione di un brand book Mind
Blog Mind

© MIND srl 2019 - Tutti i diritti riservati

MIND srl P.IVA e Codice Fiscale 05079870282 - Rea PD - 441420 - Reg Imprese 11/08/2017 - Marchio registrato/depositato presso Camera di Commercio codice 302016000074765