Chi ha deciso di intraprendere la carriera di Web Designer Freelance, deve sapere che per arrivare alla progettazione e realizzazione di un sito web bisogna seguire globalmente tutte le sue fasi.

Se vogliamo sopravvivere dovremo usare un metodo di lavoro efficace per saper concludere un preventivo e ottenere il lavoro per poi eseguirlo e riceve il compenso.

Oggi condivido con voi il mio metodo di lavoro a livello concettuale, che potrebbe servirvi per i vostri potenziali clienti.

1. Primo Incontro con il Cliente

In questa prima fase avrai la possibilità di confrontarti con il cliente, ricevere le principali indicazioni per il progetto da realizzare.

Se vogliamo iniziare a convincere il cliente che noi siamo la soluzione ideale, consiglio sempre di spendere almeno una mezzora prima dell’incontro per capire con chi andremo a parlare.

Questo ci permetterà di comunicare al potenziale cliente che siamo informati sulla sua azienda, e che abbiamo fatto un minimo di ricerca.

Le principali informazioni da poter sapere prima dell’incontro sull’azienda potenziale cliente sono: chi è l’azienda, cosa fanno, il target a cui si rivolgono.

Tutte le altre informazioni dovremo chiederle a voce durante il primo incontro, vi ricordo il documento Pro Brief che ho realizzato per agevolare queste domande.

2. Invio Preventivo + Acconto

Una volta avute tutte le informazioni sul progetto da realizzare potremo creare il nostro preventivo di costi e tempi.

Nel preventivo cerchiamo di inserire in modo dettagliato le operazioni che andremo a svolgere ad esempio:

Installazione CMS WordPress

WordPress è una piattaforma CMS Open Source che permette di avere un back-office di amministrazione intuitivo e semplice da utilizzare.

Di solito io cerco sempre di raggruppare le attività per categoria, quindi in Realizzazione Grafica includerà, Bozze, Layout, Logo ecc. mentre in Comunicazione, uso di Facebook, Twitter ecc.

Per quanto riguarda i costi inserisco sempre quello totale + la manutenzione, mai i costi singoli per voce, ma questa è una scelta.

Per i tempi cercate sempre di prendervi un buon margine per eventuali Debugging, Ottimizzazione e Formazione al cliente.

Infine vi ricordo di farvi inviare una volta confermato il preventivo e firmato, un acconto, che può variare a vostra scelta dal 50% al 30% dell’intera somma.

3. Studio Cliente + Competitor

Una volta confermato il preventivo iniziamo a studiare in modo adeguato il nostro cliente per individuare le strategie e tecniche che possiamo utilizzare per la comunicazione web.

Inoltre è molto consigliato dare uno sguardo ai principali competitor del cliente, i quali potrebbero darci delle idee oppure individuare cosa funziona e cosa potrebbe essere migliorato.

4. Realizzazione Wireframe Progetto

Prima di realizzare bozze grafiche se ne abbiamo il tempo, e la possibilità, è sempre consigliato creare dei Wireframe.

Il Wireframe è un’idea di struttura spoglia di grafica molto elementare, con lo scopo di comunicare la struttura delle pagine, indicando le posizioni e le logiche dei principali elementi.

Questi progetti non hanno colori principali o elementi grafici di design, quest’ultimi verranno presi in considerazione in uno step successivo.

5. Progettazione Bozza Grafica

Una volta confermato il Wireframe avremo l’80% delle possibilità che il cliente non ci faccia spostare elementi grafici.

Questo momento sarà dedicato a vestire graficamente il nostro Wireframe confermato dal cliente e realizzato in precedenza.

Qui servirà talento e creatività nel creare un layout comunicativo ed efficace sul web.

Alla fine della progettazione di bozze per il layout, logo e altri elementi dovremo aspettare la conferma del cliente.

6. Sviluppo Progetto HTML + CSS + CMS

Una volta confermate le bozze grafiche dovremo montare gli elementi grafici in HTML+CSS aggiungendo CMS o altri tipi di linguaggi che avremo preventivato.

Questa fase è molto delicata in quanto dovremo mantenere le logiche e posizioni dalla grafica al web.

Ricordiamo che possiamo ottimizzare i tempi di sviluppo web e

7. Ottimizzazione Sito Web + Debug

Durante il montaggio del progetto dovremo verificare se il layout sia compatibile con i maggiori browser in circolazione.

Un’altra fase sarà quella di fixare alcuni errori o problematiche che non vedevamo direttamente dalla grafica, ma che potrebbero emergere sul web.

Nell’ottimizzazione di un sito web io includo anche un predisposizione a una buona SEO, quindi permalink corretti, HTML validato, CSS pulito e corretto, ma non inserisco mai in preventivo un’ottimizzazione SEO in quanto ci sono freelancer e società dedicate a quello.

Qualora vi richidessero un’analisi approfondita sulla SEO, parole chiavi da ottenere, posizionamento sui motori di ricerac fate sempre molta attenzione se vi lanciate in preventivi o se lo includete nella progettazione dell’intero progetto.

Inoltre vi ricordo che potremo ottimizzare e monitorare il progetto con alcuni tool online.

8. Aggiornamento e Manutenzione

Questo momento sarà dedicato alla Manutenzione del sito, che potrebbe essere dall’aggiornamento di CMS o altri elementi.

Inoltre potrebberò essere inviate dal cliente nuove specifiche da implementare nel progetto, tutte queste specifiche saranno nuovamente da preventivare a parte e dovremo riniziare il nostro metodo di lavoro dal punto 1.

Conclusioni

Questo metodo di lavoro può essere applicato per diversi progetti, qualora seguiti correttamente agevoleremo le nostre attività lavorative.

Se volete condividere i vostri consigli o dubbi lasciate pure un commento.

Letture Consigliate per Freelance


Autore: Giuliano Ambrosio

Creative Strategist e Designer Freelance di Torino, fonda il blog JuliusDesign nel 2007, attualmente collabora con diverse agenzie su tutta Italia con le quali ha avuto modo di lavorare per diversi big brand.