Legwork Studio ha voluto dare un’impronta innovativa ai consueti one-page-sites, arricchendo la pagina con vari effetti javascript (jQuery) che la aggiornano e forniscono nuovi contenuti in modo originale.

Largo spazio alle illustrazioni che non solo hanno un effetto decorativo ma fanno parte integrante del layout, come ad esempio la sezione “About”, una vera e propria animazione in Flash forse un po’ troppo chiassosa ma è un modo creativo per presentare la loro attività.

Il menu in basso genera un fluido scrolling verticale che introduce il visitatore alle varie sezioni: una honorable mention va al portfolio che con un paio di click si sovrappone totalmente alla pagina per visualizzare i lavori a tutto schermo con la possibilità di sfogliarli.

Continua a leggere: Il web design insolito di Legwork Studio

....

0 Commenti

Dall’India un singolare one-page site: il portfolio di WEBdots Design, due giovani web designer che si sono buttati immediatamente dopo aver ottenuto la certificazione ufficiale per web masters nel loro paese. La caratteristica che salta all’occhio immediatamente è il layout molto stretto, quasi una striscia che ci accompagna nella navigazione del sito.

Un sito del genere non poteva che essere one-page, con scorrimento fluido garantito dal codice javascript e un mini menu orizzontale ripetuto per ogni sezione che si posiziona a dovere in alto alla fine di ogni scorrimento. Il background sfumato è saggiamente bloccato anche se a risoluzioni alte può creare qualche effetto visivo sgradevole.

Unica pecca, le thumbnail dei lavori che si aprono semplicemente in una jpg a grandezza maggiore, senza un eye candy come potrebbe essere Lightbox, tanto per nominare una soluzione.

Il portfolio di WEBdots è da considerare un buon lavoro che adotta scelte particolari che lo contraddistinguono e collocano i creatori tra i numerosi web designer indiani che si stanno distinguendo sempre più, un altro esempio può essere Colourpixel, segnalato giorni fa.

....

3 Commenti

Inserire un’animazione in un sito web è sempre una scelta ardua perché si rischia di distrarre il visitatore con frivolezze praticamente inutili che possono stancare ottenendo risultati deludenti. Sicuramente il portfolio della web agency britannica Youlove.us non fa parte degli esempi da dimenticare dato che con un sapiente uso di javascript (jQuery, per la precisione anche se l’effetto è riproducibile anche con altre librerie) hanno creato un’animazione che coinvolge l’intero layout.

Il menu orizzontale è semplicissimo ma il piatto forte ce lo serve lo scrolling verticale che ci porta nelle varie sezioni: il livello fisso con lo skyline
di una metropoli vede passare il giorno e la notte a seconda di cosa visitiamo del sito. Suggestivo il salto all’elenco lavori che vede passare un sole reso molto bene graficamente per poi finire in un crepuscolo. Anche la sezione contatti, posta come di consueto alla fine, ci immerge nell’oscurità notturna con una luna gigantesca a fare da sfondo.

Il portfolio animato (un one-page-site!) di Youlove.us è un ottimo esempio di web design che fonde un sapiente uso di gradienti a un’animazione che dona quel surplus che poi porta a una visita in più solo per ammirarlo . Bersaglio centrato. Chi ha detto Flash?

....

3 Commenti

Gli one-page-sites sono siti web costituiti (facilmente intuibile) da una sola pagina. E’ una tecnica apprezzabile perché permete di riunire molte informazioni in relativamente poco spazio, senza far “perdere” il navigatore in numerose pagine spesso superflue. A mio avviso un’attività che punta al contatto diretto col cliente e non ha bisogno di offrire numerosi contenuti via web dovrebbe scegliere una soluzione del genere.

Un esempio di sito web sviluppato su un’unica pagina è quello di Confluent Forms, un’agenzia di grafica e web design del Massachussets. La semplicità è la caratteristica principale: una breve presentazione, i servizi offerti, le modalità di contatto sulla colonna principale più a sinistra. Più a destra un mini-portfolio con una lista di links. Infine sull’estrema destra un’illustrazione decorativa.

Una chicca è che se si misurano le larghezze delle singole colonne si nota che corrispondono agli standard attuali: la colonna principale viene visualizzata correttamente anche su un iPhone posizionato in orizzontale, due colonne con finestra massima di 800 pixel in larghezza e l’intero layout è largo circa 1000 pixel.

....

2 Commenti