Il sito di Nike Snowboarding destinato al pubblico statunitense abbandona definitamente Adobe Flash e abbraccia le possibilità offerte da un buon uso dei fogli di stile unito alla ormai consueta libreria javascript jQuery. Un sito animato in ogni sua parte e dall’interfaccia quasi impeccabile, iniziando dalla homepage costituita da una splash con un pulsante che se cliccato porta a una sequenza animata e al sito vero e proprio.
Una vera illusione ottica data al visitatore, dato che si è trattato di uno scrolling fluido della (lunghissima) pagina, strutturata ad arte con livelli sovrapposti. Sinceramente, è più complicato spiegarlo che provare e testare con mano.
Continua a leggere: Nike Snowboarding USA: animazione, jQuery e massima usabilità
A prima vista il portfolio online del Creative Studio Nemanja Ivanovic sembra quasi un sito in all-Flash “vecchia maniera”, con una splash page da attendere con l’immancabile preloading. Non lo è affatto, anche se il team ha progettato una nuova interfaccia, decisamente insolita, che richiede un’azione da parte dell’utente per poter arrivare al sodo.
La pagina iniziale nasconde un mosaico di anteprime dei lavori presenti nel portfolio, pronte ad apparire in dissolvenza dallo sfondo nero. Nella parte bassa della finestra un elementare richiamo visivo chiede di cliccare su un button per poter accedere ai contenuti. Una scelta azzardata che si ripropone con successo nelle varie sezioni, ricche di elementi che sfruttano l’effetto fade offerto da jQuery.
Continua a leggere: Nemanja Ivanovic Studio reinventa l'interfaccia del proprio portfolio
La web design agency Cahoona, con sede a Manchester (UK), propone un sito aziendale vivacissimo ricco di accattivanti animazioni realizzate con jQuery. Si tratta di un one-page site navigabile dal menu in alto che porta il visitatore alle varie sezioni con il classico smooth scrolling.
Ogni sezione è contraddistinta da alcune (vivaci) tonalità ma ciò che arricchisce la user experience è il portfolio unito ai servizi offerti. Se nel primo caso ci si imbatte in un classico elenco numerato sfogliabile in modo abbastanza chiaro anche tramite frecce, nel secondo il team ha ideato la cosiddetta CahoonaSpin, una sorta di Ruota della Fortuna animata egregiamente con jQuery che può essere rapidamente messa da parte in favore di un comodo elenco.
Continua a leggere: Il vivace one-page site della web agency Cahoona
Qualche giorno fa Google ha introdotto una nuova interfaccia per la ricerca fra le immagini indicizzate. Il servizio, nato nel 2001 e arricchito di funzioni extra negli scorsi mesi, sicuramente non brillava dal punto di vista estetico e così a Mountain View hanno deciso di renderlo più appetibile.
Le immagini ora sono proposte in una griglia “tiled”, come una specie di mosaico nascondendo elementi come il titolo, la dimensione, l’URL di riferimento che sicuramente per l’utente sono considerate informazioni secondarie e spesso ovvie dopo aver applicato gli opportuni filtri alla ricerca. Ora tali informazioni sono disponibili semplicemente al passaggio del mouse con un piacevole effetto ingrandimento animato in javascript. Il mosaico è reso ancora più fitto grazie al ristretto spazio tra le immagini.
La nuova interfaccia di Google Images
Continua a leggere: I colori dell'Italia nella nuova interfaccia di Google Images
Recente restyling per il sito di SabotagePKG, agenzia londinese specializzata in packaging e graphic design. Utilizzo massiccio di fotografie per presentare il portfolio clienti, posizionate ad arte come sfondo di ogni pagina seguendo un po’ il trend di numerosi altri siti web.
Aspetto che rende particolare il sito di SabotagePKG è il bizzarro menu, posizionato sulla destra e ruotato di trenta gradi in senso orario. Una scelta audace dal punto di vista dell’interfaccia ma che non è affatto fastidioso e la lettura delle voci dei menu, dal testo adeguatamente dimensionato, non è difficoltosa.
SabotagePKG London nuovo web design
Continua a leggere: L'interfaccia web inusuale di SabotagePKG
Nuova veste per Abduzeedo, uno dei blog più seguiti al mondo per quanto riguarda il web design e la grafica orientata al web. Un restyling per nulla drastico, si potrebbe definire un major upgrade dell’interfaccia e di come vengono proposti i numerosi e ricchissimi contenuti presenti sul sito.
Grande risalto ai post, con quello in evidenza posto in cima alla pagina e i successivi posizionati su più griglie e raggruppati a seconda delle sezioni di appartenenza. L’header è stato rimpicciolito, il logo è ben visibile e il menu orizzontale ha un effetto dropdown in dissolvenza che dimostra quanto la precedente soluzione andasse “stretta” per le attuali esigenze.
Un grande lavoro del designer brasiliano Fabio Sasso e del suo team che non tradisce l’ottimo Drupal e mostra come utilizzarlo al meglio in una soluzione editoriale del genere. Per chi non avesse Abduzeedo tra le fonti d’informazione di web design e grafica consiglio un’ora in ginocchio sulla tastiera!
Eertmoed Designn firma il nuovo catalogo online di Chicago L-Shirts, marca d’abbigliamento “urban” con un lavoro che punta tutto sulla presentazione dei prodotti, senza fronzoli, intro, musica loopata in sottofondo e claim che inneggiano al successo.
Si tratta di un e-shop vero e proprio in cui al visitatore viene immediatamente proposto il prodotto con un’interfaccia che lo pone al centro dell’attenzione: lo sfondo di ogni pagina è una stupenda fotografia in alta risoluzione e sulla sinistra si può leggere il nome del modello, qualche info e le taglie. La quasi totale assenza di effetti in rollover fa pensare che sia stato studiato con un occhio di riguardo ai navigatori mobile.
Chicago L-Shirts e-shop con stile
Continua a leggere: Chicago L-Shirts: un e-shop con molto stile
Il panno verde protagonista del design del sito di Alexandre Gomes, giocatore professionista di Poker. La grafica ci fa respirare l’atmosfera di un tavolo da Texas Hold ‘Em con un interessante header in cui la figura del brasiliano è al centro di una miriade di fiches, carte da gioco e altri accessori, animati al passaggio del mouse da jQuery.
Realizzato da CreativeBizz, il sito pecca leggermente riguardo l’interfaccia esaminando il menu, forse poco chiaro e dal ridotto contrasto rispetto al panno verde che fa da sfondo.
Continua a leggere: Web design "d'azzardo" per Alex Gomes, giocatore professionista di poker
Sevenedge Interactive presenta il suo nuovo sito, realizzato interamente in Flash. Dries Schaballie, interface and graphic designer belga co-fondatore di Sevenedge, ha ideato un ambiente in cui il visitatore, attraverso il menu animato, visita “mondi alieni” che portano alle varie sezioni.
Il menù può essere un po’ ostico per il raggiungimento di pagine più “nel profondo” ma l’effetto visivo è d’impatto, soprattutto nella homepage animata da un video e una parte del portfolio con alcuni lavori eseguiti.
Animazioni e mondi alieni nel sito di Sevenedge
Continua a leggere: I mondi alieni nel sito in Flash di Sevenedge Interactive
Iris firma il sito web di Wonderbra UK, brand famosissimo di reggiseno femminili, con una grafica definita “sexy” ma non con un significato strettamente legato al sesso quanto più all’essere accattivante. La palette di colori adottata, i testi, i disegni si ispirano più ad un look moderno dove la sensualità della donna viene affiancata ad elementi grafici che richiamano gli appunti scritti a mano e i bigliettini adesivi post-it.
Grande slideshow animato in javascript (che fornisce anche un gradevole preload per ogni pagina caricata) per la homepage e un’interfaccia chiara per l’utente che non si sentirà smarrito nonostante il ricco menu e i numerosi contenuti offerti nelle varie sezioni.
designerblog è un supplemento alla testata Blogo.it registrata presso il Tribunale di Milano n. 487/06, P. IVA 04699900967. Contatti, chi siamo
© 2004-2011 Blogo.it, alcuni diritti riservati sotto licenza Creative Commons.
Per informazioni pubblicitarie e progetti speciali su Designerblog.it contattare la concessionaria esclusiva Populis Engage.
