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!

Virhe: Yhteydenottolomaketta ei löytynyt.

Katri Pirhonen

VIIMEISIN ARTIKKELI

Harjoittelu Sollertiksella ja opintojen viimeistely 

17.05.2024 |

Nimeni on Henna Leinonen ja olen ollut harjoittelijana Sollertiksella 10 viikon ajan. Opiskelen Savonia-ammattikorkeakoulussa muotoilua … LUE LISÄÄ…

WordPress-sivun sisällön hakukoneoptimointi

16.04.2024 |

Hakukoneoptimointi (SEO) on olennainen osa WordPress-sivun menestystä. Se auttaa parantamaan sivusi näkyvyyttä hakukoneissa ja houkuttelemaan … LUE LISÄÄ…

Uudet kotisivut yritykselle – vinkit kotisivujen hankintaan

09.04.2024 |

Yrityksesi tarvitsee uudet kotisivut, mutta et tiedä mistä aloittaa. Kuulostaako tutulta? Kokosimme sinulle kotisivujen hankintaan … LUE LISÄÄ…

4 kysymystä ja vastausta palveluidemme tietoturvasta

05.04.2024 |

Tietoturva on aihe, josta meillä Sollertiksella puhutaan jatkuvasti. Se on koko yrityksemme elinehto. Tietoturvaa pidetään … LUE LISÄÄ…

PiKa Puhtaus – oppeja digimarkkinoinnista ja helpotusta arkeen 

25.03.2024 |

PiKa Puhtaus Oy on vuonna 2011 perustettu siivouspalveluja tarjoava yritys. PiKa Puhtaus tarjoaa koti-, toimitila- … LUE LISÄÄ…

Miten voin hyödyntää Microsoft Copilottia – työkaverina tekoäly

21.03.2024 |

Microsoft Copilot on tekoälyavustaja, joka voi auttaa säästämään aikaa ja tehostamaan työtä. Se on digitaalinen … LUE LISÄÄ…

Kadonneen datan arvet – Varmuuskopioinnilla vältyt katastrofilta

15.03.2024 |

Varmuuskopiotko tarpeelllisia? Turhaa ajan haaskausta, lisää kustannuksia, ohjelmien asennusta, vaivannäköä, ei meille kuitenkaan mitään satu … LUE LISÄÄ…

PK-yrityksen tuet ja rahoitus vuonna 2024

02.02.2024 |

Kaupallinen yhteistyö Sortter Oy Vuonna 2024 yrityksille on tarjolla useita eri rahoituskanavia ja tukimuotoja. Yritystuella … LUE LISÄÄ…