Cum arătau 32 de site-uri populare

Nu este un secret pentru nimeni că tendințele de design de site-uri web (și cele mai bune practici) s-au schimbat dramatic de la debutul internetului. Reflectarea asupra site-urilor web nostalgice și compararea acestora cu omologii lor actuali este o modalitate excelentă de a înțelege de ce este atât de necesară actualizarea site-ului.

Cu ajutorul Wayback Machine, putem vedea cum arătau site-urile noastre preferate în anii trecuți. Fie că plănuiți o reproiectare a site-ului web și ați putea folosi ceva inspirație, fie că v-ar plăcea să reflectați asupra site-urilor web nostalgice, am adunat 32 de site-uri pe care să le parcurgeți.

1) Google

În timp ce Google își menține în esență brandingul cu logo-ul colorat și spațiul alb de pe pagina de pornire, există și alte aspecte ale site-ului care arată cu totul diferit astăzi. În anii 1990, Google avea oferte unice sub bara de căutare. Astăzi, compania se înclină spre crearea unei pagini de pornire personalizată pentru utilizatori prin marcarea site-urilor lor frecvent vizitate.

Apple adoptă întotdeauna o abordare centrată pe produs pentru pagina sa de pornire. Chiar și în 2001, veți observa că articolele companiei au fost principalul obiectiv al site-ului. În 2022, Apple alege să păstreze brandingul minim, dar distinctiv. Dispune de un singur produs pentru a face centrul paginii de pornire. Pagina de pornire actuală este, de asemenea, o dovadă a unei copii convingătoare; în doar trei adjective, Apple prezintă o imagine completă a motivului pentru care ar trebui să iei un iPad.

În 2000, site-ul web al Microsoft a fost neplăcut și prea complicat. Abundența de cuvinte de pe site și lipsa spațiilor albe au creat o experiență copleșitoare pentru utilizator. Astăzi, site-ul Microsoft se bazează pe Apple și se concentrează pe produsele sale. Site-ul, ca urmare, este mai puțin amețitor și mai digerabil pentru vizitatori.

Pe vremuri, Mashable avea un fundal gradient – ​​ca să nu mai vorbim de o lipsă gravă de imagini. Acum, site-ul echilibrează imaginile cu textul. De asemenea, brandingul companiei nu mai este în centrul atenției și se concentrează pe poveștile prezentate.

În 2006, lumea tehnologiei și a marketingului s-a concentrat în mare măsură pe supraviețuirea și succesul într-o lume web 2.0. Întreprinderi mici au apărut în întreaga lume, iar site-ul web HubSpot s-a concentrat să arate modul în care produsul ar putea adăuga valoare pentru aceste companii. Astăzi, HubSpot încă se adresează întreprinderilor mici, dar și corporațiilor mijlocii și întreprinderilor. Acum, site-ul nostru web se concentrează mai mult pe produs și prezintă mult mai multe culori decât a făcut inițial.

BuzzFeed a fost creat pentru a ajuta utilizatorii să-și găsească lucrurile preferate, inclusiv filme, muzică, modă, idei și tehnologie. Site-ul încă reușește acest lucru cu o abordare mai vizuală și interactivă. Astăzi, site-ul web echilibrează imaginile și textul mai perfect, dar senzația generală a site-ului este încă intactă.

În 2000, Bill Clinton era președintele Statelor Unite, Al Gore era vicepreședinte, iar site-ul Casei Albe avea un aspect și un aspect foarte diferit. Apoi, site-ul web a prezentat un font de script în stilul Declarației de Independență și nu a subliniat imaginile – sau povestirea, având în vedere că textul tocmai a întâmpinat vizitatorii pe pagină. Când vizitați site-ul astăzi, veți observa o imagine mare și o copie care se concentrează pe inițiativele actuale. Ne place, de asemenea, modul în care site-ul reîmprospătat se concentrează pe accesibilitate cu opțiuni pentru a schimba contrastul și dimensiunea textului.

Deși site-ul TED din 2003 încă pare depășit conform standardelor actuale, a fost înaintea timpului său, cea mai mare parte a paginii de pornire prezentând conținut vizual. În 2022, site-ul lor conține încă diverse imagini, dar echilibrează și copierea - și există o singură imagine principală deasupra pliului. Senzația generală a site-ului de astăzi este mai puțin înghesuită și copleșitoare decât a fost în anii trecuți.

La începutul anilor 2000, pagina de pornire a Skype prezenta mai multe culori și nu avea ierarhie. (Și cine știa că platforma de apeluri video avea odată un logo roșu?) Astăzi, Microsoft deține Skype, iar acesta din urmă se bazează pe aspectul organizației mai mari. Site-ul are spații albe, o ierarhie vizuală excelentă și oferă o imagine convingătoare a produsului în acțiune.

În 2000, site-ul AOL avea o varietate de culori care nu erau coezive, făcând în cele din urmă site-ul să pară dezordonat. Astăzi, site-ul are suficient spațiu alb pentru a echilibra cantitatea de copii și imagini pe care le are. De asemenea, ne place noul font al site-ului, deoarece este atrăgător din punct de vedere vizual și ușor de citit.

Ask Jeeves redenumit Ask. În 2000, site-ul nu avea spații albe și prezenta un personaj – o parte din brandingul unic al site-ului. De când a renunțat la a doua jumătate a numelui, nu mai există niciun personaj pe pagina de pornire a site-ului. Astăzi, site-ul arată mult mai mult ca un site de știri sau publicații decât o platformă pentru a pune întrebări și a obține răspunsuri rapide.

Îți amintești de vremurile bune când mergeam la Blockbuster pentru a-ți alege filmul și a lua câteva gustări? Sigur o facem. Ceea ce îi lipsea site-ului Blockbuster din 1996 în ierarhie, a compensat în personalitate. Astăzi, site-ul Blockbuster este scos din funcțiune - și prezintă o notă obscure că compania lucrează la derularea filmului.

Îi vom oferi Coca-Cola: branding-ul lor este atemporal. Site-ul Coca-Cola din 2000 nu pare prea ponosit în comparație cu multe dintre site-urile învechite de pe această listă. Brandul a înțeles importanța conținutului vizual și a simplității în 2000, și o fac și astăzi. În 2022, site-ul lor se concentrează mai mult pe imagini și prezintă mai puțin roșu decât în ​​trecut, dar încă se simte coerent cu restul branding-ului lor.

Site-ul lui Pepsi din 2000 era aglomerat, nu avea ierarhie vizuală și se întâmplase prea multe. Astăzi, suntem mari fani ai nostalgicei pagini de pornire a lui Pepsi. Are un font ușor de citit, plus site-ul nu se simte prea aglomerat. De asemenea, compania și-a mutat meniul în partea de sus a paginii și a redus câte file există, ceea ce este mult mai bun din punct de vedere al experienței utilizatorului.

În timp ce site-ul Macy's 2000 nu se conformează standardelor actuale, apreciem cât de coerente sunt culorile. Interesant este că produsele nu sunt în fruntea site-ului nostalgic al lui Macy. Astăzi, însă, site-ul Macy's spune o poveste extrem de diferită. Site-ul are un meniu bine organizat și o ierarhie vizuală excelentă.

În 1999, site-ul Amazon a fost foarte bogat în text, ceea ce făcea amețitor de privit. Meniul vertical era, de asemenea, aglomerat și greu de digerat. Astăzi, meniul Amazon apare în partea de sus a paginii, iar site-ul pare semnificativ mai puțin copleșitor, în ciuda faptului că încă face reclamă pentru diverse produse.

În 1999, site-ul Yahoo se concentra în principal pe text și nu prezenta imagini. Astăzi, o poveste foarte diferită este spusă atunci când vizitezi site-ul platformei. Deoarece Yahoo este un site de știri, există imagini care însoțesc fiecare poveste, plus un rezumat la ceea ce vă puteți aștepta când citiți articolul. Suntem, de asemenea, un fan al coloanei de tendințe din partea dreaptă a site-ului, deoarece permite utilizatorilor să înțeleagă cu ușurință ceea ce este în știri dintr-o privire.

La începuturile sale, Tumblr se referea la bloguri ca Tumblelogs și avea un site web centrat pe text. Astăzi, dacă vizitați Tumblr fără a fi conectat, veți vedea un tablou de bord simulat care le arată vizitatorilor cum ar putea arăta al lor dacă își creează un cont. Site-ul Tumblr de astăzi este, de asemenea, semnificativ mai concentrat pe imagini.

Îți amintești când Pinterest era doar pe invitație? După cum puteți vedea din captura de ecran a site-ului Pinterest din 2010, platforma avea un logo complet diferit și un aspect mai puțin elegant. Dacă vizitați Pinterest astăzi, vă puteți crea un cont instantaneu - nu este necesară nicio solicitare. În plus, platforma oferă o imagine live care se schimbă, dar se încarcă rapid. Copia este simplă, dar convingătoare.

În 2005, Reddit era doar despre text. Reddit este încă mai concentrat pe text decât majoritatea site-urilor moderne. Cu toate acestea, prezintă un echilibru de imagini. Ne place felul în care fontul pe care Reddit îl folosește astăzi este încă semi-nostalgic, dar este mai ușor de citit decât a fost în trecut. Site-ul este, de asemenea, mai convingător din punct de vedere vizual, deoarece pare mai mult ca un site de știri.

Probabil că începi să observi o temă în acest moment: site-urile web din anii trecuți erau axate pe text. Barnes & Noble nu face excepție. În 2000, librarul avea un meniu vertical dens, neatrăgător din punct de vedere vizual. Imaginile au durat mult să se încarce - dacă au făcut-o. Există, de asemenea, o lipsă de ierarhie vizuală, așa că este dificil pentru vizitatori să decidă unde să caute. Astăzi, site-ul companiei este semnificativ mai digerabil. Echilibrează spațiul alb cu imagini și text, iar designerii au curățat meniul.

Îi vom înmâna lui Dunkin': au rămas fideli schemei lor de culori de zeci de ani. Această captură de ecran de pe site-ul lor din anii 2000 este una dintre favoritele noastre de pe această listă. Este șocant de minimalist și prezintă o imagine care nu era standard pentru vremea respectivă. Astăzi, Dunkin' are o mulțime de spații albe, prezintă branding coeziv și echilibrează grafica cu copia. Site-ul web are, de asemenea, un meniu ușor de urmărit și include culorile uimitoare de roz și portocaliu ale companiei.

În 2000, Starbucks a corectat câteva lucruri: meniul lor este simplu și au prezentat imagini pe site-ul lor, deși nu s-au încărcat. (Psst: Aceste plugin-uri vă pot ajuta să vă asigurați că conținutul se încarcă rapid dacă aveți o pagină „grea”, astfel încât site-ul dvs. să evite o soartă similară.) Veți observa și logo-ul lor consistent. În 2022, Starbucks oferă fără efort un pop de culoare pe site-ul său, fără a copleși vizitatorii. Site-ul prezintă fontul semnăturii Starbucks și include o imagine care promovează o colaborare recentă cu o altă companie. Imaginea în sine se simte, de asemenea, pe marcă. De asemenea, vrem să menționăm navigația rară, dar eficientă a Starbucks, în partea de sus a paginii.

Pentru vremea lui, site-ul Walmart din 2002 a avut un succes destul de mare. A prezentat imagini și text care domină și astăzi site-ul. În plus, avea o ierarhie vizuală mai bună decât unele dintre celelalte exemple pe care le-am investigat. Similar cu Dunkin', un lucru pe care Walmart îl face incredibil de bine este să-și traducă celebra sa schemă de culori pe site-ul său. În 2022, site-ul Walmart are o mulțime de imagini și copii concise care îmbunătățesc grafica.

Există, de asemenea, o mulțime de lucruri pe care Target le-a corectat în 2004. În primul rând, marca a folosit binecunoscuta sa schemă de culori. Site-ul conține și imagini, iar branding-ul său este în mare parte același. În 2022, site-ul Target pune un accent mult mai mare pe imagini decât pe text. Branding-ul este minim, dar eficient, iar site-ul are un meniu simplu care se extinde atunci când vizitatorii dau clic pe el.

Suntem impresionați: în timp ce New York Times și-a reproiectat site-ul din 2000, site-ul este remarcabil de similar. Chiar și în 2000, era ușor să-ți dai seama unde să îndreptăm atenția. The New York Times marchează puncte importante deoarece site-ul său din 2022 seamănă cu un ziar. Dispune de ierarhie vizuală, echilibrează bine imaginile cu copierea și ne place felul în care fontul este distinctiv, dar ușor de citit.

În 2008, site-ul lui Lay era verde și prezenta un contrast foarte slab al culorilor textului. Acest lucru le face dificil pentru oameni să citească copia. Din fericire, Lay's și-a reproiectat site-ul de atunci. Astăzi, este încă colorat, dar are un contrast mai bun. Veți observa, de asemenea, că site-ul are o mulțime de galbenul ilustru al lui Lay. Site-ul 2022 pare mult mai on-brand decât a fost în trecut.

În 2001, site-ul McDonald's prezenta un fundal roșu și un text galben, ceea ce nu era tocmai optim pentru cititori. Acum, site-ul McDonald's este minimalist. Prezintă câteva culori în afară de galbenul distinct al mărcii și oferă o varietate de opțiuni din care vizitatorii pot alege din secțiunea de meniu. Cu toate acestea, meniul nu este copleșitor, deoarece restul site-ului este atât de simplu. Marca își folosește și fontul semnăturii pentru site-ul web 2022.

Site-ul web al Sephora de la începutul anilor 2000 prezenta un echilibru de imagini și text. Pentru vremea lui, a fost un exemplu de design de site web convingător. Astăzi, site-ul aderă la tendințele moderne de web design. Are imagini mari care sunt atractive din punct de vedere vizual și include o copie simplă.

În 2005, Netflix a prezentat o pagină de pornire axată pe imagini, care este destul de diferită de cea de astăzi. În 2022, copy este vedeta emisiunii de pe pagina principală a Netflix. De asemenea, compania plasează în mod inteligent un apel la acțiune în centru, astfel încât să vă furnizați adresa de e-mail și să începeți. Atât în ​​2004, cât și în 2022, principalul obiectiv al paginii de start a fost un apel la acțiune, care este demn de remarcat. Ne place imaginea din fundal, pe care textul o suprapune, deoarece prezintă emisiuni și filme de care te poți bucura cu un abonament Netflix.

La începutul anilor 2000, a existat o lipsă de ierarhie pe site-ul eBay, ceea ce a făcut dificil pentru vizitatori să înțeleagă de unde să înceapă. Acest lucru este, de asemenea, dăunător din punctul de vedere al experienței utilizatorului. Totuși, asta s-a schimbat de atunci. În 2022, eBay are un carusel deasupra pliului pe site-ul său. Include câteva produse și promoții pe care compania le oferă în prezent. Site-ul are, de asemenea, mai multe spații albe decât în ​​trecut, iar meniul este asociat înapoi prin comparație.

În 2006, Burger King a prezentat o imagine principală pe site-ul lor. Meniul era și el în partea de sus a site-ului, dar fontul era greu de citit. În 2022, astăzi, Burger King prezintă un fundal neutru și își păstrează accentul pe imaginile sale. Copierea este rară, dar eficientă. În plus, compania folosește un font care oferă un pop de personalitate, dar care este ușor de citit.

Luați inspirație pentru reproiectarea site-ului de la aceste site-uri web nostalgice

Dacă căutați inspirație pentru reproiectarea site-ului dvs., uitați-vă la aceste site-uri web nostalgice pentru a vă face o idee despre cum vă puteți modifica pagina de destinație. Aceste site-uri web nostalgice demonstrează că, folosind brandingul tău unic, echilibrând imagini și text și incluzând o ierarhie vizuală clară, site-ul tău va arăta grozav în anii următori.

Nota editorului: această postare a fost publicată inițial în aprilie 2014 și a fost actualizată pentru a fi completă.