8 delle riprogettazioni web più innovative di sempre

Autore: Randy Alexander
Data Della Creazione: 28 Aprile 2021
Data Di Aggiornamento: 16 Maggio 2024
Anonim
Top 5 Most Innovative Guns of the Decade
Video: Top 5 Most Innovative Guns of the Decade

Contenuto

Le riprogettazioni di successo non riguardano l'aggiornamento di un sito mediante l'uso di scarpe con elementi di design alla moda. Il design piatto, lo scorrimento del parallasse e le risme di illustrazioni SVG potrebbero salvare un sito dall'essere visivamente superato, ma le migliori riprogettazioni introducono intere nuove modalità di interazione con il contenuto di un sito. Qui selezioniamo le nostre otto riprogettazioni preferite che prendono contenuti web antiquati e arcaici e li reinventiamo in modi nuovi, intelligenti e spesso unici che abbagliano e sorprendono.

01. GOV.UK

Il sito web ridisegnato del governo britannico è stato nominato Design of the Year 2013 del Design Museum di Londra, e per una buona ragione. Gov.uk è stato creato da un team interno di Cabinet Office guidato dal designer Ben Terrett e aveva il compito di incorporare migliaia di pagine web governative esistenti e disparate in un unico sito unificato. È stato un compito enorme, ma che è stato realizzato in modo abbastanza brillante nell'ordinamento pulito e logico di informazioni vitali rese prontamente accessibili per i milioni di persone che utilizzano il servizio quotidianamente.


02. Obiettivo

Target è il colosso del settore della vendita al dettaglio statunitense che ha avuto un enorme successo pubblico quando ha ridisegnato il suo sito commerciale principale all'inizio di quest'anno. È disordinato e traboccante, ha detto il pubblico del design, e - orrore shock - ha dispiegato ombre. Critiche meritevoli, diciamo, perché la riprogettazione del 2011 che ha sostituito (prodotta da più di 20 agenzie contribuenti, tra cui Huge e SapientNitro) è stata una lezione di UX pulita e discreta che ha posto il customer journey in prima linea nella sua esperienza di vendita al dettaglio, unificando ciò che era un elenco di prodotti disparato, simile a quello di Amazon, in undici principali "corsie per lo shopping".

03. Boston Globe

Ok, quindi parliamo in modo reattivo. E diamo un'occhiata alla prima grande piattaforma multimediale che ha abbracciato il responsive design: il Boston Globe. Il team editoriale e di progettazione interno del Globe, insieme ai consulenti di Filament Group e all'agenzia digitale Upstatement, ha prodotto la riprogettazione del sito nel settembre 2011, risolvendo l'esigenza dell'editore di lavorare su più schermi a più risoluzioni. Sì, c'erano migliaia di esempi di designer e blog di responsive design, ma The Globe's è stato il primo a inserire così tante informazioni in un framework reattivo.


04. CNN

Quando la CNN ha considerato una riprogettazione all'inizio del 2013 lo ha fatto su due fatti cardine: doveva "adattare" le notizie prodotte da più di 20 diversi media e nove diverse edizioni in sei lingue in un unico sito; e che oltre il 40% del traffico di quel sito proviene da dispositivi mobili. La risposta è stata quella di eliminare quasi completamente il suo marchio editoriale introducendo foto più grandi per ancorare le storie e creare un sito riccamente reattivo con funzionalità mobili come l'etichettatura delle storie e gli aggiornamenti in tempo reale.

05. USA Today

Quando uno dei più grandi marchi di notizie degli Stati Uniti ridisegna la sua impronta, ci vogliono mesi per pulire ogni angolo della produzione precedente, dalle testate stampate ai dispositivi mobili, desktop e altri formati. Puntando all'uniformità, Fantasy Interactive si è avvicinata a usatoday.com con un semplice editto: ridisegnare e riprogettare l'intera esperienza digitale utilizzando solo due livelli: le pagine di destinazione della categoria e la pagina dell'articolo stessa. Sorprendentemente ha funzionato e ha generato una delle fonti di notizie più pure e pulite del web.


06. HMV

Il segno di una grande riprogettazione del sito non è tanto quanto si discosta da un aspetto precedente; ma quale nuova direzione può prendere il suo pubblico. HMV.co.uk era nel deserto fino a Code ComputerLove alla fine del 2013. Il team ha introdotto un approccio guidato dall'editoria, ripulendo il sito precedente del negozio e introducendo un'atmosfera più sociale con informazioni sulla band, notizie e altri contenuti nativi, nonché come download e offerte. Potrebbe essere in difficoltà nella strada principale, ma HMC.co.uk oscilla online.

07. MySpace

Ricorda MySpace? Una terra desolata di design non è vero? Non così tanto ora, poiché questo nascente social network è stato rilanciato lo scorso anno con una riprogettazione sofisticata, intelligente e intima e con uno scorrimento parallasse orizzontale strabiliante. È sparito il caos dei post di un "muro", e ora una tipografia pulita e chiara, la mancanza di disordine nelle pagine e un approccio più pulito alla visualizzazione dei contenuti rendono il nuovo MySpace, beh, forse la più bella piattaforma di social media in circolazione anche se non è la più grande.

08. Tech Crunch

Tech Crunch non è più "solo" un sito di notizie tecnologiche. Come tutti gli editori di media, il marchio ora comprende eventi, prodotti, app e altro, e al centro di questo c'è una proposta di branding unificata. Questo è il punto da cui è partito Daniel Mall, che insieme al designer Brad Frost, l'esperta di UX Jennifer Brook, il guru del mobile Jonathan Stark e il famoso sviluppatore Josh Clark hanno iniziato per la riprogettazione di Tech Crunch del 2013. Il risultato è un sito riconoscibile dal suo marchio prima che emerga qualsiasi contenuto e un hub di contenuti centralizzato che sembra familiare sia che lo visualizzi su un desktop o su un dispositivo mobile.

Parole: Tom Dennis

Consigliato
15 strumenti HTML5 per semplificarti la vita
Per Saperne Di Più

15 strumenti HTML5 per semplificarti la vita

HTML5 embra e ere in circolazione da empre, ma in realtà è tato finalizzato olo nell'ottobre 2014, ebbene ia tato implementato per circa cinque anni prima. empre più iti legacy del ...
13 spaventosi font gratuiti per Halloween
Per Saperne Di Più

13 spaventosi font gratuiti per Halloween

Con Halloween che i avvicina rapidamente, potre ti e ere incaricato di un numero qual ia i di de ign tagionali che ti danno l'opportunità di liberare il tuo lato o curo. enza i caratteri giu ...
Crea un design del logo perfettamente geometrico in Illustrator
Per Saperne Di Più

Crea un design del logo perfettamente geometrico in Illustrator

In que to breve tutorial di Illu trator, il de igner Will Pater on piega come creare un de ign del logo perfettamente geometrico in Adobe Illu trator.Ottieni Adobe Illu tratorDalla creazione di un mot...