Articles

21 Palkittu Verkkosivuilla Malleja ja Mitä He Tekivät Oikein

internet on täynnä upeita ja inspiroivia sivustoja.

– Nämä erityistä lumihiutaleet ovat niitä, jotka löytävät innovatiivisia tapoja hyödyntää kaikki mahdolliset suunnittelun ja teknologian raja-heidän edukseen on luoda kokemuksia, että monet organisaatiot haluavat he olivat.

Löytää näitä timantteja karkea voi olla uskomaton haaste, varsinkin jos suunnittelet sivuston uudelleensuunnittelun ja ole varma, mistä aloittaa.,

onneksi sivustot, kuten CSS Awards, Awwwwards, Webby Awards, jne. olemassa auttaa korostamaan sivustoja meidän pitäisi työntää omia pohtia.

auttaa esitellä joitakin näistä tekoon voittaa sivustoja, minä sukelsi jokainen näistä award-kunnioittaa sivustoja ja veti ne, jotka eivät ole vain kauniita esimerkkejä moderni muotoilu, mutta myös käyttää UX, UI, tiedot arkkitehtuuri, tulosprosentti optimointi, video markkinointi, taktiikka täyden potentiaalinsa.

jokaista sivustoa tarkasteltaessa on tärkeää ymmärtää, että näitä ei pidä nähdä malleina, joita kannattaa yrittää kopioida., Sen sijaan, analysoida niitä ja löytää niiden osia, jotka käyttävät suunnittelu/markkinointi/sisältö strategioita, jotka voidaan repurposed ja uudistettu osaksi jotain, joka sopii teidän yleisö.

tämän ollessa sanottu, nauti näistä 17 killer-esimerkistä palkituista verkkosivujen malleista, jotka on tehty oikein.

Rather watch? Tässä on viisi suosikkiani!,

ESPN Urheilu-Ohjelmointi

Esillä Awwwards

ESPN tekee urheilu sisältöä ja ohjelmointi seuraavalle tasolle tämä dynaaminen ja houkutteleva sivusto, joka on täynnä suuri, korkean resoluution kuvia ja videoita. Sivusto käyttää tausta video pysyä sports network on energiaa ja kohdat, joissa hienovarainen hover ja siirtymisen vaikutukset, ja pitää käyttäjän kokemusta sileä., Se ’varustellun urheilu’ slider on perusteellisesti lumoavan ja tekee erinomaista työtä esitellään kunkin urheilu rinnalla mielenkiintoisia tilastoja ja informatiivinen tietoja saatavilla ohjelmia.

Montaasi

Esillä Awwwards

vie Montaasi osoittaa pois sen tuotteen seuraavalle tasolle tämä on helppo liikutella kotisivu, joka esitetään selkeästi, mikä on sen tuote on, miltä se näyttää, tuotteen laatu, ja suosittelut., Sivusto on erinomainen esimerkki yhdestä lähestymistavasta, jolla voit korostaa tuotettasi ja tärkeimpiä kohtia, joihin käyttäjäsi olisivat huolissaan vastausten löytämisestä. Sticky sub-navigoinnin avulla käyttäjät voivat helposti selata sivua löytääkseen juuri sen, mitä he etsivät.

Zillow

Esillä Webby Awards

Löytää täydellinen kotiin on kaikki olemisesta voi kätevästi tutkimuksen tarkalleen, mitä olet etsimässä, tallentaa ja tallentaa mitä haluat, ja tehdä se helppo löytää sen kaiken myöhemmin., Zillow osuu naula päähän kaikki kolme näistä kohdista sen intuitiivinen kiinteistö sivusto. Haku alue sankari-alue helpottaa uusia käyttäjiä nopeasti valita ja etsiä listauksia tarvitsematta etsiä piilotettuja haku-sivulla.

Revols

Vierailla on käytössään seuraavat CSS Design Awards

Revols vie rohkea lähestymistapa verkkosivuillaan laajentamalla sen pieni, hienostunut kuulokkeet käyttäen makro valokuvaus ja video., Valokuvaus ja video tekevät sivustosta uskomattoman tuotekeskeisen, joten sen käyttäjät vähitellen syventyvät kokemukseen, jonka nämä kuulokkeet voivat antaa sinulle. Tämän sivuston Suuri fonttihoito on myös mukava kosketus ja lisää elämää suurempaa earbud-valokuvausta.

Fiftythree Lyijykynä

Esillä SiteInspire

Fiftythree kaappaa kaikki ominaisuudet ja hyödyt sen Lyijykynä Stylus koko tämä itsenäinen tuotteen sivulle., Näihin ominaisuuksiin ja hyötyihin liittyy kuvia, jotka havainnollistavat tuotetta toiminnassa, joten käyttäjällä on helpompi aika visualisoida niitä ja miten he voivat soveltaa tuotetta. Ulkoasu ja visuaalinen käsittely tuotteen anatomia osassa ovat myös hyvin ainutlaatuinen ja toimii dynaaminen tapa johtaa käyttäjiä lue lisää tuotteesta, toisin kuin staattiset osiot yksi toisensa jälkeen.,

Morgan Stanley

Esillä Webby Awards

toisin Kuin perinteiset tuote-keskittynyt sivustoja, Morgan Stanley otsikoihin sen kotisivu artikkelin he toivovat ajamaan huomattavan määrän liikennettä (varsinkin kun sen yhdistää loma perhejuhliin meitä odotetaan osallistua). Loput layout yli kotisivu hero pelaa grid-keskittynyt layout järjestää valikoima viimeaikaisia artikkeleita he ovat kirjoittaneet.

7., Kasvatti

Esillä Awwwards

Kasvatti otti mitä olisi voitu pitää keskimäärin rullalauta seuraavalle tasolle ottamalla käyttöön hämmästyttävän yksityiskohtaisia kuvia sen tuotteen mukana yksityiskohtaiset kuvaukset sen päällä. Sivuston harmaan sävyt ja valkoinen taustat auttaa pitämään keskittyä oranssi call-to-toiminta painikkeita ja värikkäitä rullalauta he käyttävät esimerkkinä tuotteen., Rakastan myös sitä, että heillä on blogi, joka tuntuu korostaa asioita, jotka he ovat/ovat ottaneet tuotteen kanssa, lisäämällä ihana avoimuutta yritys.

8. Wozber

Esillä SiteInspire

Wozber teki tappaja työtä rikkomatta alas askel askeleelta prosessi, se tekee varmista, että ansioluettelosi on täydellinen, että unelma työtä etsit. Sen kotisivu hahmottelee selkeästi edessä olevat askeleet, jotka sitten selitetään tarkemmin alla olevissa yksittäisissä jaksoissa.,

sivusto on jopa esimerkkejä jatkuu he ovat tehneet, joten se on helppo voit nähdä, mitä valmis tuote voisi näyttää, ennen kuin päätät rekisteröidy nopeasti.

Opus Kasvaa

Vierailla on käytössään seuraavat CSS-Voittaja

Opus ajaa kotiin orgaaninen, luonnollinen, ja terveyshyödyt sen maaperän lisäämällä runsas määrä vihreys koko sivuston. Kanssa niin monia eri vaihtoehtoja valamisen maaperän siellä, se voi olla vaikea päättää, mikä näistä on terveellisin kasveja tai puutarha., Opus todistaa, että sen tuote on paras käsittelemällä ainesosia ja fysikaalisia ominaisuuksia sen maaperä tarjoaa, että segmentti sen perinteisestä tuotemerkistä. Olin myös erittäin tyytyväinen nähdä ne blogged ja joskus sekoittaa enemmän ihastuttava virkaa auttaa saavuttamaan laajempia yleisöjä, kuten tämä yksi.

Nolla Financial

Esillä Awwwards

Aivan liian usein ohjelmisto yritykset on hyvin kaunis sivustoja, jotka täysin ilman kuvia niiden tuotteita., Jos olet tällä hetkellä tässä asemassa ja etsit inspiraatiota, Zero on fantastinen sivusto inspiraation. Kuvien käyttö, johon liittyy kuvaileva teksti, joka selittää jokaisen, tekee tuotteesta paljon aidomman ja kiinnostuneille mielekkäämmän.

Korkki HPI

Esillä Awwwards

Ymp: n HPI auttaa tarjoamaan laajan valikoiman autojen tiedot erilaisia persoonia. Tässä mielessä, Korkki HPI on rakennettu sen verkkosivuilla, jotta ne persoonat on helppo löytää tyyppinen ratkaisu he etsivät., Tämän helpottamiseksi ne ovat optimoineet navigoinnin, joten voit nopeasti ymmärtää, voiko CAP HPI auttaa sinua.
Päälle kaikki tämä, sivuston suunnittelu -, hienovarainen animaatioita ja ainutlaatuinen väripaletti tekevät ihana ja raikas visuaalinen kokemus markkinoilla, joka muutoin on hyvin mitäänsanomaton, yrityksen layout.

Viini

Esillä Awwwards

Vaikka sivusto on pienempiä kuin toiset, Värisi vielä onnistuu loistaa joukossa loput.,
rakastan sitä, että he käyttävät tunteita heti kun saavut kotisivu tausta ja kopioida. He jopa onnistuivat saamaan signeerauslomakkeen, sen sijaan, että vain sisältävät painikkeen, joka lähettää kävijöitä erilliselle kirjautumissivulle.
Viini on tuote-ja ominaisuudet-sivuja tehdä kaunis työ näyttää ulkonäkö ohjelmiston mukana pieniä interaktiivisia elementtejä auttaa näyttää, miten tuote toimii.,

Wordstack

Vierailla on käytössään seuraavat CSS-Voittaja

Wordstack teki erinomaista työtä pitää sen verkkosivuilla pieni, tiivistetty ja järjestetty, ja tarjoaa silti kaikki arvoa tuote tarjoaa. Suuri, full-leveys kuvastoa ja johdonmukainen käyttö väripaletti ja tyyli koko sivuja tehdä uskomattoman yhtenäinen muotoilu, joka paria hyvin kanssa väri kitalaki-ohjelmisto.,

Campos Kahvi

Vierailla on käytössään seuraavat CSS Design Awards

Tiettyjä asiakkaita rakkautta heittäytyvät tuotteet he tietävät, ovat valmistettu ja luotu yrityksille, jotka haluavat tarjota laadukkaita tuotteita asiakkailleen. Campos Coffeen kaltaiset yritykset osaavat huolehtia ostajista.

Campos käyttää sen verkkosivuilla keinona korostaa aikaa ja vaivaa heidän joukkue asettaa osaksi kahvin, miten se hyödyttää yhteisöä, ja miksi sinun tuntuu hyvältä ostaa se., Kaikki nämä kohdat kietoutuvat hienoon tarinaan, jonka he esittelevät Kotisivulla ja joka toisella sivulla.

Kin

Esillä SiteInspire

sen Sijaan, että vain korostetaan ominaisuuksia, Kin ottaa se seuraava askel ja hyödyntää sen kotisivu showcase hyödyt sen tuotteita, joten ihmiset tietää tarkalleen, mitä tuotetta voidaan käyttää, ennen kuin lähdet pois muille alueille sivustolla.,

kannalta suunnittelu, Kin on käyttö suurempi serif fontin koko sivuston mukana todellinen toimisto valokuvauksen avulla lisätä valtavan määrän uskottavuutta sen brändi. Sen avulla myös asiakas tietää, että on olemassa todellinen, miellyttävä ihmiset takana hämmästyttävä tuote, pikemminkin kuin jättää se jopa arvauksia.

SeaStreak

Esillä Webby Awards

haluavat matkustaa lautalla mutta ei ole varma, minne mennä? SeaStreak on saanut sinut hyviin käsiin. Sivuston käyttöliittymä on järjestetty, joten voit nopeasti rakentaa lautta aikataulu, joka toimii sinulle., Suunnistus on minusta myös erittäin mielenkiintoinen. Reitit ja aikataulut-valikosta laskee alas näyttää kaikki käytettävissä olevat vaihtoehdot, ja päiväretkiä ja pako-valikko on jo segmentoitu käyttäjille, jotka ovat päällä etsimässä juuri sitä. Nämä elementit auttavat luomaan käyttömukavuutta käyttäjälle ja nopeutta, joten niitä ei jätetä sivuston pimeään koloon yrittäen selvittää, miten etsiä mitä he haluavat.,

S Pullo

Vierailla on käytössään seuraavat CSS-Voittaja

S-Pullo on tyylikäs tuote, on kiinnitettävä erityistä hoitoa koko suunnittelu verkkosivuilla korostaa sen innovatiivinen kauneus ja etuudet. Pullon hyödyntäminen erilaisissa animaatioissa on tehnyt sivustosta mukaansatempaavamman ja lisää kiinnostusta oppia lisää tuotteesta.

Ocean Terveys-Indeksi

Esillä W3 Awards

Ocean Terveys-Indeksi, auttaa tuoda kauneutta ocean web upealla layout, visuaalinen kuvasto, ja viileä sävy väripaletti., Fontin laaja käyttö koko sivustolla auttaa myös pitämään sen helppolukuisena ja ammattimaisena.

19. WealthSimple

Esillä Awwwards

käyttö tilaa Wealthsimple tekee siitä uskomattoman helppo segmentti kunkin osan sen sivuja. Kaunis Gif koko sivu, myös jännittävä kokemus, varsinkin kun ne eivät liity suoraan sijoittaa.
sivusto saa sijoittamisen tuntumaan niin paljon hauskemmalta., Sen sijaan esitellään taulukot, pinot käteistä, ja tahmea kieli, he varmista, että ne eriyttää WealthSimple brändi, joten se ei tunnu kuten jokainen muiden investointi ohjelmisto tai palvelu,

Toggl

Esillä CSSDesignAwards

omituinen animaatio Toggl on kotisivu-sivun kiinnittää käyttäjän huomion välittömästi saapumisen yhteydessä. Tämä kuvakieli on mukana kaikissa muissa osissa yksinkertaisia ryhmiä sisältölaatikoita suoraan kunkin vieressä.
Togggl kiinnittää myös tarkkaa huomiota siihen, miten asiat animoituvat sivun kuormituksessa., Esimerkiksi togglin hinnoittelusivu häilyy sankarissa ja sitten jokainen hinnoittelualue vasemmalta oikealle. Huomiota näihin yksityiskohtiin tekee tuntuu sivuston, että paljon kiillotettu.

Shademaster

Esillä CSSDesignAwards

tarkastellaan katto ei ehkä kuulosta nautittavaa keskimääräinen asunnonomistaja, mutta Shademaster tekee varma, että se voi olla.

Ne strategisesti segmentoitu millaista työtä he tekivät osaksi katon malleja nav, joka lähettää käyttäjän ulos yksittäisiä sivuja missä he voivat suunnitella ja suunnitella täydellinen katto ja saada lainaan., Tämä lähestymistapa tekee katon ostoprosessi, että paljon enemmän autonominen käyttäjille; ei tarvitse, että joku käy teidän talo vain saada jotain alkoi.

Oman sivuston uudelleensuunnittelua etsimässä?

sivustosi on tarkoitettu olemaan Kasvot online-läsnäolosi ja tapa edustaa brändiäsi käytännössä. Jos sivusto ei yllä muotoilu, joka vastaa tapaa, jolla haluat mieltää, niin se on lopulta epäonnistua suorittaa optimaalisesti., VAIKUTUS rakastaa työskennellä muiden yritysten kanssa yhteistyössä ymmärtää, mitä haluat sivustosi todella näyttää, jotta voimme auttaa sinua strategian kautta, jotta se todellisuutta.

usko, että sivustosi on aika saada kasvojenkohotus, jonka se ansaitsee edustaa brändiäsi paremmin ja lopulta lisätä sen suorituskykyä? Puhu meille ja kerro sivustosi tavoitteista ja pyrkimyksistä.