De bedste webstedsdesign i 2019

Forfatter: Peter Berry
Oprettelsesdato: 12 Juli 2021
Opdateringsdato: 11 Kan 2024
Anonim
How to Fix the “Clickable Elements Too Close Together” Error (3 Methods)
Video.: How to Fix the “Clickable Elements Too Close Together” Error (3 Methods)

Indhold

I år har mange virksomheder strømlineret deres websteder og tænkt mere end nogensinde på brugeroplevelsen, og hvordan dette kan generere konverteringer. På trods af meget promovering og kommerciel aktivitet, der flytter til sociale medier, ser virksomheder stadig på, hvordan de kan bruge den mere skræddersyede oplevelse af et websted til at fange brugerens opmærksomhed og fantasi og fremvise deres produkter eller tjenester på en iøjnefaldende måde.

For hjælp til at forbedre dine egne designs, se vores webdesignværktøjer. I mellemtiden er her otte websteder, der fangede vores opmærksomhed i år, og et kig på, hvad de gjorde rigtigt.

01. Apple

Apple ved, at et billede er tusind ord værd og mange tusinder flere konverteringer. Dens hjemmeside har været i spidsen for en af ​​de største tendenser, vi har set i år: et skridt mod at gå stort. Virkelig stor. I Apples tilfælde ledsages et enormt krystalklart nærbillede af produkter af lige så stor displaytekst i San Francisco Pro for at tilbyde sikringsværdige præsentationer af brandets produkter.


Kast en pæn rullestyret zoom-ud-effekt, der tager dig ud fra ekstreme nærbilleder, og siden giver et utvivlsomt imponerende overblik over både brandets æstetiske egenskaber og hvad de kan gøre. Apple ved, at brugerne bruger mindre tid på websteder end tidligere, og at de forlader, hvis et websted mangler en besked, og her er meddelelsen krystalklar: 'Beundre vores produkter og se, hvad de kan gøre'.

02. Standplads

Pitchs hjemmeside fremstiller en skarp præsentation, hvilket er afgørende, da præsentationssoftware er dette nye selskabs produkt. Webstedet er endda designet, så at rulle ud fra landingssiden afslører, at den første skærm er den første side i en præsentation. Det er en smart interaktiv enhed, der fra begyndelsen gør det klart, hvad produktet handler om, mens en fed sans serif-overskrift får vores opmærksomhed, og en tydelig farvepalet gør dette nye mærke hurtigt identificerbart.


Bliv ved med at rulle, og de sjove illustrationer og den animerede ler-look supplerer UX snarere end at bremse den ned. Der foregår meget, men stadig masser af hvidt rum til at lade de forskellige elementer skille sig ud. Illustrationer får mærket til at føle sig jordnært og grundigt moderne. Faktisk er vi sikre på, at kombinationen af ​​fladt design og 3D-isometriske elementer vil være en stor tendens i det kommende år.

03. Limonade

Hvad der får dette websted til det amerikanske forsikringsselskab Lemonade til at skille sig ud, er den spilskiftende brug af en samtalerbrugergrænseflade (CUI) til at tilbyde innovativ og effektiv interaktion. Maya, som hun kaldes, viser hvor langt chatbots er kommet, og hvor de er på vej hen. Hun interagerer på menneskeligt plan og indsamler information effektivt for at skabe konverteringer, tager brugerne gennem hvert trin i processen og leverer forsikringstilbud på bare et par minutter.


Overgangene er glatte med tydeligt mærkede svarformularer, hvilket gør Maya til en engagerende, fremadrettet slags interface, som vi helt sikkert vil se mere af næste år. Andetsteds er sidens dristige overskrift på 'Glem alt hvad du ved om forsikring' også elegant bakket op af velplacerede lyserøde handlingsknapper, der sætter fokus fast på UX.

04. Essentially Geared Wine Co.

Mange af de mest iøjnefaldende websteder i år har baggrundsvideoer, der viser deres produkter eller tjenester, der bruges. De bedste videoer kræver ikke lyd og tilslutter seeren hurtigt, mens store, korte overskrifter undgår video og kopi, der konkurrerer om seerens opmærksomhed. Essentially Geared Wine Co.s valg af video ser godt ud og er meget funktionelt og viser os, hvordan virksomhedens vin i en dåse kan nydes overalt fra byen til vild camping. Rul ned, og beskeden bakkes op med dristige, farverige billeder og tekster, der viser hvert produkt i sortimentet og endda fremsætter hurtige forslag til, hvilke fødevarer og oplevelser de skal parre hver af dem med.

05. Grænsen indenfor - Thorne

Interaktion kan gøre et websted virkelig skiller sig ud, og dette websted designet af Active Theory er et engagerende eksempel på mulighederne derude. The Frontier Within er en reklamekampagne for Thorne, et ernæringstilskudsfirma. Det er også en hel digital oplevelse, der kombinerer historiefortælling med biometri og producerer grafik af partikler, der bevæger sig, når du trækker markøren over dem.

Oplevelsen er personlig fra starten, hvor webstedet beder om dit navn og tager et fotografi. Hvert trin fører mod en interaktion, der måler og viser smukt data fra den besøgendes eget åndedræts-, kredsløbs- og nervesystem for at præsentere et internt syn på menneskekroppen. Udviklerne brugte en brugerdefineret C ++ OpenCV for at muliggøre nøjagtig ansigtssporing, mens webstedet registrerer GPU'en, der bruges til at levere en skalerbar version, der passer til enhedens muligheder.

06. Byer taler tilbage - Lyft

Dette kapselsted fra Lyft, et amerikansk selskab med ridehilsen, viser, at websteder stadig kan sigte mod at være mere end at lave hurtige konverteringer, og at der stadig er et sted for at engagere originalt længereformet indhold, når de præsenteres på en overbevisende måde. Webstedet tackler det rettidige spørgsmål om indvandring i USA og giver en stemme til nogle af de indvandrerdrivere, der arbejder for virksomheden gennem en række dokumentarfilm, der udsendes udsøgt af Hello Monday. Det gør det via en let navigerbar platform med glatte svævningsmenuer og rulleudløste overgange.

07. Alvorligt usødet

Vi synes, at Seriøst usødet er i trend med sin websides lyse, men jordiske farver og rent design med enorme mængder hvidt rum. Webstedet er så alvorligt minimalistisk, at det kun gør tre ting. Det fortæller dig brandets historie, det viser dig brandets produkter (og får dem til at se godt ud), og det giver en måde at komme i kontakt med, og hver af de tre meddelelser kommunikeres tydeligt med en overskrift i Bebas Neue.

Webstedet er oprettet på en Squarespace-skabelon og er minimalistisk, men sjovt med hovedbillede og farver, der springer ud fra siden, mens det visuelle flow er meget let at scanne, hvilket beviser, at mindre virkelig kan være mere i webdesign.

08. Oasen

Dette websted for hollandsk nonprofit-drikkevandsudbyder Oasen er ikke noget revolutionerende med hensyn til design, men vi elsker den måde, det viser, at selv et forsyningsselskab kan tilføje en lille personlighed til sit websted, mens de opretholder passende alvor.

Fra den dryppende belastningsanimation til de stænk, der ledsager, bevæger sig fra en skærm eller menu til en anden, og den subtile væskeeffekt på knapperne, der krøller, når du flytter markøren over dem, webstedet er fuld af små mikrointeraktioner, der gør virksomheden synes varm og tilgængelig. Disse interaktioner tilslører ikke, hvad virksomheden gør, eller skader webstedets navigationsevne - hvilket bevises ved, at vi kan forstå, hvad hver sektion handler om på trods af at vi ikke kan læse hollandsk.

Vinder Popularitet
Mestre videnskaben om optimering af konverteringsfrekvens
Læs Mere

Mestre videnskaben om optimering af konverteringsfrekvens

Conver ion Rate Optimization (CRO) er proce en med at mak imere konverteringer fra ek i terende trafik. For ek empel, hvi du i gennem nit får 1.000 be øgende om dagen og har en konvertering ...
GWARRRR! Berømte logoer får sort metal makeover
Læs Mere

GWARRRR! Berømte logoer får sort metal makeover

Vi kender alle de ikoni ke logo-de ign fra f.ek . Google, Yahoo !, Facebook, Twitter og Apple. Men hvad hvi alt, hvad vi vid te om dem, blev vendt på hovedet og fik et ort metal twi t? Det er pr&...
Vi introducerer den helt nye Computer Arts
Læs Mere

Vi introducerer den helt nye Computer Arts

Maga inet er blevet omdøbt, og hvert af nit er genopfundet for at give dig mere in piration, mere ind igt og mere analy e end nogen inde før.Du kan tjekke vore peciel preview-udgave på ...