Beauty contest: il nuovo sito di Sketchin
Ci sono, ci sono… non mi sono dimenticata del blog. Solo un po’ da fare 
In questi giorni sto lavorando allo sviluppo delle style-board e dei concept per il nuovo sito di Sketchin. Nuovo già già 
Abbiamo deciso (parlo del team non ho ancora iniziato con il plurale maiestatico) di chiedere un parere a chiunque avesse voglia di commentare, criticare, suggerire. Per questo pubblico i quattro documenti in questione sul mio flickr.
Due concept, quattro file in tutto fra home page e pagine interne, e tanti spunti. È proprio sui singoli elementi che ci stiamo concentrando, una header piuttosto che un’altra? Il menu A o quello B? le icone vettoriali o quelle disegnate a mano? Nessuna delle singole componenti è definitiva, ma tutte sono appena abbozzate e ci servono come trampolino di lancio per arrivare al visual definitivo.
Quindi fatevi sotto Sono pronta a commenti di ogni sorta 
Buona settimana a tutti
A
, quello con l’header nero insomma
Io avrei detto il menu B. Quello con l’header colorato..
A
Voto la prima!
signori e signore … lo scopo del giocone del giorno è ottenere un bel frullato quindi liberate la mente e dateci dentro con i commenti sui singoli elementi
Grazie mille a tutti :*:*:*:*
Il primo in alto a sinistra
the first one!
A, siamo il menù che le icone.
Opzione B, con icone vettoriali.
L’header colorato mi sembra decisamente più intonato con lo stile della pagina (testi colorati, icone cartoon…). Ottima l’idea di usare i tre colori del logo, ma io opterei per usare soltanto quelli e non loro sfumature, come si vede nell’esempio di pagina “Siamo”.
)
Userei un solo colore per quando i tasti sono inattivi (quindi la barra della home quando il puntatore del mouse non ci è sopra sarebbe tutta dello stesso colore). Del secondo colore farei colorare il singolo tasto su cui passa il puntatore del mouse e il terzo sarebbe il colore del tasto della pagina aperta.
Volendo quando il mouse passa sopra ai pulsanti si può dare ad essi una forma tale da dare l’impressione che il puntatore li stia premendo come i tasti di un pianoforte, e magari mettercelo pure il suono di un pianoforte.
Infine con l’header colorato in alto mi sembra un po’ pesante il banner grigio scuro/nero in fondo “Sei interessato ai nostri servizi”?
Visto che comunque anche il nero e il grigio sono colori del marchio, farei nera la barra sottile “Per maggiori informazioni” in alto e terrei il grigio per la barra grossa in fondo.
Come regola generale comunque i cinque colori del marchio più il bianco dello sfondo sono secondo me più che sufficienti per fare tutto, senza ricorrere alle sfumature.
Ciao! ;o)
Ciao! Io direi la B. Il grigio della A, per quanto bello, rende il sito troppo lugubre. Se la scelta cadrà sulla A perchè si riterrà di dare un’imagine più “corporate”, più “professional”, magari alleggerite un po’ la tonalità. Sulla B, se posso permettermi un’osservazione (da assoluta profana), non mi piace molto la striscia azzurra nella pagina interna.. la trovo un po’ troppo pesante.. però non riesco a darvi un suggerimento alternativo… forse si potrebbe ridurre la larghezza a metà pagina.. mah.. Buon lavoro ragazzi. erika
Decisamente molto bello quello con menu nero, e le icone vettoriali per i miei gusti sono migliori.!
ma non facevate interfacce userfriendly?
non è per niente friendly un sito full.
serve una ripassatina di “design guide for online success.”
la versione B cmq è quella che preferisco, più fresh.
ma mi auguro ottimizzato a 1024 ( ovviamente riferimento a http://960.gs/ )
Per quanto riguarda l’header, meglio quello colorato.. Per quanto riguarda le icone, molto meglio quelle a mano che le vettoriali!
decisamente A!
Voto per le icone fatte a mano, mi hanno conquistato
Io opterei decisamente per la versione B.
Nella Home ridurrei sensibilmente il footer e al posto di inserire in due box doversi le ultime dal blog e il lifestream, li metterei insieme, separando invece il form per la newsletters e le novità.
Comunque partorite sempre ottimi e gradevoli lavori
Il primo è fighissimo.. la palette dell’header è molto carina..
Ho già dato i miei consigli via chat (sono arrivato solo ora al feed di questo articolo… ne ho +700 in sospeso da settimana scorsa causa sovraffollamento lavori… sigh!), ma li ribadisco anche qui per la gioia dei commenti.
L’header nero non mi convince, sembra una web-app.
Mentre quello colorato funziona, mi piace anche lo stato hover/active per la pagina interna con il “bottone” del menù un po’ + grande: interessante!
Inoltre ho sempre apprezzato la commistione degli stili a mano delle icone, hanno un tocco di personalizzazione da non sottovalutare, di lavoro fatto con le mani, di “pensiero manuale”, non saprei come altro descriverlo. Soprattutto icone “a mano” in un sito che in quanto tale è, generalmente, molto “inquadrato” e vettoriale (e qui inveisco contro gli stili grunge che ben si prestano per la strada, ma online hanno un’artificiosità da manuale!).
Header: mi piace quello nero della versione C, perchè stacca molto dal solito sito. Lo arricchirei con un filetto colorato sotto ogni link, e se all’hover i link si colorassero (magari con una velocissimo passaggio da una tinta all’altra), sul nero sarebbe splendido
Icone: dipende da quali altri elementi disegnati a mano ci sono. Se non c’è altro disegnato a mano, andrei per quelle a mano, altrimenti vettoriali..in modo che ci sia equilibrio tra i due mondi.
Pagine interne: le arricchirei in modo che non ci sia solo testo, ma immagini o video..qualcosa che renda più vive le pagine senza interrompere la navigazione.
In generale mi piace di più la B, però le icone le farei o tutte “a mano” o tutte vettoriali: mischiate stanno un po’ male.
Concept home page A.
Come ho detto a Daffy e come dico sempre ad altri, voi siete bravi, molto e si vede, però a volte restituite un’immagine poco professionale e il menù tutto colorato è..come dire, troppo colorato.
Inoltre poi sulla testata un arcobaleno così spesso a me distoglie l’attenzione dal valore “navigativo” della barra.
Il mio approccio di certo non è il massimo dell’attendibilità, ma siccome mi sto impiegatizzando, potrei anche essere un prototipo beota di interlocutore aziendale.
Magari potreste mantenere il roll-over colorato oppure mettere una sottolineatura ad ogni voce..come mettere le calze colorate sotto l’abito scuro.
Le icone disegnate sono carine, danno personalità e, a un visitatore attento, fanno capire che oltre al photosphop, sapete fare anche usare le manine. Non mi piace tanto l’effetto evidenziatore sulle attività perché è troppo modaiolo.
Ah..il vostro logo in quelle dimensioni sembra un po’ posticcio anche se ha molt visibilità, ma come avrete capito a me i rettangoli volanti non piacciono.
Saluti.
…colorato anche per me!! C’è già la vita, grigia…
…ho appena notato le altre differenze e letto il commento precendente, ma per me ancora la prima!!
Preferisco la versione “a colori”, con icone schizzate a mano.
)
Ho qualche dubbio sulla barra sottile in alto, un po sfuggente alla vista e forse il box di ricerca arrotondato non è molto integrato con gli altri elementi (tutti abbastanza semplici e netti).
Mi piace l’effetto sovrapposizione in trasparenza dell’evidenziatura azzurra.
Nella pagina interna l’evidenziazione della sezione corrente, vista da lontano nella preview, mi da l’impressione di leggero disordine. Riprendere l’effetto evidenziatura per contrassegnare la pagina corrente? (ho detto una vaccata?
Bacini alla visual designer!
se il menù colorato lo è troppo (forse dipende dai colori scelti)… quello della soluzione “scura” è monotono = mono + tono… andrebbe “attivato” o “attizzato” un po’… attenzione allûdo eccessivo di azzurro nei titoli e nelle immagini in pagina… questo monotonizza il tutto… suggerisco di provare altri abbinamenti di colore e di non eccedere con iconcine (ma non sono certo io il referente ideale quale vostro pubblico principale)… take care. grazie per un vostro feedback
My 2 cent tips:
- la strip grigia in alto alla pagina è ridondante: si vede che in realtà siete in dubbio se metterla, quindi non mettetela (“se una pagina funziona anche senza un suo elemento, allora quell’elemento è inutile”) e spostate le relative funzioni altrove; in questo modo inoltre l’attenzione dell’utente si focalizza maggiormente sul menu
- mi sembra (ma sono bozze, quindi potrei sbagliarmi) che ci sia una proliferazione di font: mi limiterei a 2 massimo 3 font, per evitare
- fra colore e nero, fra schizzi o vettoriale, sicuramente la scelta ricade sulla versione colorata con gli schizzi a mano (molto caratterizzante, secondo me, oltre ovviamente ad avere una assonanza con il nome della società); non mi piace il modo in cui avete reso l’hover del menu (o l’active, non ho capito), sicuramente sapete fare di meglio
- l’homepage ha un po’ di visual clutter, però probabilmente è dovuto all’effetto bozza grafica, in cui non sono precise le proporzioni e gli allineamenti fra gli elementi della pagina
- il richiamo al “sei interessato ai nostri servizi” lo farei un po’ meno “invadente”
- nel menu, forse potreste trovare un equilibrio sui tre colori distribuiti sulle sei voci, in modo che ogni colore abbia due item, magari ragionando sul “noi” (siamo, offriamo), “il nostro lavoro” (lavoriamo, esperienze) e “voi” (sceglierci, contatti)
- nella homepage, la strip con “newsletter”, “facciamo”, “andiamo” e “dove ci trovate” può essere sensibilmente ridotta in altezza (diminuendo la dimensione dei caratteri in primis) in modo che non prevalga visivamente sulla parte introduttiva (quella su sfondo bianco); discorso simile per la parte di “interessato ai servizi”
- in generale, ho l’impressione che vogliate dire “troppo” (ansia da paura di lasciare fuori qualcosa?): secondo me, se analizzate meglio i vostri utenti (fate user-centered design, no?) magari con l’impiego di personas o similia, vedreste che il sito può funzionare benissimo con pochi e chiari concetti (da cui anche l’uso degli schizzi, come quando si sta raccontando qualcosa a qualcuno e si fanno dei disegni su un foglio per meglio illustrare/rafforzare i concetti); questo per quanto riguarda la presentazione della vostra società e dei vostri servizi, mentre discorso a parte sono il blog, le news e i vari twitter & co. che invece più sono ricchi e costantemente aggiornati e più risultano efficaci e interessanti.
Che altro dire? Buon lavoro!