18 Design Cool Concept (Facelift) de site-uri notabile
Dacă conținutul este rege, designul ar trebui să fie regina. Este un element crucial pentru succesul unui site web, deoarece decide cum să fie structurat și afișat conținutul, iar designul rău pur și simplu ruinează experiența utilizatorului, împiedicând astfel traficul site-ului.
Deseori, web designerul trebuie să joace un joc de tranzacționare în timp ce proiectăm un site web. Suntem ori de afaceri frumusete pentru funcționalitate, sau funcționalitate pentru lizibilitate, deoarece este imposibil de a produce un design care să plătească pe toată lumea în fiecare aspect.
Deci, ce design este mai bun atunci? Designerii web le place să pună această întrebare, iar unii chiar s-au confruntat cu mai multă reputație pentru a juca mai bine jocul de tranzacționare prin reproiectarea site-urilor celebre precum Facebook și YouTube, formând astfel proiecte potențiale în acest post de prezentare. Mai bine sau mai rău, vă decideți ca un utilizator, bucurați-vă!
Potrivit statisticilor sale oficiale, Facebook a servit mai mult de 500 de milioane de utilizatori activi, cu 700 de miliarde de minute cheltuite pe acesta. Pentru acest tip de statistică va fi cu adevărat stresant să creați o pagină web pentru aceasta. Acesta ar putea fi, de asemenea, același motiv pentru care atât de mulți designeri au provocat să redesign Facebook. Să aruncăm o privire asupra mai multor încercări mari ale designerilor de mai jos:
Concept design de: Barton Smith
“Facelift-ul Facebook este un proiect auto-inițiat pentru a contesta forma și funcționalitatea Facebook. Interfața raționalizată, structurată și liniară este mai inteligibilă, îmbunătățind experiența utilizatorului și capacitatea de absorbție a conținutului.”
Pagina principală. (Imagine Sursa: Barton Smith)
Fotografii. (Imagine Sursa: Barton Smith)
Evenimente Pagina. (Imagine Sursa: Barton Smith)
Persoane de contact. (Imagine Sursa: Barton Smith)
Notificări. (Imagine Sursa: Barton Smith)
Concepție de proiectare de către: Arhitecți de informații
Acest design inovator sa născut din decembrie 2006 și a fost adaptat ulterior la standardele de design contemporane, pentru a avea o comparație corectă cu designul actual al Facebook. Ideea a fost aceea de a crea o aplicație asemănătoare cu cea de poștă electronică, cu interfață care conține o structură elastică de 3 coloane, care separă în mod clar filtrul, fluxul de informații și reacția, care sunt clar explicate în mesajul lor.
Pagina principală. (Sursa Image: Architects Information)
Concept design de: Justin Dauer
“Unul dintre obiectivele mele principale a fost acela de a muta interfața spre o prezentare de tip aplicație web. Facebook are aproximativ 175 de milioane de persoane conectate zilnic; toate sarcinile repetitive inerente unei astfel de utilizări conduc la această formă de abordare. Când am înfășurat această reproiectare, noul UI de pe Twitter a fost lansat și mi-a dat un moment de validare a lui Stuart Smalley.”
Pagina principală. (Sursă imagine: design pseudoroom)
Concept design De: Peter Knoll
Un design foarte elegant de Peter Knoll. Grafica este mult îmbunătățită pentru a face ca întregul site să arate atrăgător și promițător. Interfața este, de asemenea, mult mai curată, cu o tipografie frumoasă aplicată pentru o bună lizibilitate.
Pagina principală. (Sursa Image: Peter Knoll)
Concepție de proiectare De: AndasoloARTS
Varianta Facebook realizată de AndasoloARTS, chiar devine vândută! Schema de culori este destul de asemănătoare designului lui Peter Knoll, dar în general este un design diferit. Din nou, un design foarte elegant, cu minimalism în minte.
Pagina principală. (Imagine Sursa: AndasoloARTS)
Concept design De: Jonaska
Un design inspirat din designul Facebook al lui AndasoloARTS, destul de unic! Îmi place punerea în aplicare a partajării statutului și a căsuței de căutare, o variantă bine concepută.
Pagina principală. (Imagine Sursa: Jonaska)
Concept design De: Czarny-Design
Ce zici de un design sexy cu elemente de colțuri rotunjite? O abordare complet unică de design pentru Facebook cu o schemă de culori ușor modificată, o puteți accepta?
Pagina principală. (Sursa Image: Czarny-Design)
Spatiul meu
Odată ce a devenit o rețea de socializare, Myspace a fost în cele din urmă depășită de principalul său concurent, Facebook. Rebranded ca My_____, acum își propune să devină principala destinație de divertisment social care include muzică, filme, celebrități, televiziune și jocuri, alimentate de pasiunea fanilor. Desenele de mai jos au fost încercate pentru vechiul Myspace, dar este încă minunat să aruncăm o privire asupra designerului care crede că Myspace ar trebui să fie.
Concept design De: Rafael Oliveira
“Ce ar fi dacă MySpace avea o interfață mai clară, mai bine definită și mai frumoasă în mod implicit, dar cu opțiunea de ao personaliza, dar într-un mod mai inteligibil? Aceasta este întrebarea pe care am făcut-o atunci când am început acest lucru și sa dovedit a fi un proiect plăcut. Pe lângă designul vizual, am propus câteva îmbunătățiri privind gradul de utilizare, bazate pe conținutul care se află deja pe site și analizând sitemap-ul acestora.”
Pagina principală. (Imagine Sursa: Rafael Oliveira)
Canale Meniul. (Imagine Sursa: Rafael Oliveira)
Fotografii. (Imagine Sursa: Rafael Oliveira)
Pagina personalizată de profil. (Imagine Sursa: Rafael Oliveira)
Artist Page. (Imagine Sursa: Rafael Oliveira)
Pagina Artist - personalizată. (Imagine Sursa: Rafael Oliveira)
Pagina canalului de videoclipuri. (Imagine Sursa: Rafael Oliveira)
Procesând peste 1 miliard de solicitări de căutare în întreaga lume, Google este cel mai faimos site web de pe planeta Pământ. Este, de asemenea, cunoscut ca regatul care încearcă să domine Internetul prin construirea de produse prietenoase utilizatorilor precum Android, Gmail și Analytics. Având în vedere că Google are o mulțime de designeri de vârf care lucrează la designul site-ului, orice încercare de redesign este o provocare directă pentru designerii lor. Interesant.
Concept design De: Craig Reville
“Din moment ce Google a decis să reconstituie lucrurile puțin, m-am gândit să mă duc la modul în care vreau să văd și să folosesc Google. Nu am mers sălbatic pe icoane sau logo-ul, în special pentru că designerii de pictograme ar putea face o treabă mai bună și îmi place logo-ul simplu așa. Orice și toate feedback-ul apreciat.”
Pagina principală. (Imagine Sursa: Craig Reville)
Rezultatul paginii de căutare. (Imagine Sursa: Craig Reville)
Rezultatul paginii de căutare - al doilea concept. (Imagine Sursa: Craig Reville)
Rezultatul căutării imaginii. (Imagine Sursa: Craig Reville)
Concept design De: FloxDesign
Un pic ca Bing, dar într-un mod mai epic. Sincer, doresc să am acest design minunat pentru pagina mea principală Google, vă rog.
Pagina principală. (Imagine Sursa: FloxDesign)
YouTube
Clasat pe locul 3 în global și pe locul 4 în traficul site-urilor din SUA, YouTube este un site web pentru descoperirea, vizionarea, încărcarea și partajarea de videoclipuri. Cele mai multe conținuturi au fost încărcate de către persoane fizice, dar media celebre precum CBS, BBC, Vevo și Hulu și-au furnizat propriile videoclipuri în cadrul programului de parteneriat YouTube. Îndrăzniți să reproiectați un site care este vizionat de peste 2 miliarde de ori pe zi? Au reusit.
Concept design De: Michele Byrne
Un redesign elegant care accentuează mai mult vizionarea și partajarea video. Abordarea unică se aplică acestui design, deși interfața cu utilizatorul este un pic similară cu Vimeo. O încercare mare oricum.
Pagina principală. (Imagine Sursa: Michele Byrne)
Pagina video. (Imagine Sursa: Michele Byrne)
Pagina utilizatorului. (Imagine Sursa: Michele Byrne)
Informații despre videoclip. (Imagine Sursa: Michele Byrne)
Video recomandat. (Imagine Sursa: Michele Byrne)
Concept design By: Josh Collie
“Unul dintre cele mai mari agresiuni pe care le-am avut cu YouTube de-a lungul anilor a fost incapacitatea de a căuta alte videoclipuri în timp ce vizionați un videoclip, precum și citirea comentariilor, fără ca videoclipul să se deruleze în partea de sus a ecranului. Proiectul de mai jos încearcă să rezolve această problemă prin faptul că are 3 coloane cu scroll, separat, inclusiv căutare, video și comentarii.”
Pagina principală. (Imagine Sursa: Josh Collie)
Pagina utilizatorului. (Imagine Sursa: Josh Collie)
Concepție de design De: Thadeu Morgado
Un experiment de reproiectare pentru pagina principală YouTube. Stilul este aproape la fel, cu excepția faptului că întreaga structură a fost restructurată și un slider mare și elegant este adăugat pentru a acorda mai multă atenție videoclipurilor recomandate.
Pagina principală. (Imagine Sursa: Thadeu Morgado)
Amazon
Amazon a intrat on-line în 1995 și acum a devenit compania multinațională de comerț electronic care conține cea mai mare selecție de cărți, reviste, muzică, DVD-uri, electronice, computere, software, pantofi, practic totul! Pentru că au o afacere atât de mare, designerii din întreaga lume au fost provocați să îmbunătățească designul pentru ao face chiar mai frumoasă și, bineînțeles, ușor de utilizat.
Concept design De: Trevor Cleveland
“Am vrut să explorez trei concepte unice pentru reproiectarea paginii de pornire a Amazonului deasupra ori. Amazon este unul dintre cele mai importante site-uri de cumpărături on-line, dar designul lor de pagină cu lichid este setat pentru dimensiunile monitorului cu dimensiuni reduse, lăsând site-ul să arate foarte bine pe computerele mult mai noi cu rezoluții mai înalte. Așadar, am vrut să prezint trei idei pentru a accelera Amazonul.”
Primul concept - Pagina principală. (Imagine Sursa: Trevor Cleveland)
Primul concept - meniu. (Imagine Sursa: Trevor Cleveland)
Conceptul secundar - Pagina principală. (Imagine Sursa: Trevor Cleveland)
Al doilea concept - meniu. (Imagine Sursa: Trevor Cleveland)
Al treilea concept - Pagina principală. (Imagine Sursa: Trevor Cleveland)
Al treilea concept - meniu. (Imagine Sursa: Trevor Cleveland)
Concept design De: Maurice Kindermann
Nu există nici o încercare de reproiectare dacă nu există nicio problemă în designul actual, designul lui Amazon de la Maurice Kindermann este cel mai bun exemplu pentru acest caz. Dezamăgit de designul actual al lui Amazon, Maurice a reproiectat pagina pentru a rezolva trei probleme particulare: o rezoluție a ecranului prea mare, o opțiune de cumpărare fragmentată și o cantitate de conținut inundată.
Pagina principală. (Imagine Sursa: Maurice Kindermann)
IMDb
Sustinut ca cel mai mare, cel mai bun, cel mai premiat film din lume, IMDb (Internet Movie Database) este o baza de date online a informatiilor legate de filme, emisiuni de televiziune, actori, personalul de productie al echipajului, jocuri video si personaje fictive mijloace de divertisment vizuale. Redesenarea acestui site într-un mod care să arate eficient informațiile va fi o mare provocare pentru designerii web.
Concepție de proiectare De: Vladimir Kudinov
“De ce nu aveți designul IMDB curent? Este supraîncărcat. Cantitate mare de informații nestructurate. În timp ce majoritatea utilizatorilor acestor site-uri acordă atenție în principal fotografiilor, videoclipurilor și multe altele.
Așa că am făcut un design curat și elegant. Aici, utilizatorul primește un ecran pe care există informații despre film: fotografii, actori, remorci, povestiri și multe altele. Nu trebuie să se răsucească, să se răsucească, să citească. Tot ce este necesar - este să vă uitați la ecran.”
Pagina filmului. (Imagine: Vladimir Kudinov)
Meniul. (Imagine: Vladimir Kudinov)
Player Pop Up Component. (Imagine: Vladimir Kudinov)
Panoul de sus. (Imagine: Vladimir Kudinov)
Concepție de proiectare De: Rob Hendricks
“Nu este greu să înțelegi de ce actualul site IMDB este atât de aglomerat. Adevărul este că ei au O mulțime de conținut. O arhitectură adecvată a informațiilor a fost cheia în schimbarea acestui aspect.”
Pagina principală. (Imagine Sursa: Rob Atomic)
pătrat
Cu Foursquare, utilizatorii pot împărtăși locația lor curentă “verificarea” printr-o aplicație smartphone sau prin SMS, marcând informații despre locații și lăsând sugestii relevante despre locurile din apropiere. Comercianții locali folosesc, de asemenea, Foursquare pentru a angaja și a-și păstra clienții. Redesignul pentru Foursquare este cu adevărat o provocare, deoarece este un serviciu complet unic, fiind necesare mai multe studii.
Concepție de proiectare de către: Clay Parker Jones
Clay Parker Jones consideră că o hartă este o adevărată adăugire nifty la pagina de utilizator a lui Foursquare, deoarece serviciul este despre locație. Dacă faceți clic pe hartă, veți restrânge statisticile informative cu 4 vizionări diferite disponibile. Alte suplimente la această pagină sunt feedurile, aprecierile, sfaturile și sugestiile, asemănătoare unei pagini de rețea socială uzuală!
Pagina utilizatorului. (Sursă imagine: exitcreative)
Reflecţie
Nu contează cu designul, fiecare utilizator are nevoie de timp pentru a adapta noul design. Întrebarea este că, în calitate de utilizator, doriți să vă schimbați oricare din designul de mai sus sau sunteți bine în ceea ce privește designul actual? Credeți că aceste modele vă rezolvă problema cu experiența utilizatorului? Cred că aceste modele sunt făcute pentru a primi opinia dvs., deci nu ezitați să împărtășiți ceea ce credeți despre ele, fiecare opinie contează!
