Päivitä verkkosivusi 2020-luvulle

Verkkosivujen maailma on tällä hetkellä hurjan kehityksen virrassa. Jatkuvasti kehittyvä koodi ja esimerkiksi WordPress- sekä Joomla-rakennusalustat mahdollistavat kokemattomallekin käyttäjälle työkalut ammattimaisen verkkosivun rakentamiseen.

Lisäosia, toimintoja ja teemoja löytyy tuhansittain internetin syövereistä, ja samalla pitäisi saavuttaa omaa brändi-ilmettä mukaileva tyyli. Valtavasta verkkosivujen massasta nousee vuosittain trendejä, jotka määrittävät tämän hetken modernit kotisivut.

Helppoa ja nopeaa ostamista

Verkkosivujen huomionarvoisin nouseva trendi on e-commerce, eli verkkokauppa. Verkkokaupassa tuotteiden ja palveluiden digitaalisessa myynnissä ja markkinoinnissa korostuvat palvelumuotoilu ja ostamisen sujuvuus. Mitä nopeammin ja helpommin asiakas saa haluamansa, sitä parempi. Tämä on johtanut erityisesti suurten yritysten toimintojen ja ulkoasun pelkistämiseen sekä ”litistetysti ja yksinkertaistetusti” tyylitellyn flat-designin kukkimiseen graafisella puolella.

Tästä hyvä esimerkki on Microsoft Windowsin logon historia, jossa kolmiulotteisesti käyttäytyvä lipun ja ikkunan välimuoto on ”litistetty” yksikertaisemmaksi tasoksi ja samanlaisiksi geometrisiksi muodoiksi.

Microsoft logon kehitys_kuvituskuva

E-commercea silmällä pitäen, tämän hetken verkkosivusuunnittelun ulkoasulliset trendit ammentavat myyviä elementtejä sanoma- ja aikakausilehtien graafisesta ilmeestä sekä modernin tilasuunnittelun klassikoista. Jälkimmäisestä hyvä suomalainen esimerkki on muun muassa Kiasma, nykytaiteen museo Helsingissä. Rakennus on geometrisesti kiinnostava, siinä paljon läpinäkyvää seinää jaottelemassa elementtejä omiin osioihinsa ja selkeä reitti, jota pitkin kävijä kiertää näyttelyn halutussa järjestyksessä. Tilaa voisi hyvin verrata verkkosivun palvelupolkuun.

Visuaaliset trendit, typografiaa ja tilan tuntua

Edellisen vuoden aikana esille nousseista kookkaista ja lihavoiduista fonteista on tullut etusivujen typografisia katseen pysäyttäjiä. Niissä tärkeintä on enemmänkin huomiota herättävä graafinen tekstuuri kuin itse sanoma. Vastaava tekstielementin hyödyntäminen on ollut sanoma- ja aikakausilehdillä käytössä jo vuosikausia.

Nämä yhdistettynä yksinkertaiseen ja näyttävään värimaailmaan tuovat sivuston ulkoasun 2020-luvulle. Jokaiselle elementille tulee myös antaa tilansa, jotta ihmissilmä osaa hahmottaa sivuston eri kokonaisuudet sekä suuremman kuvan yrityksen ilmeestä. Tilan tuntua luodaan usein läpinäkyvyyksillä, joita nykyiset selaimet pyörittävät huomattavasti paremmin kuin edeltäjänsä.

Luo elementeille tilan tuntua_kuvituskuva

Toinen sanoma- ja aikakausilehtien maailmasta poimittu tyylikeino on elementtien epäsymmetrinen asettelu. Epäsymmetrisyydellä saadaan aikaan mielenkiintoisia kontrasteja elementtien välillä, ja tätä voidaan käyttää erityisesti korostamaan sivuston sanomaa tai esimerkiksi palveluketjun elementtejä. Erinomainen esimerkki on Kuopion Veden etusivun palveluiden linkkilaatikot. Etusivu laskettelee kävijän katseen sujuvasti tärkeästä palvelusta toiseen, laatikoiden otsikoiden vaihtaessa puolta.

3D ja interaktiivisuus tekevät tuloaan kotisivuille

WordPress -julkaisualusta mahdollistaa jo videoiden ja 3D-mallien upotuksen sivuille erilaisten lisäosien tai verkkosivujen kautta. Tämän hetken trendinä on, että liike ja 3D-elementit loistavat myös infografiikassa ja muissa graafisissa elementeissä. 3D-grafiikka tekee informaation esittämisestä iskevämpää ja dynaamisempaa, jolloin kaaviot uppoavat paremmin katselijalle.

Gif-animaatioilla ja liikkuvalla kuvalla vangitaan katsetta ja korostetaan sanomaa, sekä luodaan elementtejä, joiden kautta sivun kävijä voi olla vuorovaikutuksessa sivun kanssa. Nämä ominaisuudet ovat tehokkaita erityisesti klikattavien elementtien korostuksessa. Sivu antaa ”reaktion” kun kävijä esimerkiksi vie hiiren elementin päälle. Tämä syventää immersiota, eli kävijän huomio kiinnittyy paremmin elementteihin, jotka vastaavat kävijän toimintoihin.

Innovaation keskellä on syytä muistaa käytettävyys. Verkkosivu-uudistuksen aikana saattaa joskus innostua mullistamaan koko sivuston innovatiivisilla ideoilla. Kuitenkin ongelmia voi tulla vastaan niinkin yksinkertaisissa asioissa, kuin sosiaaliset normit ja käyttäytymispsykologia. Ihmiset ovat tottuneet selaamaan verkkoa tietyssä järjestyksessä ja tärkeiden elementtien tulee löytyä katseelle helpoista paikoista, josta ne tulevat klikatuiksi. Jos totuttua muotoa lähtee särkemään liian isosti, kuluttaja saattaa sivustolle saapuessaan hämmentyä, ja jopa poistua sivulta.

Modernit verkkosivut hyödyntävät hyviksi ja toimiviksi havaittuja toimintapolkuja, tosin hieman uudemmassa ja näyttävämmässä paketissa.

Haluaisitko saada kotisivusi nopeasti kuntoon? Tutustu helppoon ja nopeaan tapaan saada verkkosivusi kuntoon tästä. Suunnittelemme yrityksellesi näyttävät ja nykyaikaiset sivut. Ota yhteyttä alla olevalla lomakkeella tai tutustu referensseihimme!

[contact-form-7 404 "Not Found"]

VIIMEISIN ARTIKKELI

Toimiiko Facebook-markkinointi yrityksessäni?

1.10.2022 |

Facebook on yksi maailman suosituimmista sosiaalisen median alustoista. … LUE LISÄÄ…

Sometrendit 2022 + webinaaritallenne

1.10.2022 |

Vuosi 2022 on vaihtunut vauhdilla somemaailmassa. Uuden vuoden … LUE LISÄÄ…

Hyödynnä Facebook-pikseliä somemarkkinoinnissa

1.10.2022 |

Oletko kuullut Facebook-pikselistä, mutta oma aika ei ole … LUE LISÄÄ…

Harjoittelijan arkea Sollertiksella

1.10.2022 |

Esittely itsestäni  Olen Anna ja opiskelen muotoilualaa neljättä ja viimeistä vuotta. Olin hakemassa harjoittelupaikkaa ja … LUE LISÄÄ…

Yoast SEO -lisäosa hakukone­optimoinnin suunnan­näyttäjä

1.10.2022 |

Hakukoneoptimointi pyörii monien huulilla – mitä se tarkoittaa, … LUE LISÄÄ…

Mitä verkkosivuprojektista on hyvä tietää?

1.10.2022 |

Verkkosivuprojekti voi kuulostaa varsin haastavalta. On helppoa upota … LUE LISÄÄ…

Vinkuvasta modeemista tekoälyyn

1.10.2022 |

Piiipiiii prrr kzzzzzzz vinkui modeemi vuonna 89 ottaessaan … LUE LISÄÄ…