21 Prisbelønte Nettstedet Design og Hva De Gjorde Rett
internett er full av utrolige og inspirerende nettsteder.
Disse spesielle snøflak er de som finne innovative måter å utnytte alle mulige design og teknologiske grenser til sin fordel for å skape opplevelser som mange organisasjoner ønsker de hadde.
å Finne disse diamanter i grov kan være en utrolig utfordring, spesielt hvis du planlegger en nettside redesign og er usikker på hvor du skal begynne.,
Heldigvis, nettsteder som CSS Awards, Awwwards, Webby Awards, etc. eksisterer for å hjelpe deg med å fremheve områder vi bør presse våre egne til å reflektere.
å bidra til Å vise fram noen av disse tildeling vinnende nettsteder, stupte jeg inn på hver av disse award-hedre nettsteder og trakk seg som ikke bare er vakre eksempler på moderne design, men også trening UX, UI, informasjonsarkitektur, conversion rate optimization, video markedsføring, taktikk til sitt fulle potensial.
Når du ser på hvert nettsted, er det viktig å forstå at disse bør ikke bli sett på som maler bør du forsøke å kopiere., I stedet for å analysere dem og finne de delene av dem som benytter design/markedsføring/innhold strategier som kan være ombygginger og revidert til noe som passer til ditt publikum.
når det er sagt, kan du nyte disse 17 killer eksempler på prisbelønte nettstedet design gjort riktig.
Snarere se? Her er 5 av mine favoritter!,
ESPN Sport Programmering
Omtalt på Awwwards
ESPN tar sin idrett innhold og programmering til neste nivå med denne dynamiske og iøynefallende området er fylt med store, høyoppløselige bilder og video. Nettstedet benytter bakgrunn video for å holde tritt med sport-nettverkets energi og deler med små hover og overgangseffekter og for å holde brukeren oppleve glatt., Den ‘omtalt sports’ slider er grundig vakre og gjør en utmerket jobb med å vise frem hver av sports sammen interessant statistikk og informativ informasjon om tilgjengelige programmer.
Montasje
Omtalt på Awwwards
Montasje tar vise-av sitt produkt til neste nivå med denne enkle å manøvrere hjemmeside som tydelig beskriver hva produktet er, hvordan det ser ut, produktkvalitet og attester., Nettstedet er et utmerket eksempel på en tilnærming som du kan bruke til å merke produktet, og de viktigste punktene dine brukere vil være opptatt av å finne svar på. Sticky sub-navigasjon lar brukerne enkelt kan navigere rundt på siden for å finne akkurat det de leter etter.
Zillow
Omtalt på Webby Awards
å Finne det perfekte hjem handler om å være i stand til å praktisk forskning nøyaktig hva du leter etter, kan du lagre og lagrer det du liker, og gjør det enkelt å finne alt på et senere tidspunkt., Zillow treffer spikeren på hodet for alle disse tre poeng med sin intuitive real estate nettstedet. Søk-området i hero-området gjør det enklere for nye brukere å raskt velge og søke oppføringer uten å se etter noen skjulte søk side.
Revols
Omtalt på CSS Design Awards
Revols tar en dristig tilnærming på sin hjemmeside av å utvide sine små, avanserte hodetelefoner ved hjelp av makro-fotografering og video., Fotografering og video gjøre nettstedet utrolig produkt-fokusert, slik at brukerne langsomt blitt mer og mer oppslukt i den erfaring disse hodetelefoner kan gi deg. Den store skriften behandling på dette nettstedet er også en fin touch, og legger til større-enn-livet denne typen fotografering.
Fiftythree Blyant
Omtalt på SiteInspire
Fiftythree fanger opp alle funksjoner og fordeler for sin Blyant, Penn i denne frittstående produkt side., Disse funksjonene og fordelene er ledsaget av bilder for å illustrere produktet i aksjon slik at brukeren har en enklere tid på å visualisere dem og hvordan de kan bruke produktet. Layout og visuell behandling av produktet ‘ s anatomy delen er også veldig unik og fungere som en dynamisk måte å lede brukere til å lese mer om produktet, i motsetning til statiske deler etter hverandre.,
Morgan Stanley
Omtalt på Webby Awards
i Motsetning til tradisjonelle produkt-fokuserte nettsteder, Morgan Stanley overskrifter sin hjemmeside med en artikkel de håper å drive en betydelig mengde trafikk (spesielt siden det kobles med ferie familiesammenkomster vi er ventet å delta). Resten av oppsettet utover hjemmeside helten spiller med en grid-fokusert layout for å organisere utvalg av nyere artikler de har skrevet.
7., Styrket
Omtalt på Awwwards
Styrket tok det som kunne ha blitt sett på som en gjennomsnittlig skateboard til neste nivå ved å innføre utrolig detaljerte bilder av produktet sammen med detaljerte beskrivelser på nettstedet sitt. Nettstedet er grå toner og hvit bakgrunn bidra til å holde fokus på den oransje call-to-action » – knapper og fargerike skateboard de bruker som et eksempel på produktet., Jeg liker også det faktum at de har en blogg som ser ut til å fremheve problemene de har/er å ta opp med produktet, kan du legge til en fantastisk nivå av gjennomsikt til selskapet.
8. Wozber
Omtalt på SiteInspire
Wozber gjorde en fantastisk jobb med å bryte ned den trinnvise prosessen det tar å sørge for at din cv er perfekt for at drømmen jobben du er ute etter. Sin hjemmeside tydelig beskriver trinnene opp foran, som deretter blir videre forklart i de enkelte avsnittene nedenfor.,
området har selv eksempler på noen av de fortsetter som de har gjort, noe som gjør det enkelt for deg å se nøyaktig hva det ferdige produktet kan se ut som før du bestemmer deg for å registrere deg.
Opus Vokser
Omtalt på CSS Vinner
Opus stasjoner hjem organisk, naturlig, og helsemessige fordeler av sin jord ved å legge til bugnende mengder av grøntområder i hele området. Med så mange forskjellige alternativer for potting jord der ute, kan det være vanskelig å avgjøre hvilken som er den sunneste for plantene dine eller hagen., Opus beviser dets produkt er best ved å ta opp ingrediensene og fysiske egenskaper sin jord tilbyr det segmentet fra tradisjonell merkevare. Jeg var også veldig glad for å se de blogget og av og til blandet i mer herlig innlegg for å hjelpe deg med å nå bredere publikum som dette.
Null Finansielle
Omtalt på Awwwards
altfor ofte software selskaper har svært vakre nettsteder som helt mangler noen bilder av deres produkter., Hvis du er i denne posisjonen, og er på jakt etter inspirasjon, Null er et fantastisk område for inspirasjon. Bruk av bilder ledsaget av beskrivende tekst som forklarer hvert gjør produktet så mye mer ekte og relatable for folk som er interessert.
Cap HPI
Omtalt på Awwwards
Cap HPI bidrar til å gi et bredt utvalg av bildata til en rekke ulike personas. Med det i tankene, Cap HPI har bygget sin nettside, slik at de personas har en lett tid å finne den type løsning de leter etter., For å gjøre dette lettere, de har optimalisert navigering slik at du er i stand til raskt å forstå hvorvidt CAP HPI kan hjelpe deg.
På toppen av alt dette, nettstedets design, små animasjoner, og unik farge palett gjøre for en herlig og forfriskende visuell opplevelse i et marked som ellers har en veldig blid, eierstyring og layout.
Quiver
Omtalt på Awwwards
Selv om området er mindre enn andre, Kogger fortsatt klarer å skinne blant resten.,
jeg elsker det faktum at de benytter følelser umiddelbart når du kommer på hjemmesiden med bakgrunn og kopiere. De greide å få et registreringsskjema i det, snarere enn bare å innlemme en knapp som sender besøkende til en egen registreringssiden.
Quiver produktet og funksjoner sider en vakker jobb for å vise utseendet av programvaren sammen med små interaktive elementer for å bidra til å vise hvordan produktet fungerer.,
Wordstack
Omtalt på CSS Vinner
Wordstack gjorde en utmerket jobb å holde sin hjemmeside liten, konsentrert og organisert, mens de fortsatt leverer alle verdien produktet tilbyr. De store, med full bredde av bilder og konsekvent bruk fargepalett og styling hele sider gjør for en utrolig enhetlig design som par veldig godt med fargepalett av programvaren.,
Campos Kaffe
Omtalt på CSS Design Awards
Visse kunder elsker å fråtse i produkter som de vet er utformet og opprettet av selskaper som ønsker å levere kvalitet produkter til sine kunder. Og selskaper som Campos Kaffe vet nøyaktig hvordan de skal imøtekomme disse kjøperne.
Campos bruker nettstedet sitt som en måte å markere den tiden og innsatsen deres teamet setter inn sin kaffe, hvordan det fordeler samfunnet, og derfor vil du føle deg bra med å kjøpe det., Alle disse punktene få pakket inn i en fantastisk historie som de vises på hjemmesiden og gjennom hver andre siden.
Pårørende
Omtalt på SiteInspire
Snarere enn bare å fremheve funksjoner, Pårørende tar det til neste trinn og benytter sin hjemmeside for å vise frem fordelene av sine produkter, slik at folk vet nøyaktig hva produktet kan brukes for før venturing ut til andre områder på nettstedet.,
I form av design, Pårørende bruk av større serif font i hele området ledsaget av ekte office fotografering bidrar til å legge en stor del av troverdighet for sin merkevare. Det gjør også at kunden vet at det er ekte, trivelig folk bak den fantastiske produktet, heller enn å la det være opp til gjetninger.
SeaStreak
Omtalt på Webby Awards
Ønsker å reise med ferge, men ikke sikker på hvor du skal gå? SeaStreak har du i gode hender. Nettstedet UI er organisert slik at du er i stand til å raskt bygge en ferge tidsplan som fungerer for deg., Jeg har også finne navigasjon svært interessant. Vinduet ruter og rutetider meny synker ned til å vise deg alle de tilgjengelige alternativene, og dagen turer og ferie-menyen allerede segmentert for brukere som er på stedet på jakt etter akkurat det. Disse elementene bidrar til å skape bekvemmelighet for brukeren OG hastighet, så de ikke er til venstre i et mørkt hull på nettstedet prøver å finne ut hvordan å søke etter hva de ønsker.,
S Flaske
Omtalt på CSS Vinner
S Flasken er elegant produktet er gitt spesiell behandling gjennom utformingen av nettstedet for å markere sin innovative skjønnhet og fordeler. Utnytte flasken i ulike animasjoner har gjort området mer engasjerende og legger interesse i å lære mer om produktet.
Ocean Helse-Indeks
Omtalt på W3 Awards
Ocean Helse-Indeksen bidrar til å bringe skjønnheten av havet på nettet med sin fantastiske layout, visuelle bilder, tone og cool fargepalett., Den store bruken av skrift på tvers av nettstedet hjelper også med å holde det enkelt å lese og profesjonell.
19. WealthSimple
Omtalt på Awwwards
bruk av plass på Wealthsimple gjør det utrolig lett å segmentet hver del av sidene. Den vakre Gif-filer for hele siden også gjøre for en spennende opplevelse, spesielt siden de ikke er knyttet direkte til å investere.
nettstedet gjør investere synes at det er mye mer moro., Snarere enn et utstillingsvindu regneark, stabler av kontanter, og tacky språk, de sørge for at de skiller WealthSimple merket så det synes ikke som alle andre investeringer, programvare eller service
Toggl
Omtalt på CSSDesignAwards
Den eksentriske animasjon på Toggl hjemmeside side trekker brukerens oppmerksomhet umiddelbart etter ankomst. Denne stilen av bilder som er gjennomført gjennom de resterende deler med enkle grupper av innhold i bokser, rett ved siden av hver.
Toggl også betaler forsiktig oppmerksomhet til hvordan ting animere i på side lastes., For eksempel, Toggl prissetting side blekner i helten og deretter hver prising området fra venstre til høyre. Oppmerksomhet til disse detaljene gjør følelsen av området som mye mer polert.
Shademaster
Omtalt på CSSDesignAwards
Ser på taktekking kan ikke høres morsomt for den gjennomsnittlige hus, men Shademaster gjør at det kan være.
De strategisk segmentert den type arbeid som de gjorde i taket design i nav som sender brukeren ut til individuelle sider hvor de kan planlegge og utforme sin ideelle taket og motta et tilbud., Denne tilnærmingen gjør taket kjøpsprosessen at det er mye mer autonome for brukere; det er ikke behov for noen å besøke huset bare for å få noe i gang.
Se etter din egen nettside redesign?
Din nettside er ment å være ansiktet til din online tilstedeværelse og en måte å representere din merkevare nesten. Hvis nettstedet ditt ikke opprettholde et design som passer til den måten du ønsker å bli oppfattet, så vil det til slutt ikke klarer å utføre optimalt., VIRKNINGEN elsker å jobbe med andre selskaper i et samarbeidsprosjekt for å forstå hva du vil at nettstedet skal virkelig se ut, slik at vi kan hjelpe deg gjennom strategi for å gjøre det til en realitet.
Tror det er tid for ditt nettsted for å få ansiktsløftning det fortjener å bedre representere din merkevare og til slutt øke ytelsen? Snakk med oss og fortell om ditt nettsted er mål og ambisjoner.
