Un web designer vuole sempre che i siti web da lui creati si distinguano per bellezza e unicità.

Il problema è che la creazione di un design da zero, a volte, è un attività che può bloccare anche le menti più creative. Magari inizialmente si ha già un idea dei colori da utilizzare e della struttura in generale ma a volte per il poco tempo a disposizione, lo stress o semplicemente perchè si è alle prime armi non si riesce a dare vita ad un buon design e si incappa nel classico blocco creativo.

Fortunatamente, a volte i web designer più esperti condividono i file sorgenti dei loro progetti gratuitamente . In questo modo offrono una fonte di apprendimento per i principianti e permettono ai web designer più esperti di studiare nuove tecniche di lavoro e aggiungere dettagli grafici ai progetti, arricchendoli così di nuovi elementi.

Sfortunatamente, a volte, la maggior parte di questi PSD free non vale nemmeno la pena di scaricarli. Così, oggi ho creato una lista di 30 layout di altissima qualità in PSD da scaricare e da cui prendere ispirazione.

Come disegnare un layout in stile organic? tutorial e psd

Realizzare un portfolio creativo in Photoshop

Come creare un colorato layout web in stile business

Creare un layout scuro in Photoshop

Come disegnare un layout in stile magazine? tutorial e psd

Disegnare un layout pulito in Photoshop

Progettare un trendy business layout

Progettare e sviluppare un sito web completo

ShutterPress: Progettare e codificare un portfolio fotografico

Progettare un elegante mobile app sito web

Come creare un web layout professionale in Photoshop

Come creare un layout per portfolio in Photoshop

Progettare un sito web minimale e pulito

Creare un tema moderno in Photoshop

Come creare un layout web a pagina singola con Photoshop

Progettare un tema Drupal business in Photoshop

Creare un layout per sito e gallery in Photoshop

Creare un sito web con colori scuri in Photoshop

Creare un layout in stile fumetto

Progettare un layout alternativo mediante l’utilizzo di UI/UX

Creare un layout a scorrimento orizzontale

Creare una single page illustrata

Progettare un tema per blog professionale e pulito

Design Squeeze Free Sample per gli amici Webmarketer

Creare un tema per WordPress in stile minimal

Come creare un tema in stile vintage

Creare un layout elegante in Photoshop

Come creare un layout games style in Photoshop

Come creare un portfolio stile minimal

Creare un layout luminoso in Photoshop

Designer troppo stressati a causa dell’abuso di caffè al computer?
Poca vita sociale?
Facebook e i vari social network si sono impossessati delle menti di questi “creativi” trasformandoli in persone intrattabili e superbe convinte di poter cambiare il mondo con 4 click del mouse?

In realtà i motivi sono tanti altri, talmente tanti che racchiuderli in un articolo sarebbe impossibile… Forse ci vorrebbe un libro, ma alla fine chi perderebbe tempo a leggere e cercare di comprendere le motivazioni di tanti nullafacenti, che perdere tempo davanti a un computer si ostinano a considerarlo un lavoro?

OK, respiro profondo e torniamo sereni… Volete sapere per quali motivi il vostro designer vi odia?
Vi elenco le prime cause che mi vengono in mente.

Ordinare modifiche senza motivarle

In genere chi gestisce un attività è abituato a decidere da solo le decisioni da prendere. Questa però non è una buona abitudine quando si commissiona la realizzazione di un sito web o più in generale la gestione di una campagna pubblicitaria a qualcuno. In questi casi l’imprenditore dovrebbe limitarsi a scegliere il professionista a cui affidarsi, e lasciare che quest’ultimo (sempre tenendo in considerazione le richieste ed esigenze del cliente) decida in che modo svolgere il proprio lavoro.

Eppure non sempre è così (in realtà non lo è quasi mai), di solito durante le prime fasi o quando si presenta al cliente la prima bozza grafica, la reazione del cliente è un ordine categorico imposto senza dare nessuna motivazione

“va bene, ma questo lo voglio così”
 “questo deve essere di questo colore”
“voglio che venga fatto in questo modo”.

Se il lavoro presentatovi non vi piace, dovreste almeno spiegarne il motivo, in modo che il designer capisca cosa vi passa per la testa. In questi casi dategli quante più informazioni possibili per fare in modo che riesca ad interpretare bene le vostre richieste e creare comunque qualcosa di valido e creativo. Se avete scelto di affidarvi ad un designer professionista vi assicuro che c’è un motivo se usa un font tipo “Garamond” al posto di “Comic sans” o se ha deciso di non scrivere i testi in rosa su fondo verde. Nella progettazione di un sito web o di un advertising ci sono tanti di quei fattori da cui dipende la riuscita del progetto che voi non immaginate nemmeno.

Quindi motivate sempre le vostre richieste e tenete aggiornato il designer sulla vostra strategia di marketing. Sarà più incline non solo a fare un buon lavoro, ma vi offrirà suggerimenti sicuramente interessanti per migliorare la vostra strategia e il vostro brand.

Chiedere di stravolgere il lavoro quando è già finito

Questa è una cosa che accade praticamente per ogni sito web: al client piace il mockup, lo approva e si va avanti con la progettazione. Si crea il design, si costruisce il sito e lo si definisce, ovviamente tutto dopo approvazione del cliente.
Poi il cliente riunisce i suoi amici (che erano tutti progettisti di siti web ancor prima che internet fosse inventato) e gli chiede dei feedback
“io avrei fatto il logo lampeggiante”
“qui non potevi far mettere una manina che salutava”
“io avrei messo come sottofondo una musica che fa TuNZ tunz TUNZ”.

Il cliente raccoglie tutti questi preziosi consigli e (a lavoro finito) chiede al suo designer di apportare queste modifiche… Modifiche che in rari casi e prese uno alla volta hanno anche un senso, ma che tutte insieme generano solo confusione e non fanno altro che nuocere alla qualità del progetto oltre che alla salute del designer. Se si è soddisfatti del lavoro è giusto chiedere opinioni altrui ma che siano di persone competenti e informate sul progetto. Ogni persona ha un colore preferito e uno stile a cui è più legato, quindi se la persona con cui prendete il caffè la mattina vi dice che il sito andava fatto verde e non blu non correte dal vostro designer per modificare tutto perchè se ha usato un colore piuttosto che un altro, forse ha qualche conoscenza di psicologia dei colori e di quanto questi influscano sulla riuscita di un progetto.

I vostri amici probabilmente sanno di design molto meno di voi. Quindi, se volete dei feedback validi sul design, chiedeteli ai vostri clienti tramite sondaggio, o conducendo un focus group, ma non aspettate che il progetto sia finito, fatelo mentre il design è ancora in una fase di concept.

Il cliente che pensa di essere un designer

Il designer è il vero esperto nel proprio lavoro, quindi è giusto che sia lui a prendere le decisioni importanti. Quando invece di fanno richieste assurde si spegne nel designer la creatività e si limiterà a fare giusto quel che gli viene chiesto e in malo modo.

Come la prenderebbe il vostro meccanico se gli diceste “ho il motore che mi da problemi, verniciamelo di verde“, oppure il dottore “ho il colesterolo alto mi prescriva un cortisonico? ”. Di certo non bene, anzi rischiereste di venir accompagnati fuori in modo poco garbato. In realtà sò che nessuno di voi si sognerebbe di fare una richiesta del genere ad un professionista, non siete tutti dei dottori, dei meccanici o degli avvocati. Allora perchè tutti vi ostinate a credere di essere dei designer?
Il cliente deve limitarsi a trovare un progettista che crei il lavoro nel modo a lui più congeniale, dargli supporto e gestire il progetto insieme a lui.

Rendere tutto graaaande grande

Un errore in cui spesso spesso si incappa è quello di credere che gli elementi che compongono la struttura di un sito o di un cartaceo in generale, più grandi sono meglio è.
Allora si fanno richieste tipo “il logo si può avere più grande?”… Magari se insistete il designer vi accontenta, ma sicuramente la richiesta successiva sarà “ora il testo però è diventato troppo piccolo, ingrandisci anche quello!” e non si finisce più.

Non basta rendere un elemento il più grande possibile, tipo il logo, per dare rilevanza al vostro brand. Stessa cosa vale per i testi. Un testo anche se di grandi dimensioni, avrà sicuramente una scarsa leggibilità se non viene ben impaginato. Mettere tutto in risalto, cercare di ingrandire tutto il più possibile, alla fine porterà alla condizione di non evidenziare niente e non lasciare alcun messaggio ai vostri utenti.
Ci sono regole di impaginazione ben precise che il vostro designer rispetta, chiedere di ingrandire qualcosa, spesso serve solo a farlo spazientire perchè poi dovrà perdere ore per impaginare di nuovo il tutto in modo allineato e armonioso.

I segni che il grafico ha gettato la spugna

I segni che il vostro designer si è stancato e ha rinunciato ad essere creativo sono facilmente riconoscibili:

• Se il designer fa quello che gli imponete, senza metterlo in discussione e cercare di migliorarlo, probabilmente avrà perso la voglia di “creare” per voi, e la qualità del lavoro ne soffrirà molto.
• Se gli proponete qualcosa e lui vi guarda in modo imbambolato, significa che cerca  di capire se siete seri o meno e vuole  trovare qualcosa di positivo da dire per assecondarvi.
• Se non firma il lavoro che ha progettato per voi. Questo dimostra che ha gettato la spugna e non è per niente orgoglioso del risultato ottenuto.

Se vi capita uno di questi casi, pensate ad un progetto ridicolo e dite al vostro designer che desiderate farlo. Se vedete che lui vi asseconda e ha un interesse minimo per la cosa state tranquilli che l’unico motivo per cui vi considera è perchè con i vostri soldi ci paga le bollette.

Concludendo, tutto questo dimostra che se non curate i rapporti con il vostro designer,  sarete voi e il vostro progetto a perderci, mentre collaborare insieme a lui può portare a risultati che magari nell’immediato vi lasceranno perplessi, ma che col tempo vi faranno capire che fidarsi di persone esperte del web (perchè non li considererete più dei perditempo) vi conviene e i primi con cui dovrete congratularvi sarete voi stessi.

In un prossimo articolo parleremo di come curare il rapporto con il vostro designer.

Ecco perchè è buona norma utilizzare in ogni sito una Pagina 404 che viene mostrata all’utente qualora la risorsa non sia disponibile.
Anche se è una cosa molto spesso trascurata dagli sviluppatori web, una buona pagina 404 è molto utile per non far scappare visitatori.

Personalmente credo che una pagina 404 deve avere:

• Un testo che conforti il visitatore e spieghi in modo pacato che ha digitato l’url in modo sbagliato oppure che è arrivato ad una pagina inesistente
• Un link alla mappa del sito e uno all’home page.
• Un box per la ricerca interna
• Un link per permettere la segnalazione del problema (anche se credo che ben pochi lo utilizzano)
• Nel caso di un blog, la lista degli articoli più letti

Cosa manca?
La creatività. Utilizzando un look minimalista infatti bisogna esser capaci di intrigare il visitatore e cercare di invogliarlo a continuare la navigazione nel sito.

Ecco a voi una raccolta di 25 pagine 404 creative da cui prendere ispirazione

Attenzione però non fatevi contagiare dalla “patternite” , è una malattia che colpisce un designer su 3… Il sintomo si presenta come una voglia irrefrenabile di scaricare quanti più pattern possibili e provarli tutti! Se venite colpiti dall’infezione vi ritroverete invasi da pattern che scombussoleranno voi e il vostro Photoshop. E la degenza è molto, molto lenta.

Adobe Photoshop Patterns

Felt

Paven

Checkered light emboss

Type

Diagonal Noise

Noise pattern with subtle cross lines

Fancy Deboss

Dark Brick Wall

Inflicted

crissXcross

Black linen 2

Darth Stripe

Subtle freckles

Random Grey Variations

Black Linen

Padded

Cross Stripes

Dark stripes

Handmade paper

Wine Cork

Dark denim

Paper 2

White carbon

Tactile noise

A Free Halloween Vector Icon Set | Smashing Magazine

Free Vector Halloween Heads | BenBlogged

Horror icons | Smashing Magazine

World of Aqua: After Dark | Iconfactory

Halloween Icons by Zeusbox | Iconarchive

Halloween horrors | Iconshock

Litho Halloween | Iconfactory

Vector Halloween | FreeVectorDownload

6 Free Halloween Vector Graphics | NewRevolutionDesign

Halloween icons | kearone

Trick or Treat – Iconfactory

Halloween party flyer | Chrisdesign

Halloween Pack | Qvectors

Vector Rss Icons | Qvectors

Free Halloween Vector Pumpkins | Vectorjungle

Halloween Icons | Ncus

Halloween Free Icons Pack | CssCreme

Halloween Card | AramisDream

Free Vector Skulls | Benblogged

Se a due persone viene affidato lo stesso compito le loro soluzioni avranno al massimo qualche caratteristica simile, ma nel complesso saranno inevitabilmente diverse.

Lo stesso concetto vale nel Design: due o più web designer possono anche usare lo stesso font o lo stesso numero di colonne, potrebbero utilizzare anche colori e immagini simili ma sicuramente i loro lavori non saranno mai identici.

Il design non ha una soluzione assoluta come un’equazione matematica. Questo perchè per ogni progettazione, ci sono moltecipli soluzioni, ognuna delle quali può per un motivo o per un altro essere considerata giusta. Non esiste un’unica soluzione così come non esiste un metodo oggettivo per determinare quale approccio e quale metodo sia migliore degli altri.
Ecco perchè l’obiettivo di un designer è quello di ricercare la soluzione che ritiene “personalmente” migliore.

Classico esempio è quello dei contest dove dato un brief univoco ogni designer sottopone la propria soluzione, quella cioè che egli ritiene più adatta a quel caso specifico. Potrebbero essere centinaia le proposte, vi assicuro che tranne qualche caratteristica comune ogni progetto sarà diverso dall’altro.

Vediamo quali sono le caratteristiche e azioni quotidiane che anche se difficilmente ce ne rendiamo conto influenzano la nostra creatività e il risultato del nostro lavoro.

Process Design personale

Ognuno di noi ha un processo di progettazione unico e personale su cui influscono vari fattori, tipo il momento del giorno in cui lavoriamo, quale musica ascoltiamo, e l’ambiente in cui lo svolgiamo.
Pensate che avreste affrontato un progetto allo stesso modo sia ascoltando Mozart, che i Black Sabbath o lavorando al mattino invece che a tarda notte?

I programmi che utilizziamo

Gli strumenti che usiamo possono essere i nostri punti di forza ma anche di debolezza. Quante volte avete letto discussioni sull’utilizzare o fare a meno di Photoshop per la progettazione di un design? In entrambi i casi otterreste lo stesso risultato?
E progettare un mockup a mano o con un programma?
Gli strumenti che utilizziamo (o non utilizziamo) aggiungono ulteriori caratteristiche al nostro progetto e inconsciamente influenzano il risultato del nostro lavoro.

La nostra esperienza di vita

Noi tutti, in base alle gioie o i dolori che la nostra esistenza ci ha preservato, abbiamo esperienze di vita diversa. Queste esperienze permettono a ciascuno di noi di interpretare una qualsiasi questione in modo univoco e personale e trovare delle soluzioni soggettive e individuali.

Viviamo in una società dove il conformismo la fa da padrona, ma state tranquilli, tutto ciò che creiamo è stato filtrato attraverso l’esperienza della nostra vita. Il nostro stile, la nostra voce, il nostro carattere, il nostro punto di vista sono tutti aspetti che contribuiscono a rendere ogni essere umano diverso dagli altri, anzi unico.

Conoscenza della teoria e dei principi del Design

Ovviamente ciò che influenza il nostro modo di lavorare è anche la nostra conoscenza. Più cose conosciamo meglio è, infatti se abbiamo delle vaste competenze nelle tecniche e nei principi del web design progetteremo in modo più professionale, avremo a disposizione un ventaglio di soluzioni più vasto e offriremo un risultato diverso rispetto a chi è meno preparato.

Abilità personali

Se un designer è un bravo illustratore molto probabilmente incorporerà le illustrazioni nel suo design, se è bravo nel scegliere le combinazioni colori, punterà tutto sull’uso di palette particolari.
Ogni essere umano ha punti di forza e debolezza, e ovviamente un bravo professionista tenderà a evidenziare le azioni in cui si distingue e metterà in secondo piano quelle dove è poco abile.

Amori e antipatie personali

E’ impossibile rimuovere completamente i gusti e le antipatie personali dal lavoro. Inevitabilmente, tenderemo sempre a instradare i nostri progetti verso ciò che ci piace allontanandoli da quello che riteniamo noioso. Ad esempio difficilmente un designer utilizza combinazioni di colori che non gli piacciono, ecco perchè molto spesso si cade nell’errore di utilizzare sempre le stesse tonalità senza tener conto del significato e dell’influenza che i colori hanno sulla psiche umana.

I progettisti che ammiriamo e da cui prendiamo ispirazione

Ognuno di noi trova spesso l’ispirazione dai lavori di designer di cui ci piace lo stile e che decidiamo di prendere come riferimento. La maggior parte dei designer inizia a crearsi uno stile personale proprio cercando di imitare quello degli altri.
In generale quindi, ciò che ci ispira ha più probabilità di influenzare il nostro lavoro.
Questo concetto può trarre in inganno, infatti si può pensare che il nostro modo di progettare un design diventi identico a quello del nostro ispiratore. In realtà l’obiettivo di questo articolo è proprio dimostrare che il nostro stile può tendere a quello di colui che prendiamo come ispirazione ma fortunatamente non può mai essere identico (a meno che non vogliamo copiare intenzionalmente ma in quel caso non si tratta di ispirazione ma di clonazione).

Conclusioni

I punti citati sono solo una piccola parte dei tanti aspetti che possono influenzare il nostro modo di gestire un progetto, e nessuno di essi ha lo scopo di indicarci un modo di fare migliore di un altro.
Le nostre differenze sono ciò che rendono noi stessi diversi, creativi e interessanti. In effetti se fossimo tutti uguali la nostra vita e il nostro lavoro sarebbero molto più noiosi e poco stimolanti.

Ecco allora una raccolta di immagini utili per lavori a tema estivo, ma anche per rendere la postazione di lavoro più accogliente o per fantasticare e viaggiare con la mente in attesa che questi ultimi caldi giorni di lavoro passino al più presto.
Le immagini sono tutte Free e di proprietà (nel caso non lo capiste ) di Photoxpress.com. Vi sarà sufficiente registrarvi e potete scaricarne gratuitamente fino a 10 al giorno. Vi consiglio comunque di leggere bene i permessi per evitare problemi di licenza.
Ringrazio Photoxpress.com per avermi consentito la pubblicazione della raccolta.

Spesso mi arrivano mail di web designer che nonostante abbiano buone capacità lamentano il fatto di non venir presi troppo sul serio dai loro clienti.

“Mi pare di avere delle buone capacità per fare il web designer però non riesco a farmi prendere sul serio. Davvero, penso sia questo il mio difetto in assoluto più grande, così ognuno paga quando pare a lui, le scadenze sono a propria discrezione e via dicendo.”

Il problema è che realizzare siti internet è considerato da tantissime persone non come un lavoro ma quasi un hobby, a questo va aggiunto che in molti si improvvisano web designer da un giorno all’altro offrendo pagine web in cambio di pizza e birra e gli sciacalli che sfruttando la poca conoscenza del mezzo da parte di alcune categorie di soggetti, rifilano delle fregature esagerate rovinando la reputazione anche a chi questo lavoro lo fa in modo preciso e professionale.

Ecco perchè è un bene dimostrare al cliente che ha a che fare con qualcuno che lavorando sul web deve pagare le bollette e tiene molto ad offrire un ottimo servizio.

La prima impressione è quella che conta

La prima impressione è quella determinante in cui bisogna giocarsi le carte più importanti. E sicuramente presentarsi con un contratto di vendita ben strutturato farà capire al cliente che non abbiamo nessuna intenzione di scherzare.
Accordi “sulla fiducia”, vanno assolutamente evitati per la tutela sia nostra che del cliente, ecco perchè ogni eventuale accordo preso deve essere messo nero su bianco e firmato da entrambe le parti.

Oscon come contratto di vendita

In rete è possibile trovare un contratto open source ideale per la vendita di software e siti web: OSCON il contratto di vendita più diffuso in Italia e tanto amato dai web designer freelance.
La versione attuale scaricabile gratuitamente e immediatamente utilizzabile contiene:

• Un contratto di vendita personalizzabile
• Una nota di lavoro
• Una ricevuta per prestazioni occasionali
• Una carta intestata

Basta il contratto?

Non crediate che basti un contratto per farvi dormire sonni tranquilli, il cliente sa quanto sia dispendioso procedere per vie legali sopratutto per un libero professionista. Ecco perchè capita spesso di imbattersi in clienti che nonostante abbiano firmato un contratto ci ripensano, non pagano, avanzano scuse sulla qualità del prodotto, e sopratutto fanno allungare i tempi di mesi, magari impiegando settimane per rispondere ad una mail o approvare una bozza perchè ha altri impegni più importanti.

Perchè noi non lo capiamo… il cliente ha sempre 10.000 cose importanti in programma e noi dobbiamo aspettare tranquillamente anche giorni, tanto possiamo passare il tempo cazzeggiando su internet e condividendo link su facebook. E sopratutto dobbiamo dar ragione al cliente se dopo 2 mesi e 10 giorni viene a lamentarsi perchè non gli abbiamo ancora consegnato un progetto per cui avevamo preventivato 2 mesi di lavoro… e non vale usare scuse e fargli presente che stiamo aspettando ancora l’accettazione del wireframe.

L’effetto psicologico dell’acconto

Oltre al contratto esiste un altra azione utile a farsi prendere sul serio e secondo me fondamentale sotto l’aspetto psicologico.
Volete che i tempi si accorcino e che il cliente si interessi di più allo svolgimento dei lavori? Chiedetegli l’acconto e vedrete che tenderà a chiamarvi più spesso per paura che spariate nei meandri della rete e si interesserà a darvi tutte le notizie che vi servono nel modo più corretto possibile.

Personalmente ritengo che questo accada per un meccanismo persuasivo chiamato Avversione alla perdita.
L’avversione alla perdita si basa sul fatto che abbiamo più paura di perdere che piacere nel guadagnare. Prendiamo ad esempio un giocatore d’azzardo… Secondo voi sarà più propenso a smettere di giocare mentre vince o mentre perde? Sicuramente abbandonerebbe volentieri mentre sta vincendo, al contrario nel caso perdesse pur di non accettare il bilancio negativo sarà disposto a perdere ancora di più. Nel nostro caso il cliente per paura di perdere la somma anticipata cercherà di essere più collaborativo.
Altro aspetto importante è che suddividere il pagamento in 2 o più scaglioni permette al cliente di non pagare in un unica volta una cifra ragguardevole. Di solito quando si effettua un pagamento o comunque una qualsiasi operazione, dopo qualche giorno si tende a guardare oltre. Quindi anche le tasche del cliente ringrazieranno se si troverà a distanza magari di 30 o 60 giorni dal versamento dell’acconto a pagare una somma inferiore almeno di solito del 30%. Inoltre in questo modo anche il web designer prende il lavoro come un impegno serio, lavora più tranquillamente e perchè no, può essere più flessibile e scegliere di farsi pagare la restante parte invece che completamente alla consegna magari in 2 date anche a distanza di 30-60 giorni così da favorire il cliente.

Nei casi in cui il cliente rifiuta di firmare il contratto e pagarvi un anticipo il mio consiglio è rifiutare il lavoro.

Voi come vi comportate con i vostri clienti? Avete esperienze a riguardo da condividere?

Qui di seguito troverete dei design caratterizzati dall’utilizzo creativo di illustrazioni opportunamente integrate con il contenuto del sito per dar vita a siti web visivamente piacevoli ma allo stesso tempo usabili e persuasivi.