{"id":3744,"date":"2025-09-17T11:26:45","date_gmt":"2025-09-17T11:26:45","guid":{"rendered":"https:\/\/digiteam.fi\/?p=3744"},"modified":"2025-09-17T11:26:46","modified_gmt":"2025-09-17T11:26:46","slug":"the-layout-of-the-website-creates-the-first-impression","status":"publish","type":"post","link":"https:\/\/digiteam.fi\/en\/verkkosivun-ulkoasu-luo-ensivaikutelman\/","title":{"rendered":"Website layout creates a first impression"},"content":{"rendered":"<style>.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id3744_59b0cb-17{margin-bottom:var(--global-kb-spacing-md, 2rem);}.kb-row-layout-id3744_59b0cb-17 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3744_59b0cb-17 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3744_59b0cb-17 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:0px;padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id3744_59b0cb-17{border-top:0px solid var(--global-palette1, #3182CE);border-right:0px solid transparent;border-bottom:1px solid var(--global-palette1, #3182CE);border-left:0px solid transparent;}.kb-row-layout-id3744_59b0cb-17 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id3744_59b0cb-17 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 1024px){.kb-row-layout-id3744_59b0cb-17{border-top:0px solid var(--global-palette1, #3182CE);border-right:0px solid transparent;border-bottom:1px solid var(--global-palette1, #3182CE);border-left:0px solid transparent;}}@media all and (max-width: 767px){.kb-row-layout-id3744_59b0cb-17 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id3744_59b0cb-17{border-top:0px solid var(--global-palette1, #3182CE);border-right:0px solid transparent;border-bottom:1px solid var(--global-palette1, #3182CE);border-left:0px solid transparent;}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3744_59b0cb-17 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column3744_6431b7-ca > .kt-inside-inner-col{display:flex;}.kadence-column3744_6431b7-ca > .kt-inside-inner-col,.kadence-column3744_6431b7-ca > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column3744_6431b7-ca > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3744_6431b7-ca > .kt-inside-inner-col{flex-direction:column;align-items:center;}.kadence-column3744_6431b7-ca > .kt-inside-inner-col > .kb-image-is-ratio-size{align-self:stretch;}.kadence-column3744_6431b7-ca > .kt-inside-inner-col > .wp-block-kadence-advancedgallery{align-self:stretch;}.kadence-column3744_6431b7-ca > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3744_6431b7-ca > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3744_6431b7-ca{position:relative;}@media all and (max-width: 1024px){.kadence-column3744_6431b7-ca > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:center;}}@media all and (max-width: 767px){.kadence-column3744_6431b7-ca > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3744_6431b7-ca\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading3744_37d33e-17, .wp-block-kadence-advancedheading.kt-adv-heading3744_37d33e-17[data-kb-block=\"kb-adv-heading3744_37d33e-17\"]{text-align:center;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading3744_37d33e-17 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading3744_37d33e-17[data-kb-block=\"kb-adv-heading3744_37d33e-17\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading3744_37d33e-17 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading3744_37d33e-17[data-kb-block=\"kb-adv-heading3744_37d33e-17\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading3744_37d33e-17 lead wp-block-kadence-advancedheading has-theme-palette-1-color has-text-color\" data-kb-block=\"kb-adv-heading3744_37d33e-17\">Taitava sivustosuunnittelija valjastaa nettisivut br\u00e4ndin peilikuvaksi<\/p>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p><strong>Saapuessasi uuden yrityksen verkkosivustolle, mit\u00e4 tapahtuu ensimm\u00e4isten millisekuntien aikana?<\/strong> Todenn\u00e4k\u00f6isesti muodostat yrityksest\u00e4 mielikuvan sivuston visuaalisen ilmeen perusteella, ennen ensimm\u00e4isenk\u00e4\u00e4n sanan lukemista.&nbsp;<\/p>\n\n\n\n<p>Ensivaikutelmaa ovat muovaamassa esimerkiksi v\u00e4rimaailma, typografia, kuvat ja elementit, ja yhdess\u00e4 ne luovat verkkosivustolle yksil\u00f6llisen tunnelman sek\u00e4 mielikuvan toimijan vakuuttavuudesta. Mielleyhtym\u00e4t kehittyv\u00e4t salamannopeasti, ja saavat sinut joko k\u00e4ym\u00e4\u00e4n peremm\u00e4lle tai k\u00e4\u00e4ntym\u00e4\u00e4n kannoillasi.&nbsp;<\/p>\n\n\n\n<p>Kuinka sitten l\u00f6yt\u00e4\u00e4 nettisivustolle yrityksenne br\u00e4ndin ydin ja tavoiteltu <em>look and feel<\/em>?<\/p>\n\n\n\n<p><a href=\"https:\/\/digiteam.fi\/digit-platform\/verkkosivut\/\">Digiteamin toteuttamien verkkosivujen<\/a> ulkoasujen suunnittelija <strong>Pasi Virtakari<\/strong> valottaa seuraavaksi omaa ty\u00f6skentelyprosessiaan.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Verkkosivuston ulkoasun suunnittelu starttaa yrityksen ydinolemuksen p\u00f6yhimisest\u00e4&nbsp;<\/h2>\n\n\n\n<p><em>Kuinka verkkosivujen ulkoasu sitten valjastetaan vahvistamaan oikeita br\u00e4ndimielikuvia?&nbsp;<\/em><\/p>\n\n\n\n<p>Osaavat graafiset suunnittelijat voivat tavoittaa asiakkaan toiveet ja odotukset sellaisella tarkkuudella, ett\u00e4 ty\u00f6skentelyprosessi voi vaikuttaa l\u00e4hes velhoudelta. Tosiasiassa onnistumiset kumpuavat erityisesti huolella hiotusta prosessista.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Parhaat ulkoasusuunnittelun k\u00e4yt\u00e4nn\u00f6t syntyv\u00e4t kokemuksesta<\/h3>\n\n\n\n<p>Digiteamin asiakkaiden verkkosivujen ulkoasuja suunnitteleva Pasi Virtakari on ollut urallaan mukana lukuisissa verkkosivuprojekteissa, mink\u00e4 pohjalta on rakentunut vahva tuntuma parhaista suunnittelun k\u00e4yt\u00e4nn\u00f6ist\u00e4.&nbsp;<\/p>\n\n\n\n<p>Virtakarin mukaan oleellinen visuaalisen suunnittelun l\u00e4ht\u00f6kohta on perehtyminen asiakkaan yritystoimintaan, jotta ilmeen yksityiskohtia voi peilata yrityksen identiteettiin ja kohderyhm\u00e4\u00e4n. T\u00e4m\u00e4n vaiheen Virtakari toteuttaa aina haastattelemalla asiakkaan edustajaa.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Asiakasymm\u00e4rrys ja tavoitteet visuaalisen suunnittelun perustana<\/h3>\n\n\n\n<p><em>\u201dAivan alkuun selvit\u00e4n asiakkaan liiketoiminnan perustat \u2013 mit\u00e4 he yrityksen\u00e4 tekev\u00e4t ja millaisia heid\u00e4n kohderyhm\u00e4ns\u00e4 ovat. Kun ymm\u00e4rr\u00e4n riitt\u00e4v\u00e4sti asiakkaan liiketoimintaa, selvit\u00e4n tulevan sivuston keskeisimm\u00e4t tavoitteet. Heti alkuun kysyn asiakkaalta my\u00f6s yrityksen visiosta, missiosta ja arvoista, sill\u00e4 n\u00e4iden kautta kirkastuu miss\u00e4 yrityksess\u00e4 ollaan nyt ja mihin halutaan tulevaisuudessa p\u00e4\u00e4st\u00e4.&nbsp;<\/em><br><em>Olen my\u00f6s urallani huomannut, ett\u00e4 mit\u00e4 enemm\u00e4n keskustelemme ja m\u00f6yhimme n\u00e4it\u00e4 asioita aloitusvaiheessa, sit\u00e4 paremmalla todenn\u00e4k\u00f6isyydell\u00e4 jo ensimm\u00e4inen sivuluonnos vastaa asiakkaan odotuksia\u201d<\/em>, Virtakari kertoo.<\/p>\n\n\n<style>.kb-image3744_5dce6d-21 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image3744_5dce6d-21\"><a href=\"https:\/\/digiteam.fi\/referenssi\/polarpro-sivuston-uudistus\/\" class=\"kb-advanced-image-link\" target=\"_blank\" aria-label=\"Referenssi: Sivuston uudistus - PolarPro\" rel=\"noopener noreferrer\"><img decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/digiteam.fi\/wp-content\/uploads\/Digiteam_referenssi_Polarpro_2.webp\" class=\"kb-img wp-image-3609\" srcset=\"https:\/\/digiteam.fi\/wp-content\/uploads\/Digiteam_referenssi_Polarpro_2.webp 2560w, https:\/\/digiteam.fi\/wp-content\/uploads\/Digiteam_referenssi_Polarpro_2-300x169.webp 300w, https:\/\/digiteam.fi\/wp-content\/uploads\/Digiteam_referenssi_Polarpro_2-1024x576.webp 1024w, https:\/\/digiteam.fi\/wp-content\/uploads\/Digiteam_referenssi_Polarpro_2-768x432.webp 768w, https:\/\/digiteam.fi\/wp-content\/uploads\/Digiteam_referenssi_Polarpro_2-1536x864.webp 1536w, https:\/\/digiteam.fi\/wp-content\/uploads\/Digiteam_referenssi_Polarpro_2-2048x1152.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Br\u00e4ndi-ilme tahdittaa prosessia \u2013 sivustouudistus on samalla oiva paikka br\u00e4ndin faceliftille<\/h2>\n\n\n\n<p>Verkkosivuston ulkoasun suunnittelua ohjaa usein asiakasyrityksen br\u00e4ndi-ilme. Toisaalta <a href=\"https:\/\/digiteam.fi\/digit-platform\/verkkosivut\/\">verkkosivu-uudistus<\/a> tarjoaa my\u00f6s erinomaisen mahdollisuuden br\u00e4ndin ulkoasun hienovaraiseen tai laajempaan uudistamiseen, mihin Virtakarilla on hyv\u00e4ksi todettu l\u00e4hestymistapa.<\/p>\n\n\n<style>.kadence-column3744_475e93-83 > .kt-inside-inner-col{display:flex;}.kadence-column3744_475e93-83{max-width:600px;margin-left:auto;margin-right:auto;}.wp-block-kadence-column.kb-section-dir-horizontal:not(.kb-section-md-dir-vertical)>.kt-inside-inner-col>.kadence-column3744_475e93-83{-webkit-flex:0 1 600px;flex:0 1 600px;max-width:unset;margin-left:unset;margin-right:unset;}.kadence-column3744_475e93-83 > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-lg, 3rem);padding-bottom:var(--global-kb-spacing-lg, 3rem);}.kadence-column3744_475e93-83 > .kt-inside-inner-col,.kadence-column3744_475e93-83 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column3744_475e93-83 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3744_475e93-83 > .kt-inside-inner-col{flex-direction:column;align-items:flex-end;}.kadence-column3744_475e93-83 > .kt-inside-inner-col > .kb-image-is-ratio-size{align-self:stretch;}.kadence-column3744_475e93-83 > .kt-inside-inner-col > .wp-block-kadence-advancedgallery{align-self:stretch;}.kadence-column3744_475e93-83 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3744_475e93-83 > .kt-inside-inner-col{background-image:url('https:\/\/digiteam.fi\/wp-content\/uploads\/testimonials-tausta.svg');background-size:102px auto;background-position:0% 0%;background-attachment:scroll;background-repeat:no-repeat;}.kadence-column3744_475e93-83 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3744_475e93-83{position:relative;}@media all and (min-width: 1025px){.wp-block-kadence-column.kb-section-dir-horizontal>.kt-inside-inner-col>.kadence-column3744_475e93-83{-webkit-flex:0 1 600px;flex:0 1 600px;max-width:unset;margin-left:unset;margin-right:unset;}}@media all and (max-width: 1024px){.kadence-column3744_475e93-83 > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:flex-end;}}@media all and (max-width: 767px){.wp-block-kadence-column.kb-section-sm-dir-vertical:not(.kb-section-sm-dir-horizontal):not(.kb-section-sm-dir-specificity)>.kt-inside-inner-col>.kadence-column3744_475e93-83{max-width:600px;-webkit-flex:1;flex:1;margin-left:auto;margin-right:auto;}.kadence-column3744_475e93-83 > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:flex-end;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3744_475e93-83\"><div class=\"kt-inside-inner-col\"><style>.kt-blocks-testimonials-wrap3744_539c82-dc .kt-svg-testimonial-global-icon{font-size:30px;}.kt-blocks-testimonials-wrap3744_539c82-dc .kt-testimonial-item-0 .kt-svg-testimonial-icon{font-size:50px;}.kt-blocks-testimonials-wrap3744_539c82-dc .kt-testimonial-rating-wrap .kb-svg-icon-wrap{color:#ffd700;font-size:16px;}.kt-blocks-testimonials-wrap3744_539c82-dc .kt-testimonial-grid-wrap{gap:var(--global-kb-gap-md, 2rem);}.kt-blocks-testimonials-wrap3744_539c82-dc .kt-testimonial-item-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kt-blocks-testimonials-wrap3744_539c82-dc .kt-testimonial-item-wrap .kt-testimonial-title{color:var(--global-palette1, #3182CE);font-size:20px;line-height:26px;}.kt-blocks-testimonials-wrap3744_539c82-dc .kt-testimonial-name{color:var(--global-palette3, #1A202C);font-size:17px;line-height:23px;}.kt-blocks-testimonials-wrap3744_539c82-dc .kt-testimonial-occupation{font-size:15px;}.kt-blocks-testimonials-wrap3744_539c82-dc .kt-testimonial-item-wrap{max-width:555px;}.kt-blocks-testimonials-wrap3744_539c82-dc .kt-testimonial-media-inner-wrap{width:50px;border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kt-blocks-testimonials-wrap3744_539c82-dc .kt-svg-testimonial-icon{justify-content:center;align-items:center;}@media all and (max-width: 1024px){.kt-blocks-testimonials-wrap3744_539c82-dc .kt-testimonial-media-inner-wrap{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;}}@media all and (max-width: 767px){.kt-blocks-testimonials-wrap3744_539c82-dc{padding-top:px;padding-bottom:px;margin-top:px;margin-bottom:px;}.kt-blocks-testimonials-wrap3744_539c82-dc .kt-testimonial-item-wrap .kt-testimonial-title{font-size:18px;line-height:22px;}.kt-blocks-testimonials-wrap3744_539c82-dc .kt-testimonial-media-inner-wrap{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;}}<\/style><div class=\"kt-blocks-testimonials-wrap3744_539c82-dc kt-testimonial-halign-left kt-testimonial-style-basic kt-testimonials-media-on kt-testimonials-icon-off kt-testimonial-columns-1 kt-t-xxl-col-1 kt-t-xl-col-1 kt-t-lg-col-1 kt-t-md-col-1 kt-t-sm-col-1 kt-t-xs-col-1 wp-block-kadence-testimonials\"><ul class=\"kt-blocks-testimonials-inner-wrap kt-testimonial-grid-wrap\">\n<li class=\"kt-testimonial-grid-item\"><div class=\"kt-testimonial-item-wrap kt-testimonial-item-3744_054adb-16 testimonial-valign-middle wp-block-kadence-testimonial\"><div class=\"kt-testimonial-text-wrap\"><div class=\"kt-testimonial-title-wrap\"><h2 class=\"kt-testimonial-title\"><em>\u201dJos br\u00e4ndi-ilmeeseen ja sivuston ulkoasuun toivotaan viilailua, tapanani on pyyt\u00e4\u00e4 asiakkaalta 3\u20134 adjektiivia, jotka kuvastavat uuden sivuston toivottua fiilist\u00e4. M\u00e4\u00e4r\u00e4 on tarkoituksella n\u00e4in pieni, jotta se ik\u00e4\u00e4n kuin pakottaa kiteytt\u00e4m\u00e4\u00e4n ja priorisoimaan halutun br\u00e4ndi-ilmeen kulmakivi\u00e4.<\/em><br><br><em>Saatuani asiakkaalta n\u00e4m\u00e4 adjektiivit, pureudun niihin syvemm\u00e4lle lis\u00e4kysymysten avulla, koska esimerkiksi \u201dmoderni\u201d voi tarkoittaa hyvin erilaisia asioita eri yrityksille. Joskus taas voimme keskustelujen my\u00f6t\u00e4 todeta, ett\u00e4 tietty adjektiivi esim. \u201drohkeus\u201d on parasta tuoda esille sivuston tekstisis\u00e4ll\u00f6iss\u00e4 visuaalisten ratkaisujen sijaan.\u201d<\/em><\/h2><\/div><\/div><div class=\"kt-testimonial-meta-wrap\"><div class=\"kt-testimonial-media-wrap\"><div class=\"kt-testimonial-media-inner-wrap\"><div class=\"kadence-testimonial-image-intrisic\"><img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/digiteam.fi\/wp-content\/uploads\/Pasi-150x150.jpg\" class=\"kt-testimonial-image wp-image-2805 size-thumbnail\" alt=\"\" \/><\/div><\/div><\/div><div class=\"kt-testimonial-meta-name-wrap\"><div class=\"kt-testimonial-name-wrap\"><div class=\"kt-testimonial-name\">Pasi Virtakari, AD<\/div><\/div><\/div><\/div><\/div><\/li>\n<\/ul><\/div><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Sivuston ulkoasulla erottaudutaan my\u00f6s kilpailijoista<\/h3>\n\n\n\n<p>Oleellinen osa ulkoasun suunnitteluprosessia on my\u00f6s yrityksen kilpailukent\u00e4n kartoittaminen. Asiakasyritykselt\u00e4 pyydet\u00e4\u00e4n samassa kokoluokassa ja asiakaskunnassa toimivien keskeisimpien kilpailijoiden nimet, ja suunnittelija perehtyy n\u00e4iden sivustoihin. N\u00e4in yritykselle voidaan luoda omassa kilpailukent\u00e4ss\u00e4\u00e4n erottuva ja uniikki sivu, eik\u00e4 sivustolle tule tahattomia samankaltaisuuksia.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Verkkosivujen visuaalisen ilmeen rakentaminen on sarja harkittuja valintoja<\/h2>\n\n\n\n<p>Virtakarin osalta sivustoprojektin ensimm\u00e4inen askel on usein rautalankamallin rakentaminen. T\u00e4ss\u00e4 vaiheessa Digiteamin sivustotiimi hahmottelee karkeasti tulevien nettisivujen rakenteen ja sivuille tulevat elementit.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sivuston ulkoasusuunnittelu aloitetaan etusivusta<\/h3>\n\n\n\n<p>Visuaalisen suunnitteluprosessin k\u00e4ynnistyess\u00e4 Virtakari toteuttaa asiakkaalle ensimm\u00e4isen sivuluonnoksen etusivusta, jossa jokainen yksitt\u00e4inen valinta on tarkkaan puntaroitu. Esimerkiksi typografialla ja sen luettavuudella on suuri merkitys paitsi asiakkaan mielikuville my\u00f6s k\u00e4ytt\u00f6kokemukselle. Valitun v\u00e4rimaailman pit\u00e4isi puolestaan heijastaa yrityksen identiteetti\u00e4 ja sivustolle toivomaa tunnelmaa.&nbsp;<\/p>\n\n\n\n<p><em>\u201dSuunnitteluvaiheessa peilaan kaikkia v\u00e4rivalintoja yrityksen toivomaan tunnelmaan sek\u00e4 asiakasyrityksen toimialaan. V\u00e4rivalinnat voivat pohjautua jossain m\u00e4\u00e4rin v\u00e4ripsykologiaan, mutta valintoja ei kannata tehd\u00e4 silti irrallaan yrityksen toimialasta, sill\u00e4 joissakin tapauksissa liiallinen erottautuminen voi rapauttaa loppuasiakkaan kokemaa luottamusta\u201d<\/em>, Virtakari kuvailee.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ensimm\u00e4isist\u00e4 luonnoksista l\u00e4htien viimeistelty\u00e4 j\u00e4lke\u00e4<\/h3>\n\n\n\n<p>Virtakarin tapana on tehd\u00e4 jo ensimm\u00e4isest\u00e4 luonnoksesta hyvin valmis ja viimeistelty mallisivu, jotta asiakkaan on helpompi saada kokonaisuudesta ja tunnelmasta kiinni. Luonnos k\u00e4yd\u00e4\u00e4n l\u00e4pi yhdess\u00e4 asiakkaan ja sivustotiimin kanssa, ja suunnittelija avaa t\u00e4ss\u00e4 vaiheessa perustelujaan tekemilleen valinnoille.&nbsp;<\/p>\n\n\n\n<p>T\u00e4m\u00e4n j\u00e4lkeen ulkoasua voidaan muokata asiakkaan ajatusten ja toiveiden pohjalta, mutta Virtakarin hyv\u00e4n pohjaty\u00f6n ja oivaltavien tulkintojen my\u00f6t\u00e4 usein jo ensimm\u00e4inen luonnos on ollut oikeansuuntainen ja alasivuja on l\u00e4hdetty jatkojalostamaan sen pohjalta.<\/p>\n\n\n<style>.kb-image3744_22c27a-da .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image3744_22c27a-da size-full\"><a href=\"https:\/\/digiteam.fi\/referenssi\/kokonaisvaltaista-markkinoinnin-kumppanuutta-tradehit\/\" class=\"kb-advanced-image-link\" target=\"_blank\" aria-label=\"Referenssi: Kokonaisvaltainen markkinoinnin kumppanuus - TradeHit\" rel=\"noopener noreferrer\"><img decoding=\"async\" width=\"1024\" height=\"645\" src=\"https:\/\/digiteam.fi\/wp-content\/uploads\/referenssi_tradehit.jpg\" alt=\"\" class=\"kb-img wp-image-2237\" srcset=\"https:\/\/digiteam.fi\/wp-content\/uploads\/referenssi_tradehit.jpg 1024w, https:\/\/digiteam.fi\/wp-content\/uploads\/referenssi_tradehit-300x189.jpg 300w, https:\/\/digiteam.fi\/wp-content\/uploads\/referenssi_tradehit-768x484.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Luovuus ja intuitio ovat suunnitteluprosessin \u201dsalainen ainesosa\u201d<\/h2>\n\n\n\n<p>Vaikka visuaalisen ilmeen suunnitteluprosessin kehikko muotoutuu asiakkaan br\u00e4ndim\u00e4\u00e4ritysten, arvomaailman ja haastattelun perusteella, taitavan graafisen osaajan prosessiin tuoma lis\u00e4arvo syntyy suunnittelijan intuitiivisuudesta ja luovuudesta.<\/p>\n\n\n<style>.kadence-column3744_03b36a-e7 > .kt-inside-inner-col{display:flex;}.kadence-column3744_03b36a-e7{max-width:600px;margin-left:auto;margin-right:auto;}.wp-block-kadence-column.kb-section-dir-horizontal:not(.kb-section-md-dir-vertical)>.kt-inside-inner-col>.kadence-column3744_03b36a-e7{-webkit-flex:0 1 600px;flex:0 1 600px;max-width:unset;margin-left:unset;margin-right:unset;}.kadence-column3744_03b36a-e7 > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-lg, 3rem);padding-bottom:var(--global-kb-spacing-lg, 3rem);}.kadence-column3744_03b36a-e7 > .kt-inside-inner-col,.kadence-column3744_03b36a-e7 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column3744_03b36a-e7 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3744_03b36a-e7 > .kt-inside-inner-col{flex-direction:column;align-items:flex-end;}.kadence-column3744_03b36a-e7 > .kt-inside-inner-col > .kb-image-is-ratio-size{align-self:stretch;}.kadence-column3744_03b36a-e7 > .kt-inside-inner-col > .wp-block-kadence-advancedgallery{align-self:stretch;}.kadence-column3744_03b36a-e7 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3744_03b36a-e7 > .kt-inside-inner-col{background-image:url('https:\/\/digiteam.fi\/wp-content\/uploads\/testimonials-tausta.svg');background-size:102px auto;background-position:0% 0%;background-attachment:scroll;background-repeat:no-repeat;}.kadence-column3744_03b36a-e7 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3744_03b36a-e7{position:relative;}@media all and (min-width: 1025px){.wp-block-kadence-column.kb-section-dir-horizontal>.kt-inside-inner-col>.kadence-column3744_03b36a-e7{-webkit-flex:0 1 600px;flex:0 1 600px;max-width:unset;margin-left:unset;margin-right:unset;}}@media all and (max-width: 1024px){.kadence-column3744_03b36a-e7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:flex-end;}}@media all and (max-width: 767px){.wp-block-kadence-column.kb-section-sm-dir-vertical:not(.kb-section-sm-dir-horizontal):not(.kb-section-sm-dir-specificity)>.kt-inside-inner-col>.kadence-column3744_03b36a-e7{max-width:600px;-webkit-flex:1;flex:1;margin-left:auto;margin-right:auto;}.kadence-column3744_03b36a-e7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:flex-end;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3744_03b36a-e7\"><div class=\"kt-inside-inner-col\"><style>.kt-blocks-testimonials-wrap3744_82a8b0-c1 .kt-svg-testimonial-global-icon{font-size:30px;}.kt-blocks-testimonials-wrap3744_82a8b0-c1 .kt-testimonial-item-0 .kt-svg-testimonial-icon{font-size:50px;}.kt-blocks-testimonials-wrap3744_82a8b0-c1 .kt-testimonial-rating-wrap .kb-svg-icon-wrap{color:#ffd700;font-size:16px;}.kt-blocks-testimonials-wrap3744_82a8b0-c1 .kt-testimonial-grid-wrap{gap:var(--global-kb-gap-md, 2rem);}.kt-blocks-testimonials-wrap3744_82a8b0-c1 .kt-testimonial-item-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kt-blocks-testimonials-wrap3744_82a8b0-c1 .kt-testimonial-item-wrap .kt-testimonial-title{color:var(--global-palette1, #3182CE);font-size:20px;line-height:26px;}.kt-blocks-testimonials-wrap3744_82a8b0-c1 .kt-testimonial-name{color:var(--global-palette3, #1A202C);font-size:17px;line-height:23px;}.kt-blocks-testimonials-wrap3744_82a8b0-c1 .kt-testimonial-occupation{font-size:15px;}.kt-blocks-testimonials-wrap3744_82a8b0-c1 .kt-testimonial-item-wrap{max-width:555px;}.kt-blocks-testimonials-wrap3744_82a8b0-c1 .kt-testimonial-media-inner-wrap{width:50px;border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kt-blocks-testimonials-wrap3744_82a8b0-c1 .kt-svg-testimonial-icon{justify-content:center;align-items:center;}@media all and (max-width: 1024px){.kt-blocks-testimonials-wrap3744_82a8b0-c1 .kt-testimonial-media-inner-wrap{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;}}@media all and (max-width: 767px){.kt-blocks-testimonials-wrap3744_82a8b0-c1{padding-top:px;padding-bottom:px;margin-top:px;margin-bottom:px;}.kt-blocks-testimonials-wrap3744_82a8b0-c1 .kt-testimonial-item-wrap .kt-testimonial-title{font-size:18px;line-height:22px;}.kt-blocks-testimonials-wrap3744_82a8b0-c1 .kt-testimonial-media-inner-wrap{border-top:0px solid;border-right:0px solid;border-bottom:0px solid;border-left:0px solid;}}<\/style><div class=\"kt-blocks-testimonials-wrap3744_82a8b0-c1 kt-testimonial-halign-left kt-testimonial-style-basic kt-testimonials-media-on kt-testimonials-icon-off kt-testimonial-columns-1 kt-t-xxl-col-1 kt-t-xl-col-1 kt-t-lg-col-1 kt-t-md-col-1 kt-t-sm-col-1 kt-t-xs-col-1 wp-block-kadence-testimonials\"><ul class=\"kt-blocks-testimonials-inner-wrap kt-testimonial-grid-wrap\">\n<li class=\"kt-testimonial-grid-item\"><div class=\"kt-testimonial-item-wrap kt-testimonial-item-3744_834d5f-ac testimonial-valign-middle wp-block-kadence-testimonial\"><div class=\"kt-testimonial-text-wrap\"><div class=\"kt-testimonial-title-wrap\"><h2 class=\"kt-testimonial-title\"><em>\u201dTietty\u00e4 osaa prosessista on vaikeaa kuvailla sanoin. Kun kaikki pohjatiedot ovat kasassa, k\u00e4ynnistyy suunnitteluprosessi p\u00e4\u00e4ni sis\u00e4ll\u00e4, ja sit\u00e4 voisi kuvata sarjana erilaisia tulkintoja kerrytt\u00e4mist\u00e4ni pohjatiedoista \u2013 pyrkien samalla lukemaan asioita my\u00f6s rivien v\u00e4list\u00e4.<\/em><br><br><em>L\u00e4ht\u00f6kohtana verkkosivu-uudistuksessa on usein vanhentunut sivusto, joka ei v\u00e4lit\u00e4 asiakkaan toivomia mielikuvia ja viestej\u00e4. Rakastankin ty\u00f6ss\u00e4ni juuri ongelmanratkaisua ja asioiden selkeytt\u00e4mist\u00e4 visuaalisen ja sanallisen viestinn\u00e4n keinoin. On todella antoisaa analysoida, miten p\u00e4\u00e4st\u00e4\u00e4n pisteest\u00e4 A pisteeseen B \u2013\u00a0ja lopulta p\u00e4\u00e4st\u00e4 sinne perille.\u201d<\/em><\/h2><\/div><\/div><div class=\"kt-testimonial-meta-wrap\"><div class=\"kt-testimonial-media-wrap\"><div class=\"kt-testimonial-media-inner-wrap\"><div class=\"kadence-testimonial-image-intrisic\"><img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/digiteam.fi\/wp-content\/uploads\/Pasi-150x150.jpg\" class=\"kt-testimonial-image wp-image-2805 size-thumbnail\" alt=\"\" \/><\/div><\/div><\/div><div class=\"kt-testimonial-meta-name-wrap\"><div class=\"kt-testimonial-name-wrap\"><div class=\"kt-testimonial-name\">Pasi Virtakari, AD<\/div><\/div><\/div><\/div><\/div><\/li>\n<\/ul><\/div><\/div><\/div>\n\n\n\n<p>Virtakari onkin saanut Digiteamin asiakkailta paljon kiitosta onnistuneista ulkoasutoteutuksista, jotka ovat onnistuneet konkretisoimaan yrityksen toiminnan ainutlaatuisia erityispiirteit\u00e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Onnistunut verkkosivu-uudistus syntyy hyv\u00e4ll\u00e4 yhteisty\u00f6ll\u00e4<\/h2>\n\n\n\n<p>T\u00e4rke\u00e4 osa graafisen suunnittelijan ammattitaitoa liittyy my\u00f6s vuorovaikutustaitoihin. Useimmat asiakkaat eiv\u00e4t ole usein tekemisiss\u00e4 verkkosivu-uudistusten kanssa, joten Virtakari ohjaa ulkoasun suunnittelua keskustelevalla ja ihmisl\u00e4heisell\u00e4 otteella kysyen, kuunnellen ja keskustellen.&nbsp;<\/p>\n\n\n\n<p>Asiakas voikin olla uudistuksen edess\u00e4 huolettomin mielin. Riitt\u00e4\u00e4, ett\u00e4 h\u00e4n on oman liiketoimintansa asiantuntija \u2013 taitava suunnittelija auttaa l\u00f6yt\u00e4m\u00e4\u00e4n t\u00e4st\u00e4 kokonaisuudesta visuaalisen ratkaisun avaimet.&nbsp;<\/p>\n\n\n\n<p><em>\u201dAmmattini on yll\u00e4tt\u00e4v\u00e4n paljon ihmisty\u00f6t\u00e4. Suunnittelijan t\u00e4ytyy esimerkiksi tuntea erilaisten ihmisten k\u00e4ytt\u00e4ytymist\u00e4: mik\u00e4 heid\u00e4t vakuuttaa, mist\u00e4 he pit\u00e4v\u00e4t, mik\u00e4 heit\u00e4 liikuttaa ja mik\u00e4 saa heid\u00e4t toimimaan.<\/em><\/p>\n\n\n\n<p><em>Minulle on my\u00f6s t\u00e4rke\u00e4\u00e4 olla asiakkaalle lempe\u00e4 ja yhteisty\u00f6kykyinen suunnittelukumppani. Asiakas tuntee aina oman toimintansa ja kohderyhm\u00e4ns\u00e4 parhaiten, ja min\u00e4 autan kanavoimaan graafisen osaamiseni avulla t\u00e4m\u00e4n kokonaisuuden visuaalisiksi ratkaisuiksi. Optimaalinen loppuratkaisu onkin aina seurausta hyv\u00e4st\u00e4 yhteisty\u00f6st\u00e4 asiakkaan, graafisen suunnittelijan ja muun sivustotiimin v\u00e4lill\u00e4\u201d<\/em>, Pasi summaa.<\/p>\n\n\n<style>.kb-image3744_ca9f29-a8 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image3744_ca9f29-a8 size-large\"><a href=\"https:\/\/digiteam.fi\/referenssi\/pp-auto-sivuston-uudistus\/\" class=\"kb-advanced-image-link\" target=\"_blank\" aria-label=\"Referenssi: Sivusto uudistus - PP-Auto\" rel=\"noopener noreferrer\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/digiteam.fi\/wp-content\/uploads\/Digiteam_referenssi_PPauto_2560x1440px_C-1-1024x576.jpg\" alt=\"\" class=\"kb-img wp-image-3589\" srcset=\"https:\/\/digiteam.fi\/wp-content\/uploads\/Digiteam_referenssi_PPauto_2560x1440px_C-1-1024x576.jpg 1024w, https:\/\/digiteam.fi\/wp-content\/uploads\/Digiteam_referenssi_PPauto_2560x1440px_C-1-300x169.jpg 300w, https:\/\/digiteam.fi\/wp-content\/uploads\/Digiteam_referenssi_PPauto_2560x1440px_C-1-768x432.jpg 768w, https:\/\/digiteam.fi\/wp-content\/uploads\/Digiteam_referenssi_PPauto_2560x1440px_C-1-1536x864.jpg 1536w, https:\/\/digiteam.fi\/wp-content\/uploads\/Digiteam_referenssi_PPauto_2560x1440px_C-1-2048x1152.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Yhteenveto \u2013 n\u00e4in l\u00e4hestyt verkkosivuston ulkoasu-uudistusta<\/h2>\n\n\n\n<p>Jos l\u00e4hitulevaisuudessa siint\u00e4\u00e4 verkkosivuston visuaalisen ilmeen uudistus, voitte perata auki mm. n\u00e4it\u00e4 teemoja suunnitteluprosessia viitoittamaan:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mik\u00e4 on uudistettavan sivuston tavoite? Kuinka paljon visuaalista ja\/tai sanallista infoa potentiaalinen asiakas kaipaa yhteydenoton tai ostop\u00e4\u00e4t\u00f6ksen tueksi?<\/li>\n\n\n\n<li>Mit\u00e4 yrityksenne edustaa nyt? Millaisena haluatte n\u00e4hd\u00e4 yrityksenne tulevaisuudessa?<\/li>\n\n\n\n<li>Keit\u00e4 ovat kohderyhm\u00e4nne? Mik\u00e4 tuotteessa tai palvelussa on juuri heille t\u00e4rke\u00e4\u00e4?<\/li>\n\n\n\n<li>Keit\u00e4 ovat t\u00e4rkeimm\u00e4t kilpailijanne? Mik\u00e4 erottaa teid\u00e4t heist\u00e4?<\/li>\n\n\n\n<li>Millaisen tunteen haluatte v\u00e4litt\u00e4\u00e4 verkkosivuvierailijalle? Valitkaa 3\u20134 t\u00e4rkeint\u00e4 tunnelmaa kuvaavaa adjektiivia.<\/li>\n<\/ul>\n\n\n\n<p>Pohtimalla vastauksia n\u00e4ihin kysymyksiin, annatte sivustonne suunnittelijalle vankat perustukset, jonka p\u00e4\u00e4lle rakentaa. N\u00e4in olette jo monta askelta l\u00e4hemp\u00e4n\u00e4 onnistunutta ulkoasu-uudistusta, ja uudistettava sivusto voi aidosti heijastaa yrityksenne ydint\u00e4 ja viesti\u00e4 kilpailuetujanne harkittujen visuaalisten vihjeiden avulla.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Verkkosivu-uudistus tulossa ajankohtaiseksi?<\/h3>\n\n\n\n<p>Tutustu t\u00e4st\u00e4 esimerkkeihin Digiteamin toteuttamista verkkosivu-uudistuksista, joiden visuaalinen ilme on Pasin k\u00e4denj\u00e4lke\u00e4.<\/p>\n\n\n\n<p><strong>Referenssej\u00e4mme \u2013 verkkosivu-uudistus:<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/www.polarpro.fi\/\">PolarPro<\/a> \u2013 verkkosivu-uudistus logistiikka-, kuljetus-, rekrytointi- ja varastointipalveluita tarjoavalle yritykselle.<\/p>\n\n\n\n<p><a href=\"https:\/\/tradehit.fi\/\">Tradehit<\/a> \u2013 verkkosivu-uudistus menekinedist\u00e4misratkaisuja, havainto- ja teknologiapalveluita sek\u00e4 myym\u00e4l\u00f6iden uudistuspalveluita tarjoavalle yritykselle.<\/p>\n\n\n\n<p><a href=\"https:\/\/sagacare.fi\/\">Saga Care<\/a> \u2013 verkkosivu-uudistus seniorien yksil\u00f6llisi\u00e4 hoito-, kuntoutus- ja hyvinvointipalveluita tarjoavalla yritykselle.<\/p>\n\n\n\n<p><a href=\"https:\/\/ppauto.fi\/\">PP-auto<\/a> \u2013&nbsp;verkkosivu-uudistus autotalolle, joka tarjoaa kattavan valikoiman uusia autoja, vaihtoautoja sek\u00e4 korjaus- ja huoltopalveluita.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A skilled website designer harnesses the power of a website to mirror your brand<\/p>","protected":false},"author":1,"featured_media":3795,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","iawp_total_views":0,"footnotes":""},"categories":[44,57],"tags":[],"class_list":["post-3744","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sivustot","category-verkkokaupat"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Verkkosivuston ulkoasu luo ensivaikutelman \u2013 Digiteam Oy<\/title>\n<meta name=\"description\" content=\"Verkkosivujen ulkoasuja suunnitteleva Pasi Virtakari paljastaa sivuston visuaalisen suunnittelun prosessin ja salat.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/digiteam.fi\/en\/the-layout-of-the-website-creates-the-first-impression\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Verkkosivuston ulkoasu luo ensivaikutelman \u2013 Digiteam Oy\" \/>\n<meta property=\"og:description\" content=\"Verkkosivujen ulkoasuja suunnitteleva Pasi Virtakari paljastaa sivuston visuaalisen suunnittelun prosessin ja salat.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digiteam.fi\/en\/the-layout-of-the-website-creates-the-first-impression\/\" \/>\n<meta property=\"og:site_name\" content=\"Digiteam\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-17T11:26:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-17T11:26:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/digiteam.fi\/wp-content\/uploads\/blogikuva_visuaalisuus.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2037\" \/>\n\t<meta property=\"og:image:height\" content=\"1284\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/digiteam.fi\\\/verkkosivun-ulkoasu-luo-ensivaikutelman\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/digiteam.fi\\\/verkkosivun-ulkoasu-luo-ensivaikutelman\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/digiteam.fi\\\/#\\\/schema\\\/person\\\/107dd262ceda1c63b0c2d88656b6f396\"},\"headline\":\"Verkkosivuston ulkoasu luo ensivaikutelman\",\"datePublished\":\"2025-09-17T11:26:45+00:00\",\"dateModified\":\"2025-09-17T11:26:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/digiteam.fi\\\/verkkosivun-ulkoasu-luo-ensivaikutelman\\\/\"},\"wordCount\":1044,\"publisher\":{\"@id\":\"https:\\\/\\\/digiteam.fi\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/digiteam.fi\\\/verkkosivun-ulkoasu-luo-ensivaikutelman\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/digiteam.fi\\\/wp-content\\\/uploads\\\/blogikuva_visuaalisuus.jpg\",\"articleSection\":[\"Sivustot\",\"Verkkokaupat\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/digiteam.fi\\\/verkkosivun-ulkoasu-luo-ensivaikutelman\\\/\",\"url\":\"https:\\\/\\\/digiteam.fi\\\/verkkosivun-ulkoasu-luo-ensivaikutelman\\\/\",\"name\":\"Verkkosivuston ulkoasu luo ensivaikutelman \u2013 Digiteam Oy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/digiteam.fi\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/digiteam.fi\\\/verkkosivun-ulkoasu-luo-ensivaikutelman\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/digiteam.fi\\\/verkkosivun-ulkoasu-luo-ensivaikutelman\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/digiteam.fi\\\/wp-content\\\/uploads\\\/blogikuva_visuaalisuus.jpg\",\"datePublished\":\"2025-09-17T11:26:45+00:00\",\"dateModified\":\"2025-09-17T11:26:46+00:00\",\"description\":\"Verkkosivujen ulkoasuja suunnitteleva Pasi Virtakari paljastaa sivuston visuaalisen suunnittelun prosessin ja salat.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/digiteam.fi\\\/verkkosivun-ulkoasu-luo-ensivaikutelman\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/digiteam.fi\\\/verkkosivun-ulkoasu-luo-ensivaikutelman\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/digiteam.fi\\\/verkkosivun-ulkoasu-luo-ensivaikutelman\\\/#primaryimage\",\"url\":\"https:\\\/\\\/digiteam.fi\\\/wp-content\\\/uploads\\\/blogikuva_visuaalisuus.jpg\",\"contentUrl\":\"https:\\\/\\\/digiteam.fi\\\/wp-content\\\/uploads\\\/blogikuva_visuaalisuus.jpg\",\"width\":2037,\"height\":1284},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/digiteam.fi\\\/verkkosivun-ulkoasu-luo-ensivaikutelman\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Etusivu\",\"item\":\"https:\\\/\\\/digiteam.fi\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Verkkosivuston ulkoasu luo ensivaikutelman\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/digiteam.fi\\\/#website\",\"url\":\"https:\\\/\\\/digiteam.fi\\\/\",\"name\":\"Digiteam\",\"description\":\"Digiteam\",\"publisher\":{\"@id\":\"https:\\\/\\\/digiteam.fi\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/digiteam.fi\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/digiteam.fi\\\/#organization\",\"name\":\"Digiteam\",\"url\":\"https:\\\/\\\/digiteam.fi\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/digiteam.fi\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/digiteam.fi\\\/wp-content\\\/uploads\\\/Digiteam-logo.svg\",\"contentUrl\":\"https:\\\/\\\/digiteam.fi\\\/wp-content\\\/uploads\\\/Digiteam-logo.svg\",\"caption\":\"Digiteam\"},\"image\":{\"@id\":\"https:\\\/\\\/digiteam.fi\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/digiteam.fi\\\/#\\\/schema\\\/person\\\/107dd262ceda1c63b0c2d88656b6f396\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0f021728b58343d53abd5677e14b7ce646ff6f28bd01a49bfc30aa275464d1ca?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0f021728b58343d53abd5677e14b7ce646ff6f28bd01a49bfc30aa275464d1ca?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0f021728b58343d53abd5677e14b7ce646ff6f28bd01a49bfc30aa275464d1ca?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"description\":\"Lorem ipsum\",\"sameAs\":[\"https:\\\/\\\/digiteam.fi\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Website layout creates the first impression - Digiteam Oy","description":"Website designer Pasi Virtakari reveals the process and secrets of website visual design.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/digiteam.fi\/en\/the-layout-of-the-website-creates-the-first-impression\/","og_locale":"en_US","og_type":"article","og_title":"Verkkosivuston ulkoasu luo ensivaikutelman \u2013 Digiteam Oy","og_description":"Verkkosivujen ulkoasuja suunnitteleva Pasi Virtakari paljastaa sivuston visuaalisen suunnittelun prosessin ja salat.","og_url":"https:\/\/digiteam.fi\/en\/the-layout-of-the-website-creates-the-first-impression\/","og_site_name":"Digiteam","article_published_time":"2025-09-17T11:26:45+00:00","article_modified_time":"2025-09-17T11:26:46+00:00","og_image":[{"width":2037,"height":1284,"url":"https:\/\/digiteam.fi\/wp-content\/uploads\/blogikuva_visuaalisuus.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/digiteam.fi\/verkkosivun-ulkoasu-luo-ensivaikutelman\/#article","isPartOf":{"@id":"https:\/\/digiteam.fi\/verkkosivun-ulkoasu-luo-ensivaikutelman\/"},"author":{"name":"admin","@id":"https:\/\/digiteam.fi\/#\/schema\/person\/107dd262ceda1c63b0c2d88656b6f396"},"headline":"Verkkosivuston ulkoasu luo ensivaikutelman","datePublished":"2025-09-17T11:26:45+00:00","dateModified":"2025-09-17T11:26:46+00:00","mainEntityOfPage":{"@id":"https:\/\/digiteam.fi\/verkkosivun-ulkoasu-luo-ensivaikutelman\/"},"wordCount":1044,"publisher":{"@id":"https:\/\/digiteam.fi\/#organization"},"image":{"@id":"https:\/\/digiteam.fi\/verkkosivun-ulkoasu-luo-ensivaikutelman\/#primaryimage"},"thumbnailUrl":"https:\/\/digiteam.fi\/wp-content\/uploads\/blogikuva_visuaalisuus.jpg","articleSection":["Sivustot","Verkkokaupat"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/digiteam.fi\/verkkosivun-ulkoasu-luo-ensivaikutelman\/","url":"https:\/\/digiteam.fi\/verkkosivun-ulkoasu-luo-ensivaikutelman\/","name":"Website layout creates the first impression - Digiteam Oy","isPartOf":{"@id":"https:\/\/digiteam.fi\/#website"},"primaryImageOfPage":{"@id":"https:\/\/digiteam.fi\/verkkosivun-ulkoasu-luo-ensivaikutelman\/#primaryimage"},"image":{"@id":"https:\/\/digiteam.fi\/verkkosivun-ulkoasu-luo-ensivaikutelman\/#primaryimage"},"thumbnailUrl":"https:\/\/digiteam.fi\/wp-content\/uploads\/blogikuva_visuaalisuus.jpg","datePublished":"2025-09-17T11:26:45+00:00","dateModified":"2025-09-17T11:26:46+00:00","description":"Website designer Pasi Virtakari reveals the process and secrets of website visual design.","breadcrumb":{"@id":"https:\/\/digiteam.fi\/verkkosivun-ulkoasu-luo-ensivaikutelman\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digiteam.fi\/verkkosivun-ulkoasu-luo-ensivaikutelman\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digiteam.fi\/verkkosivun-ulkoasu-luo-ensivaikutelman\/#primaryimage","url":"https:\/\/digiteam.fi\/wp-content\/uploads\/blogikuva_visuaalisuus.jpg","contentUrl":"https:\/\/digiteam.fi\/wp-content\/uploads\/blogikuva_visuaalisuus.jpg","width":2037,"height":1284},{"@type":"BreadcrumbList","@id":"https:\/\/digiteam.fi\/verkkosivun-ulkoasu-luo-ensivaikutelman\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Etusivu","item":"https:\/\/digiteam.fi\/"},{"@type":"ListItem","position":2,"name":"Verkkosivuston ulkoasu luo ensivaikutelman"}]},{"@type":"WebSite","@id":"https:\/\/digiteam.fi\/#website","url":"https:\/\/digiteam.fi\/","name":"Digiteam","description":"Digiteam","publisher":{"@id":"https:\/\/digiteam.fi\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digiteam.fi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/digiteam.fi\/#organization","name":"Digiteam","url":"https:\/\/digiteam.fi\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digiteam.fi\/#\/schema\/logo\/image\/","url":"https:\/\/digiteam.fi\/wp-content\/uploads\/Digiteam-logo.svg","contentUrl":"https:\/\/digiteam.fi\/wp-content\/uploads\/Digiteam-logo.svg","caption":"Digiteam"},"image":{"@id":"https:\/\/digiteam.fi\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/digiteam.fi\/#\/schema\/person\/107dd262ceda1c63b0c2d88656b6f396","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/0f021728b58343d53abd5677e14b7ce646ff6f28bd01a49bfc30aa275464d1ca?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0f021728b58343d53abd5677e14b7ce646ff6f28bd01a49bfc30aa275464d1ca?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0f021728b58343d53abd5677e14b7ce646ff6f28bd01a49bfc30aa275464d1ca?s=96&d=mm&r=g","caption":"admin"},"description":"Lorem ipsum","sameAs":["https:\/\/digiteam.fi"]}]}},"taxonomy_info":{"category":[{"value":44,"label":"Sivustot"},{"value":57,"label":"Verkkokaupat"}]},"featured_image_src_large":["https:\/\/digiteam.fi\/wp-content\/uploads\/blogikuva_visuaalisuus-1024x645.jpg",1024,645,true],"author_info":{"display_name":"admin","author_link":"https:\/\/digiteam.fi\/en\/author\/webdigiteam-fi\/"},"comment_info":"","category_info":[{"term_id":44,"name":"Sivustot","slug":"sivustot","term_group":0,"term_taxonomy_id":44,"taxonomy":"category","description":"","parent":0,"count":12,"filter":"raw","cat_ID":44,"category_count":12,"category_description":"","cat_name":"Sivustot","category_nicename":"sivustot","category_parent":0},{"term_id":57,"name":"Verkkokaupat","slug":"verkkokaupat","term_group":0,"term_taxonomy_id":57,"taxonomy":"category","description":"","parent":0,"count":6,"filter":"raw","cat_ID":57,"category_count":6,"category_description":"","cat_name":"Verkkokaupat","category_nicename":"verkkokaupat","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/digiteam.fi\/en\/wp-json\/wp\/v2\/posts\/3744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digiteam.fi\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digiteam.fi\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digiteam.fi\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digiteam.fi\/en\/wp-json\/wp\/v2\/comments?post=3744"}],"version-history":[{"count":4,"href":"https:\/\/digiteam.fi\/en\/wp-json\/wp\/v2\/posts\/3744\/revisions"}],"predecessor-version":[{"id":3914,"href":"https:\/\/digiteam.fi\/en\/wp-json\/wp\/v2\/posts\/3744\/revisions\/3914"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/digiteam.fi\/en\/wp-json\/wp\/v2\/media\/3795"}],"wp:attachment":[{"href":"https:\/\/digiteam.fi\/en\/wp-json\/wp\/v2\/media?parent=3744"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digiteam.fi\/en\/wp-json\/wp\/v2\/categories?post=3744"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digiteam.fi\/en\/wp-json\/wp\/v2\/tags?post=3744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}