18 Cool Concept Designs (Facelift) di siti Web importanti
Se il contenuto è re, il design dovrebbe essere la regina. È un elemento cruciale per il successo di un sito web, in quanto decide come strutturare e visualizzare i contenuti, e un cattivo design semplicemente rovina l'esperienza dell'utente, dando così il via al traffico del sito.
Spesso noi web designer dobbiamo giocare a trading game mentre stiamo progettando un sito web. O commerciamo bellezza per funzionalità, o funzionalità per leggibilità, poiché è impossibile produrre un disegno che soddisfi tutti in ogni aspetto.
Quindi quale è il design migliore allora? I web designer amano fare questa domanda, e alcuni si sono anche sfidati a giocare al trading game, riprogettando siti famosi come Facebook e YouTube, formando così potenziali progetti in questo post. Meglio o peggio, tu come utente decidi, divertiti!
Secondo la sua statistica ufficiale, Facebook ha servito più di 500 milioni di utenti attivi, con 700 miliardi di minuti trascorsi su di esso. Per questo tipo di statistica sarà davvero stressante progettare una pagina web per questo. Potrebbe anche essere la stessa ragione per cui così tanti designer si sono sfidati a ridisegnare il Facebook. Vediamo alcuni dei grandi tentativi dei designer qui sotto:
Concept design Di: Barton Smith
“Facebook Facelift è un progetto avviato autonomamente per sfidare la forma e la funzionalità di Facebook. È più snella, l'interfaccia strutturata e lineare è più comprensibile, migliorando l'esperienza dell'utente e la capacità di assorbimento dei contenuti.”
Pagina principale. (Fonte immagine: Barton Smith)
Pagina delle foto. (Fonte immagine: Barton Smith)
Pagina degli eventi. (Fonte immagine: Barton Smith)
Pagina dei contatti. (Fonte immagine: Barton Smith)
Pagina delle notifiche. (Fonte immagine: Barton Smith)
Concept design By: Information Architects
Questo design innovativo è nato a partire dal dicembre 2006 e successivamente adattato agli standard del design contemporaneo, al fine di avere un confronto equo con il design attuale di Facebook. L'idea era di creare un'applicazione simile alla posta con un'interfaccia che contenga un layout elastico di 3 colonne che separa chiaramente filtro, flusso di informazioni e reazione, che sono chiaramente spiegati nel loro post.
Pagina principale. (Fonte immagine: Information Architects)
Concept design Di: Justin Dauer
“Uno dei miei obiettivi principali era spostare l'interfaccia verso più di una presentazione di tipo di app web. Facebook ha circa 175 milioni di persone che si collegano ogni giorno; tutti i compiti ripetitivi inerenti a tale uso sono favorevoli a questa forma di approccio. Quando stavo riprogettando questa riprogettazione, la nuova interfaccia utente simile a Twitter è stata lanciata e mi ha dato un momento di convalida simile a Stuart Smalley.”
Pagina principale. (Fonte immagine: design pseudoroom)
Concept design Di: Peter Knoll
Un design molto elegante di Peter Knoll. La grafica è notevolmente migliorata per rendere l'intero sito attraente e promettente. L'interfaccia è anche molto più pulita con una buona tipografia applicata per una buona leggibilità.
Pagina principale. (Fonte immagine: Peter Knoll)
Concept design Di: AndasoloARTS
Variazione di Facebook fatta da AndasoloARTS, viene persino venduta! Lo schema dei colori è molto simile al design di Peter Knoll, ma nel complesso è un design diverso. Di nuovo un design molto elegante con in mente il minimalismo.
Pagina principale. (Fonte immagine: AndasoloARTS)
Concept design Di: Jonaska
Un design ispirato al design Facebook di AndasoloARTS, davvero unico! Mi piace l'implementazione della condivisione dello stato e della casella di ricerca, una variazione ben progettata.
Pagina principale. (Fonte immagine: Jonaska)
Concept design Di: Czarny-Design
Che ne dici di un design sexy con gli angoli arrotondati? Un approccio di design completamente unico per Facebook con una combinazione di colori leggermente modificata, puoi accettarlo?
Pagina principale. (Fonte immagine: Czarny-Design)
Il mio spazio
Una volta che il colosso dei social network, Myspace è stato in ultima analisi superato dal suo principale concorrente, Facebook. Rebranded as My_____ ora, punta a diventare la principale destinazione di social entertainment che include musica, film, celebrità, TV e giochi, alimentata dalla passione dei fan. I disegni qui sotto sono stati tentati per il vecchio Myspace, ma è comunque bello dare un'occhiata a ciò che il designer pensa che MySpace dovrebbe essere.
Concept design Di: Rafael Oliveira
“E se MySpace avesse un'interfaccia più chiara, definita e bella di default, ma con la possibilità di personalizzarla, ma in un modo più comprensibile? Questa è la domanda che mi sono fatto quando ho iniziato questo, ed è stato un progetto interessante. Oltre al design visivo, ho proposto alcuni miglioramenti dell'usabilità, basati sui contenuti già presenti sul sito e sulla loro mappa del sito.”
Pagina principale. (Fonte immagine: Rafael Oliveira)
Menu Canali. (Fonte immagine: Rafael Oliveira)
Pagina delle foto. (Fonte immagine: Rafael Oliveira)
Pagina profilo personalizzata. (Fonte immagine: Rafael Oliveira)
Pagina dell'artista. (Fonte immagine: Rafael Oliveira)
Pagina dell'artista - Personalizzata. (Fonte immagine: Rafael Oliveira)
Pagina canale video. (Fonte immagine: Rafael Oliveira)
Elaborando oltre 1 miliardo di richieste di ricerca in tutto il mondo, Google è il sito più famoso del pianeta Terra. È anche conosciuto come il regno che cerca di dominare internet creando prodotti user friendly come Android, Gmail e Analytics. Poiché Google ha molti designer di alto livello che lavorano sul design del loro sito web, qualsiasi tentativo di riprogettazione rappresenta una sfida diretta per i loro progettisti. Interessante.
Concept design Di: Craig Reville
“Dato che Google ha deciso di riprogettare un po 'le cose, ho pensato di provare come voglio vedere e utilizzare Google. Non mi sono appassionato alle icone o al logo principalmente perché i designer di icone potevano fare un lavoro migliore e il logo mi piace così. Qualsiasi feedback è apprezzato.”
Pagina principale. (Fonte immagine: Craig Reville)
Pagina dei risultati di ricerca. (Fonte immagine: Craig Reville)
Pagina dei risultati di ricerca - 2 ° concetto. (Fonte immagine: Craig Reville)
Pagina dei risultati della ricerca di immagini. (Fonte immagine: Craig Reville)
Concept design Di: FloxDesign
Un po 'come Bing, ma in un modo più epico. Sinceramente voglio avere questo design alla fine fantastico per la mia pagina principale di Google, per favore.
Pagina principale. (Fonte immagine: FloxDesign)
Youtube
N ° 3 classificati a livello globale e n. 4 nel traffico di siti negli Stati Uniti, YouTube è un sito Web per scoprire, guardare, caricare e condividere video. La maggior parte dei contenuti sono stati caricati da privati, ma media famosi come CBS, BBC, Vevo e Hulu hanno fornito i propri video come parte del programma di partnership di YouTube. Hai il coraggio di ridisegnare un sito che viene visualizzato più di 2 miliardi di volte al giorno? L'hanno fatto.
Concept design Di: Michele Byrne
Una riprogettazione elegante che enfatizza maggiormente la visione e la condivisione dei video. Questo approccio si applica a un approccio unico, sebbene l'interfaccia utente sia un po 'simile a Vimeo. Ottimo tentativo comunque.
Pagina principale. (Fonte immagine: Michele Byrne)
Pagina del video. (Fonte immagine: Michele Byrne)
Pagina utente. (Fonte immagine: Michele Byrne)
Informazioni video. (Fonte immagine: Michele Byrne)
Video consigliato. (Fonte immagine: Michele Byrne)
Concept design Di: Josh Collie
“Uno dei miei più grossi problemi con YouTube nel corso degli anni è stata l'incapacità di cercare altri video mentre guardavo i video, oltre a leggere i commenti senza che il video scendesse dalla parte superiore dello schermo. Il seguente schema tenta di risolvere questo problema disponendo di 3 colonne scorrevoli separatamente tra cui ricerca, video e commenti.”
Pagina principale. (Fonte immagine: Josh Collie)
Pagina utente. (Fonte immagine: Josh Collie)
Concept design Di: Thadeu Morgado
Un esperimento di ridisegno per la pagina principale di YouTube. Lo stile è praticamente lo stesso, ad eccezione del fatto che l'intero layout è stato ristrutturato e viene aggiunto un grande slider per dare maggiore attenzione ai video in primo piano.
Pagina principale. (Fonte immagine: Thadeu Morgado)
Amazon
Amazon è entrata online nel 1995 e ora è diventata la multinazionale di e-commerce che contiene la più grande selezione di libri, riviste, musica, DVD, elettronica, computer, software, scarpe, praticamente tutto! Poiché stanno avendo un business così grande, i designer di tutto il mondo si sono sfidati a migliorare il design per renderlo ancora più bello e, naturalmente, facile da usare.
Concept design Di: Trevor Cleveland
“Volevo esplorare tre concetti unici per la riprogettazione della home page di Amazon above the fold. Amazon è uno dei principali siti di shopping online, ma il design fluido della home page è impostato per dimensioni di monitor di piccole dimensioni, lasciando il sito molto goffo su computer più recenti con risoluzioni più elevate. Quindi volevo presentare tre idee per portare Amazon in velocità.”
Primo concetto - Pagina principale. (Fonte immagine: Trevor Cleveland)
Primo concetto - Menu. (Fonte immagine: Trevor Cleveland)
Secondo concetto - Pagina principale. (Fonte immagine: Trevor Cleveland)
Secondo concetto - Menu. (Fonte immagine: Trevor Cleveland)
Terzo concetto - Pagina principale. (Fonte immagine: Trevor Cleveland)
Terzo concetto - Menu. (Fonte immagine: Trevor Cleveland)
Concept design Di: Maurice Kindermann
Non c'è alcun tentativo di riprogettazione se non c'è alcun problema nel design attuale, il design Amazon di Maurice Kindermann è l'esempio migliore per questo caso. Deluso dal design attuale di Amazon, Maurice ha ridisegnato la pagina per risolvere tre problemi particolari: risoluzione dello schermo eccessivamente estesa, opzione di acquisto frammentata e quantità di contenuti inondati.
Pagina principale. (Fonte immagine: Maurice Kindermann)
IMDb
Dichiarato come il sito di film più grande, migliore e più premiato del mondo, IMDb (Internet Movie Database) è un database online di informazioni relative a film, programmi televisivi, attori, personale di produzione, videogiochi e personaggi immaginari presenti in media di intrattenimento visivo. Ridisegnare questo sito in modo che mostri le informazioni in modo efficace sarà una grande sfida per i web designer.
Concept design Di: Vladimir Kudinov
“Perché non hai l'attuale design IMDB? È sovraccarico. Grande quantità di informazioni non strutturate. Mentre la maggior parte degli utenti di tali siti presta attenzione principalmente a foto, video e altro.
Così ho fatto un design pulito ed elegante. Qui, l'utente riceve uno schermo sul quale ci sono informazioni sul film: foto, attori, trailer, trama e altro. Non deve torcere, girare, leggere. Tutto ciò che serve è guardare lo schermo.”
Pagina del film. (Fonte immagine: Vladimir Kudinov)
Menu. (Fonte immagine: Vladimir Kudinov)
Player Pop Up Component. (Fonte immagine: Vladimir Kudinov)
Pannello superiore. (Fonte immagine: Vladimir Kudinov)
Concept design Di: Rob Hendricks
“Non è difficile capire perché l'attuale sito IMDB sia così ingombrante. Il fatto è che hanno MOLTO contenuto. Una corretta architettura delle informazioni è stata la chiave per cambiare questo.”
Pagina principale. (Fonte immagine: Rob Atomic)
Foursquare
Con Foursquare, gli utenti possono condividere la loro posizione attuale “il check-in” tramite un'applicazione per smartphone o un SMS, l'inserimento di segnalibri sulle sedi e l'invio di suggerimenti pertinenti sulle sedi vicine. Anche i commercianti locali utilizzano la Foursquare per coinvolgere e fidelizzare i propri clienti. La riprogettazione di Foursquare è davvero stimolante in quanto è un servizio completamente unico, quindi sono necessari più studi.
Concept design Di: Clay Parker Jones
Clay Parker Jones crede che una mappa sia una vera e propria aggiunta alla pagina utente di Foursquare perché il servizio riguarda la posizione. Cliccando sulla mappa si collassano le statistiche informative con 4 diverse visualizzazioni disponibili. Altri componenti aggiuntivi di questa pagina sono feed, Mi piace, suggerimenti e suggerimenti, praticamente come una normale pagina di social network!
Pagina utente. (Fonte immagine: exitcreative)
Riflessione
Non importa con il design, ogni utente ha bisogno di tempo per adattare il nuovo design. La domanda è, come utente, desideri passare a uno qualsiasi dei progetti sopra riportati oppure sei bravo con il design attuale? Pensi che questi design risolvano il tuo problema con l'esperienza utente? Credo che questi design siano fatti per ricevere la tua opinione, quindi sentiti libero di condividere ciò che pensi di loro, ogni opinione conta!
