21 premiate site-ul Designs & ce au făcut dreapta
Internetul este plin de unele site-uri uimitoare și de inspirație.acești fulgi de zăpadă speciali sunt cei care găsesc modalități inovatoare de a utiliza orice design posibil și limită tehnologică în avantajul lor pentru a crea experiențe pe care multe organizații își doresc să le aibă.
găsirea acestor diamante în stare brută poate fi o provocare incredibilă, mai ales dacă planificați o reproiectare a site-ului web și nu sunteți sigur de unde să începeți.,din fericire ,site-uri precum CSS Awwwards, Webby Awards etc. există pentru a ajuta la evidențierea site-urilor pe care ar trebui să le împingem pe ale noastre pentru a reflecta.
pentru a ajuta La prezenta unele dintre aceste atribuire câștigătoare site-uri, m-am scufundat în fiecare dintre aceste premiul onorează site-uri și a tras cele care sunt nu numai frumoase exemple de design modern, dar, de asemenea, exercita UX, UI, arhitectura de informații, optimizarea ratei de conversie, video marketing, tactici la potențialul lor maxim.
când te uiți la fiecare site, este important să înțelegi că acestea nu trebuie văzute ca șabloane pe care ar trebui să încerci să le copiezi., În schimb, analizați-le și găsiți părțile care utilizează strategii de design/marketing/conținut care ar putea fi repurposed și revizuite în ceva care se potrivește publicului dvs.acestea fiind spuse, bucurați-vă de aceste exemple ucigașe 17 de modele de site-uri premiate făcute corect.
mai degrabă urmăriți? Iată 5 dintre preferatele mele!,
de Sport ESPN Programare
Prezentate pe Awwwards
ESPN ia de conținut de sport și de programare la nivelul următor cu această dinamică și ochi-prinderea site plin cu mare, de înaltă rezoluție imagini și video. Site-ul utilizează videoclipuri de fundal pentru a ține pasul cu energia rețelei sportive și secțiunile cu efecte subtile de hover și tranziție și pentru a menține experiența utilizatorului lină., Anii ‘recomandate de sport slider este bine fermecător și face o treabă excelentă de a expune fiecare sport alături de statistici interesante și informative detalii despre programele disponibile.
Montaj
Prezentate pe Awwwards
Montaj ia arată-off produsul său la nivelul următor cu acest ușor de manevrat pagina de start care arată clar de ce produsul său este, cum arată, produs de calitate, și mărturii., Site-ul este un exemplu excelent de abordare pe care o puteți utiliza pentru a evidenția produsul dvs. și cele mai importante puncte pe care utilizatorii dvs. ar fi preocupați să găsească răspunsuri. Sub-navigarea lipicioasă permite utilizatorilor să navigheze cu ușurință în jurul paginii pentru a găsi exact ceea ce caută.
Aici
Recomandate pe Webby Awards
Găsi casa perfectă este tot despre a fi capabil de a convenabil de cercetare exact ceea ce căutați pentru, salva și stoca ceea ce vă place, și să-l ușor pentru a găsi mai târziu., Zillow lovește unghia de pe cap pentru toate cele trei puncte cu site-ul său imobiliar intuitiv. Zona de căutare din zona hero facilitează utilizatorilor noi să selecteze și să caute rapid listări fără a fi nevoie să caute o pagină de căutare ascunsă.
Revols
Recomandate în CSS Design Awards
Revols nevoie de o abordare îndrăzneață pe site-ul său prin mărirea sale mici, sofisticat căști folosind macro fotografie și video., Fotografiile și videoclipurile fac site-ul incredibil de concentrat pe produse, astfel încât utilizatorii săi devin din ce în ce mai cufundați în experiența pe care aceste căști vă pot oferi. Tratamentul cu fonturi mari de pe acest site este, de asemenea, o atingere plăcută și se adaugă fotografiei earbud mai mare decât viața.
Fiftythree Creion
Prezentate pe SiteInspire
Fiftythree surprinde toate caracteristicile și beneficiile sale pentru Creion Stylus pe parcursul acestui produs independent pagina., Aceste caracteristici și beneficii sunt însoțite de imagini pentru a ilustra produsul în acțiune, astfel încât utilizatorul să aibă un timp mai ușor de vizualizat și de modul în care poate aplica produsul. Aspectul și tratamentul vizual al secțiunii de anatomie a produsului sunt, de asemenea, foarte unice și acționează ca o modalitate dinamică de a determina utilizatorii să citească mai multe despre produs, spre deosebire de secțiunile statice una după alta.,
Morgan Stanley
Recomandate pe Webby Awards
spre Deosebire de tradiționale de produs concentrat-uri, Morgan Stanley titluri de pagina cu un articol speră să conducă o cantitate semnificativă de trafic (mai ales cand se conecteaza cu vacanta reuniuni de familie, suntem așteptați să participe). Restul aspectului dincolo de eroul paginii de pornire se joacă cu un aspect concentrat pe grilă pentru a organiza sortimentul de articole recente pe care le-au postat.
7., Amplificat
Prezentate pe Awwwards
Amplificat luat ceea ce ar fi putut fi văzut ca o medie skateboard-ul la următorul nivel, prin introducerea uimitor de detaliate, fotografii de produse, însoțite de descrieri detaliate pe site-ul său. Tonurile de gri ale site-ului și fundalurile albe ajută la menținerea focalizării pe butoanele portocalii de apel la acțiune și pe skateboard-ul viu colorat pe care îl folosesc ca exemplu al produsului., Îmi place, de asemenea, faptul că au un blog care pare să evidențieze problemele pe care le au/le abordează cu produsul, adăugând un nivel minunat de transparență companiei.
8. Wozber
Prezentate pe SiteInspire
Wozber făcut un loc de muncă criminal de rupere jos pas cu pas procesul este nevoie să asigurați-vă că cv-ul este perfect pentru locuri de muncă de vis sunteți în căutarea pentru. Pagina sa de pornire prezintă în mod clar pașii din față, care sunt apoi explicați în continuare în secțiunile individuale de mai jos.,site-ul are chiar și exemple ale unora dintre CV-urile pe care le-au făcut, făcându-vă ușor să vedeți exact cum ar putea arăta produsul finit înainte de a vă decide să vă înscrieți.
Opus Crește
Recomandate în CSS Câștigător
Opus conduce acasă organice, naturale, și beneficiile pentru sanatate ale solului prin adăugarea de cantități generoase de verdeață de-a lungul site-ul. Cu atât de multe opțiuni diferite pentru solurile de ghiveci acolo, poate fi greu să decideți care este cea mai sănătoasă pentru plantele sau grădina dvs., Opus dovedește că produsul său este mai bun prin abordarea componenții proprietăți fizice și solurile oferta pe acest segment de brand tradițional. De asemenea, am fost foarte încântat să văd că au blogat și ocazional amestecate în postări mai încântătoare pentru a ajuta la atingerea unui public mai larg, cum ar fi acesta.
zero financiar
prezentate pe Awwwards
mult prea des companiile de software au site-uri foarte frumoase, care nu dispun complet de imagini ale produselor lor., Dacă sunteți în prezent în această poziție și căutați inspirație, Zero este un site fantastic pentru inspirație. Utilizarea imaginilor însoțite de text descriptiv care explică fiecare face ca produsul să fie mult mai real și mai relatabil pentru persoanele interesate.
Cap HPI
prezentate pe Awwwards
Cap HPI ajută la furnizarea de o mare varietate de date auto la o varietate de personas diferite. Având în vedere acest lucru, Cap HPI și-a construit site-ul web, astfel încât persoanele respective să găsească Ușor tipul de soluție pe care o caută., Pentru a facilita acest lucru, au optimizat navigarea astfel încât să puteți înțelege rapid dacă CAP HPI vă poate ajuta sau nu.
pe lângă toate acestea, designul site-ului, animațiile subtile și paleta de culori unică creează o experiență vizuală încântătoare și revigorantă într-o piață care altfel ar putea avea un aspect corporativ foarte bland.
Tolba
Prezentate pe Awwwards
Deși site-ul este mai mic decât altele, Tolba încă reușește să strălucească printre restul.,
îmi place faptul că folosesc emoția imediat când ajungeți pe pagina principală cu fundalul și copia. Au reușit chiar să obțină un formular de înscriere acolo, mai degrabă decât să încorporeze doar un buton care trimite vizitatorii la o pagină separată de înscriere.
Quiver ‘ s product and features pages face o treabă frumoasă de a afișa aspectul software-ului însoțit de mici elemente interactive pentru a vă arăta cum funcționează produsul.,
Wordstack
Recomandate în CSS Câștigător
Wordstack făcut o treabă excelentă păstrarea site-ul său mic, condensat, și a organizat, în timp ce încă oferind toate valoarea produsului oferă. Imaginile mari, cu lățime completă și paleta de culori și stilul de utilizare consecventă de-a lungul paginilor creează un design incredibil de uniform, care se împerechează foarte bine cu Palatul de culoare al software-ului.,
Campos Cafea
Recomandate în CSS Design Awards
Anumiți clienți dragoste se complac în produse de ele sunt conceput și creat de către companiile care doresc să livreze produse de calitate pentru clienții lor. Și companii precum Campos Coffee știu exact cum să răspundă acestor cumpărători. Campos folosește site-ul ca o modalitate de a evidenția timpul și efortul pe care echipa lor îl pune în cafeaua lor, cum beneficiază comunitatea și de ce vă veți simți bine să o cumpărați., Toate aceste puncte se înfășoară într-o poveste minunată pe care o afișează pe pagina principală și pe toate celelalte pagini ale site-ului.
Kin
Prezentate pe SiteInspire
mai Degrabă decât doar evidențierea caracteristicilor, Rude duce la următorul pas și utilizează pagina sa de a prezenta avantajele produselor sale, astfel încât oamenii stiu exact ceea ce produsul poate fi folosit pentru a înainte de a se aventura spre alte zone de pe site-ul., în ceea ce privește designul, utilizarea de către Kin a fontului serif mai mare pe tot site-ul, însoțită de fotografii reale de birou, ajută la adăugarea unei cantități uriașe de credibilitate mărcii sale. De asemenea, permite clientului să știe că există oameni reali, arătos în spatele produsului uimitor, mai degrabă decât lăsându-l la presupuneri.
SeaStreak
prezentat pe Webby Awards
căutați să călătoriți cu feribotul, dar nu sunteți sigur unde să mergeți? SeaStreak te – a pus pe mâini bune. Interfața de utilizare a site-ului este organizată astfel încât să puteți construi rapid un program de feribot care să funcționeze pentru dvs., De asemenea, găsesc navigarea extrem de interesantă. Meniul rute și orare scade pentru a vă arăta toate opțiunile disponibile, iar meniul excursii de o zi și evadare este deja segmentat pentru utilizatorii care se află pe site în căutarea exact a acestui lucru. Aceste elemente ajută la crearea de confort pentru utilizator și viteză, astfel încât să nu fie lăsate într-o gaură întunecată a site-ului încercând să-și dea seama cum să caute ceea ce își doresc.,
s Bottle
prezentat pe CSS Winner
produsul elegant al sticlei este tratat special pe tot parcursul designului site-ului pentru a evidenția frumusețea și beneficiile sale inovatoare. Utilizarea sticlei în diverse animații a făcut site-ul mai interesant și adaugă interes pentru a afla mai multe despre produs.
Ocean de Sănătate Index
Prezentate pe W3 Premii
Ocean de Sănătate Indicele ajută aduce frumusetea oceanului la web cu aspect uimitor, imagini vizuale, și ton rece paleta de culori., Utilizarea mare a fontului pe site-ul web ajută, de asemenea, să fie ușor de citit și profesional.
19. WealthSimple
Prezentate pe Awwwards
utilizarea de spațiu pe Wealthsimple face incredibil de ușor pentru segmentul fiecare secțiune din paginile sale. GIF-urile frumoase de pe întreaga pagină oferă, de asemenea, o experiență interesantă, mai ales că nu se referă direct la investiții.
site – ul face ca investițiile să pară mult mai distractive., Mai degrabă decât prezentarea foi de calcul, teancuri de bani, și de prost gust limbă, asigurați-vă că acestea se diferențieze WealthSimple brand deci nu mi se pare ca orice alte investiții software sau serviciu
Toggl
Prezentate pe CSSDesignAwards
animație ciudate pe Toggl pagina pagina atrage atenția utilizatorului imediat la sosire. Acest stil de imagini este purtat în secțiunile rămase cu grupuri simple de casete de conținut direct lângă fiecare.
Toggl acordă, de asemenea, o atenție deosebită modului în care lucrurile se animă în încărcarea paginii., De exemplu, Pagina de prețuri a Toggl se estompează în erou și apoi în fiecare zonă de prețuri de la stânga la dreapta. Atenția la aceste detalii face ca site-ul să fie mult mai lustruit.
Shademaster
Prezentate pe CSSDesignAwards
se Uită la acoperis nu poate suna plăcută pentru proprietarul medie, dar Shademaster face sigur că se poate.au segmentat strategic tipul de muncă pe care l-au făcut în proiectele de acoperiș din nav, care trimit utilizatorul la pagini individuale unde își pot planifica și proiecta acoperișul ideal și pot primi o ofertă., Această abordare face ca procesul de cumpărare a acoperișului să fie mult mai autonom pentru utilizatori; nu este nevoie ca cineva să vă viziteze casa doar pentru a începe ceva.
Privind pentru propriul site-ul redesign?
site-ul dvs. este menit să fie fața prezenței dvs. online și o modalitate de a vă reprezenta virtual brandul. Dacă site-ul dvs. web nu susține un design care să corespundă modului în care doriți să fiți perceput, atunci în cele din urmă nu va reuși să funcționeze optim., IMPACT adoră să lucreze cu alte companii într-un efort de colaborare pentru a înțelege cum doriți ca site-ul dvs. să arate cu adevărat, astfel încât să vă putem ajuta prin strategia de a-l transforma în realitate.
credeți că este timpul ca site-ul dvs. să obțină facelift-ul pe care merită să-l reprezinte mai bine marca dvs. și, în cele din urmă, să-i crească performanța? Discutați cu noi și spuneți despre obiectivele și aspirațiile site-ului dvs. web.
