{"id":8151,"date":"2024-08-03T19:22:27","date_gmt":"2024-08-03T19:22:27","guid":{"rendered":"https:\/\/inlingogames.com\/?page_id=8151"},"modified":"2025-09-17T07:58:17","modified_gmt":"2025-09-17T07:58:17","slug":"uxui","status":"publish","type":"page","link":"https:\/\/inlingogames.com\/fi\/art\/uxui\/","title":{"rendered":"UXUI"},"content":{"rendered":"\n\t<section class=\"section gameart art_section dark\" id=\"section_1199225281\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<span class=\"scroll-to\" data-label=\"Scroll to: #main\" data-bullet=\"false\" data-link=\"#main\" data-title=\"Main\" ><a name=\"main\"><\/a><\/span>\n\t<div id=\"gap-345525332\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-345525332 {\n  padding-top: 10px;\n}\n@media (min-width:550px) {\n  #gap-345525332 {\n    padding-top: 40px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row row-small align-equal\"  id=\"row-2085630458\">\n\n\t<div id=\"col-1064756741\" class=\"col howweleft medium-12 small-12 large-8\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h1>Pelien UX\/UI-suunnittelupalvelut<\/h1>\n\t<div id=\"gap-818689827\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-818689827 {\n  padding-top: 48px;\n}\n@media (min-width:550px) {\n  #gap-818689827 {\n    padding-top: 50px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<a href=\"#getintouch\" class=\"button primary arttransp-one\"  style=\"border-radius:24px;\">\n\t\t<span>Ota yhteytt\u00e4<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1064756741 > .col-inner {\n  padding: 32px 32px 32px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-685958338\" class=\"col hide-for-medium medium-12 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n  <div class=\"banner has-hover\" id=\"banner-433661190\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1280\" height=\"1078\" src=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/05\/port-pers01-e1690969018550.jpg\" class=\"bg attachment-original size-original\" alt=\"\" \/>                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n        <\/div>\n      <\/div>\n\n              <div class=\"height-fix is-invisible\"><img decoding=\"async\" width=\"1280\" height=\"1078\" src=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/05\/port-pers01-e1690969018550.jpg\" class=\"attachment-original size-original\" alt=\"\" srcset=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/05\/port-pers01-e1690969018550.jpg 1280w, https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/05\/port-pers01-e1690969018550-300x253.jpg 300w, https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/05\/port-pers01-e1690969018550-1024x862.jpg 1024w, https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/05\/port-pers01-e1690969018550-768x647.jpg 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/div>\n            \n<style>\n#banner-433661190 .banner-bg img {\n  object-position: 10% 0%;\n}\n<\/style>\n  <\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-685958338 > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n<div class=\"row row-small align-equal\"  id=\"row-1114247881\">\n\n\t<div id=\"col-764630212\" class=\"col howweright_2 medium-12 small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<div class=\"row row-collapse align-equal rowinner\"  id=\"row-509462375\">\n\n\t<div id=\"col-1473610268\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>UX\/UI-suunnittelupalvelumme<\/h3>\n\t<div id=\"gap-989047364\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-989047364 {\n  padding-top: 16px;\n}\n@media (min-width:550px) {\n  #gap-989047364 {\n    padding-top: 24px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<p>INLINGO-studiolta l\u00f6yd\u00e4t kattavat UX\/UI-palvelut prototyyppikehityksest\u00e4 tarkkoihin suunnitelmiin kaikille pelin ruudulle.<\/p>\n\t<div id=\"gap-1423031610\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1423031610 {\n  padding-top: 150px;\n}\n@media (min-width:550px) {\n  #gap-1423031610 {\n    padding-top: 48px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<div class=\"arrow_button_cover hide-for-medium\">\n\t\t\t\t\n<p><a class=\"arrow_button\" href=\"#services\"><br \/>\n<\/a><br \/>\n\t\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-764630212 > .col-inner {\n  padding: 32px 32px 32px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n\t<div id=\"gap-1307604847\" class=\"gap-element clearfix bottom_gap\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1307604847 {\n  padding-top: 40px;\n}\n@media (min-width:550px) {\n  #gap-1307604847 {\n    padding-top: 90px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1199225281 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(14, 14, 14);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section gameart art_section dark\" id=\"section_144823983\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<span class=\"scroll-to\" data-label=\"Scroll to: #services\" data-bullet=\"false\" data-link=\"#services\" data-title=\"Services\" ><a name=\"services\"><\/a><\/span>\n\t<div id=\"gap-1525598477\" class=\"gap-element clearfix top_gap\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1525598477 {\n  padding-top: 20px;\n}\n@media (min-width:550px) {\n  #gap-1525598477 {\n    padding-top: 100px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row row-small align-equal art-small-greybanners\"  id=\"row-1647876912\">\n\n\t<div id=\"col-402992851\" class=\"col teamnumbers medium-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p class=\"greynmbr\">01<\/p>\n\t<div id=\"gap-2141269213\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-2141269213 {\n  padding-top: 20px;\n}\n@media (min-width:550px) {\n  #gap-2141269213 {\n    padding-top: 32px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<h3>Kehyssuunnittelu ja prototyypit<\/h3>\n\t<div id=\"gap-2098844031\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-2098844031 {\n  padding-top: 16px;\n}\n@media (min-width:550px) {\n  #gap-2098844031 {\n    padding-top: 32px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"accordion art_accordion_1\">\n\t<div id=\"accordion-1743344159\" class=\"accordion-item\">\n\t\t<a id=\"accordion-1743344159-label\" class=\"accordion-title plain\" href=\"#accordion-item-lue-lis\u00e4\u00e4-\u2192\" aria-expanded=\"false\" aria-controls=\"accordion-1743344159-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>Lue lis\u00e4\u00e4 \u2192<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-1743344159-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-1743344159-label\" >\n\t\t\t\n\t<div id=\"text-4074598191\" class=\"text long_text\">\n\t\t\n<p>Rautalankamalli (engl. wireframing) sis\u00e4lt\u00e4\u00e4 suunnitelman ruutujen asettelusta sek\u00e4 k\u00e4ytt\u00e4j\u00e4n t\u00e4rkeimmist\u00e4 vuorovaikutuksista tuotteen kanssa. Toisin sanoen t\u00e4ss\u00e4 vaiheessa me luomme pelille prototyypin tai puitteet. N\u00e4in me voimme hahmottaa k\u00e4ytt\u00f6liittym\u00e4n rakenteen jo ennen visuaalisen suunnittelun aloittamista.<\/p>\n<p>Me luomme rautalankamallit kaikista pelin k\u00e4ytt\u00f6liittym\u00e4n keskeisist\u00e4 ruuduista p\u00e4\u00e4valikosta esineluetteloon ja asetuksiin sek\u00e4 suunnittelemme optimaalisen k\u00e4ytt\u00e4j\u00e4matkan etuk\u00e4teen.<\/p>\n<p>T\u00e4m\u00e4n j\u00e4lkeen kehit\u00e4mme rautalankamallien avulla prototyypin ja arvioimme vuorovaikutusta k\u00e4ytt\u00f6liittym\u00e4n eri elementtien kanssa. T\u00e4m\u00e4 prosessi auttaa meit\u00e4 v\u00e4ltt\u00e4m\u00e4\u00e4n s\u00e4\u00e4t\u00e4mist\u00e4, kun olemme laatineet valmiin suunnitelman.<\/p>\n<p>N\u00e4in voimme arvioida pelin k\u00e4ytett\u00e4vyytt\u00e4 etuk\u00e4teen ja varmistaa, ett\u00e4 se on k\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4llinen.<\/p>\n\t\t\t<\/div>\n\t\n\t\t<\/div>\n\t<\/div>\n\t\n<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-324242405\" class=\"col teamnumbers medium-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p class=\"greynmbr\">02<\/p>\n\t<div id=\"gap-1488309444\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1488309444 {\n  padding-top: 20px;\n}\n@media (min-width:550px) {\n  #gap-1488309444 {\n    padding-top: 32px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<h3>Asiakkaan matkakartta<\/h3>\n\t<div id=\"gap-440087467\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-440087467 {\n  padding-top: 16px;\n}\n@media (min-width:550px) {\n  #gap-440087467 {\n    padding-top: 32px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"accordion art_accordion_1\">\n\t<div id=\"accordion-639028131\" class=\"accordion-item\">\n\t\t<a id=\"accordion-639028131-label\" class=\"accordion-title plain\" href=\"#accordion-item-lue-lis\u00e4\u00e4-\u2192\" aria-expanded=\"false\" aria-controls=\"accordion-639028131-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>Lue lis\u00e4\u00e4 \u2192<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-639028131-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-639028131-label\" >\n\t\t\t\n\t<div id=\"text-763277598\" class=\"text long_text\">\n\t\t\n<p>Asiakkaan matkakartta on tarkka kuvaus k\u00e4ytt\u00e4j\u00e4n matkasta tuotteen l\u00e4pi alusta loppuun. N\u00e4m\u00e4 kartat ovat erityisen t\u00e4rkeit\u00e4 videopelikehitykselle, sill\u00e4 pelaaja k\u00e4y l\u00e4pi monia vuorovaikutuksen vaiheita k\u00e4ytt\u00f6liittym\u00e4n kanssa.<\/p>\n<p>T\u00e4ss\u00e4 vaiheessa me analysoimme kohdepelaajan koko matkan tuotteen l\u00e4pi alkaen pelin ensimm\u00e4isest\u00e4 k\u00e4ynnist\u00e4misest\u00e4. Otamme huomioon kaikki t\u00e4rkeimm\u00e4t k\u00e4ytt\u00f6liittym\u00e4n kosketuspisteet, kuten n\u00e4ytt\u00f6ruudut, valikot ja k\u00e4ytt\u00f6liittym\u00e4n elementit<\/p>\n<p>T\u00e4m\u00e4n analyysin perusteella voimme luoda k\u00e4ytt\u00e4j\u00e4n polkua kuvaavan tarkan kaavion ja pystymme tunnistamaan mahdolliset haasteet vuorovaikutuksen kannalta.<\/p>\n\t\t\t<\/div>\n\t\n\t\t<\/div>\n\t<\/div>\n\t\n<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-574595133\" class=\"col teamnumbers medium-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p class=\"greynmbr\">03<\/p>\n\t<div id=\"gap-1265874635\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1265874635 {\n  padding-top: 20px;\n}\n@media (min-width:550px) {\n  #gap-1265874635 {\n    padding-top: 32px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"text-3008879707\" class=\"text hide-for-medium\">\n\t\t\n<h3>UX\/UI-hahmottelu<\/h3>\n\t\t\t<\/div>\n\t\n\t<div id=\"text-928365953\" class=\"text show-for-medium\">\n\t\t\n<h3>UX\/UI-hahmottelu<\/h3>\n\t\t\t<\/div>\n\t\n\t<div id=\"gap-74283031\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-74283031 {\n  padding-top: 16px;\n}\n@media (min-width:550px) {\n  #gap-74283031 {\n    padding-top: 32px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"accordion art_accordion_1\">\n\t<div id=\"accordion-2037223247\" class=\"accordion-item\">\n\t\t<a id=\"accordion-2037223247-label\" class=\"accordion-title plain\" href=\"#accordion-item-lue-lis\u00e4\u00e4-\u2192\" aria-expanded=\"false\" aria-controls=\"accordion-2037223247-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>Lue lis\u00e4\u00e4 \u2192<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-2037223247-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-2037223247-label\" >\n\t\t\t\n\t<div id=\"text-2545630775\" class=\"text long_text\">\n\t\t\n<p>Kun rautalankamallit on hyv\u00e4ksytty, me voimme aloittaa pelin k\u00e4ytt\u00f6liittym\u00e4n tarkan suunnittelun jokaiselle n\u00e4yt\u00f6lle.<\/p>\n<p>T\u00e4m\u00e4n vaiheen sis\u00e4lt\u00f6:<\/p>\n<ol>\n<li>kunkin n\u00e4yt\u00f6n tarkka suunnittelu; valikot, asetukset, pelaajaprofiili, inventaario jne.<\/li>\n<li>pelin k\u00e4ytt\u00f6liittym\u00e4elementtien kehitys; painikkeet, liukus\u00e4\u00e4timet, kytkinpainikkeet ja luettelot<\/li>\n<li>tarvittavien kuvakkeiden, kuvitusten ja taustojen valinta ja luominen<\/li>\n<li>fonttien sek\u00e4 tekstien ja tietolohkojen luominen<\/li>\n<li>pelinsis\u00e4isen HUD-n\u00e4yt\u00f6n (engl. heads-up display) suunnittelu<\/li>\n<li>k\u00e4ytt\u00f6liittym\u00e4n mukautus eri resoluutioille ja alustoille<\/li>\n<li>k\u00e4ytt\u00f6liittym\u00e4ruutujen tarkka suunnittelu projektisuunnitelman mukaisesti<\/li>\n<li>k\u00e4ytett\u00e4vyyden ja k\u00e4ytt\u00e4j\u00e4kokemuksen arviointi jokaisessa vaiheessa.<\/li>\n<\/ol>\n\t\t\t<\/div>\n\t\n\t\t<\/div>\n\t<\/div>\n\t\n<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t<div id=\"gap-1376002393\" class=\"gap-element clearfix bottom_gap\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1376002393 {\n  padding-top: 20px;\n}\n@media (min-width:550px) {\n  #gap-1376002393 {\n    padding-top: 100px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\n\t\t\n<style>\n#section_144823983 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(14, 14, 14);\n}\n<\/style>\n\t<\/section>\n\t\n\n\n\t<section class=\"section gameart art_section inlingo_section portfolio dark\" id=\"section_605514361\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<span class=\"scroll-to\" data-label=\"Scroll to: #portfolio\" data-bullet=\"false\" data-link=\"#portfolio\" data-title=\"Portfolio\" ><a name=\"portfolio\"><\/a><\/span>\n\t<div id=\"gap-1020844268\" class=\"gap-element clearfix gap-100\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1020844268 {\n  padding-top: 80px;\n}\n@media (min-width:850px) {\n  #gap-1020844268 {\n    padding-top: 100px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row\"  id=\"row-1032113352\">\n\n\t<div id=\"col-570296582\" class=\"col medium-10 small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-left\"  >\n\t\t\t\n\t\t\t\n<h2>Portfolio<\/h2>\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-570296582 > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n@media (min-width:550px) {\n  #col-570296582 > .col-inner {\n    padding: 0px 0px 0px 0px;\n  }\n}\n@media (min-width:850px) {\n  #col-570296582 > .col-inner {\n    padding: 0px 40px 0px 0px;\n  }\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n<div class=\"row row-small align-equal\"  id=\"row-778737950\">\n\n\t<div id=\"col-1367420738\" class=\"col portfolio_column small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<div id=\"portfolio-1768737970\" class=\"portfolio-element-wrapper has-filtering\">\n  \n    <div class=\"row custom_portfolio large-columns-3 medium-columns-3 small-columns-2 row-small\" >\n    <div class=\"col\" data-terms=\"[&quot;Lokalisointi&quot;]\" >\n          <div class=\"col-inner\" style=\"border-radius:8%;\">\n          <a href=\"https:\/\/inlingogames.com\/fi\/projects\/localization\/tapaustutkimus-lokalisoinnista-shadow-fight-3\/\" class=\"plain \">\n          <div class=\"portfolio-box box has-hover box-shade dark\">\n            <div class=\"box-image\" style=\"border-radius:8%;\">\n                <div class=\"image-overlay-add-50 image-cover\" style=\"padding-top:300px;\">\n                <img decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2025\/02\/unnamed5-768x432-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2025\/02\/unnamed5-768x432-1.jpg 768w, https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2025\/02\/unnamed5-768x432-1-300x169.jpg 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>                <div class=\"overlay\" style=\"background-color:rgba(0, 0, 0, 0.407)\"><\/div>                <div class=\"shade\"><\/div>                <\/div>\n            <\/div>\n            <div class=\"box-text show-on-hover hover-fade-in text-left is-large\" >\n                  <div class=\"box-text-inner\">\n                      <h6 class=\"uppercase portfolio-box-title\">Tapaustutkimus lokalisoinnista: Shadow Fight 3<\/h6>\n                      <p class=\"uppercase portfolio-box-category is-xsmall op-6\">\n                        <span class=\"show-on-hover\">\n                         Lokalisointi                        <\/span>\n                      <\/p>\n                  <\/div>\n            <\/div>\n           <\/div>\n           <\/a>\n           <\/div>\n           <\/div><\/div><\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row row-small align-center\"  id=\"row-1602058155\">\n\n\t<div id=\"col-1757899570\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"gap-1028948474\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1028948474 {\n  padding-top: 16px;\n}\n<\/style>\n\t<\/div>\n\t\n<a href=\"\/fi\/projects\/\" class=\"button primary is-outline is-larger lowercase inlingo_btn_custom small_custom\"  style=\"padding:10px 30px 10px 30px;\">\n\t\t<span>Lis\u00e4\u00e4 tapauksia<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1757899570 > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n\t<div id=\"gap-1340140960\" class=\"gap-element clearfix portfolio-bottom-gap-2\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1340140960 {\n  padding-top: 80px;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\n\t\t\n<style>\n#section_605514361 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(14, 14, 14);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section gameart art_section why dark\" id=\"section_711023998\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<span class=\"scroll-to\" data-label=\"Scroll to: #features\" data-bullet=\"false\" data-link=\"#features\" data-title=\"Why\" ><a name=\"features\"><\/a><\/span>\n\t<div id=\"gap-475258612\" class=\"gap-element clearfix top_gap\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-475258612 {\n  padding-top: 20px;\n}\n@media (min-width:550px) {\n  #gap-475258612 {\n    padding-top: 100px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row row-small\"  id=\"row-1554288072\">\n\n\t<div id=\"col-606070499\" class=\"col medium-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<div class=\"team-sticky-container\">\n<div class=\"team-sticky\">\n<h2 class=\"sticky\">Miksi kannattaa ty\u00f6skennell\u00e4 kanssamme<\/h2>\n<\/div>\n<\/div>\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-606070499 > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n@media (min-width:550px) {\n  #col-606070499 > .col-inner {\n    padding: 0px 0px 0px 0px;\n  }\n}\n@media (min-width:850px) {\n  #col-606070499 > .col-inner {\n    padding: 0px 40px 0px 0px;\n  }\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-1551868675\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<div class=\"row\"  id=\"row-83812301\">\n\n\t<div id=\"col-1181706943\" class=\"col teamnumbers large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>11+ vuotta pelialalla<\/h3>\n\t<div id=\"gap-692037367\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-692037367 {\n  padding-top: 16px;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"text-1060950987\" class=\"text long_text\">\n\t\t\n<p>T\u00e4ss\u00e4 ajassa olemme toteuttaneet monia UX\/UI-suunnitteluprojekteja peleille monista eri genreist\u00e4 ja monille eri alustoille.<\/p>\n\t\t\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-2078655653\" class=\"col teamnumbers large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Vastaamme kaikkiin pyynt\u00f6ihin 30 minuutissa<\/h3>\n\t<div id=\"gap-598195260\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-598195260 {\n  padding-top: 16px;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"text-1400210681\" class=\"text long_text\">\n\t\t\n<p>Nopeaan tukeemme voi luottaa<\/p>\n\t\t\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-190984112\" class=\"col teamnumbers large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Projektien m\u00e4\u00e4ritysten huomioiminen<\/h3>\n\t<div id=\"gap-354886120\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-354886120 {\n  padding-top: 16px;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"text-671128245\" class=\"text long_text\">\n\t\t\n<p>Perehdymme teknisiin toimeksiantoihin tarkoin, jotta ymm\u00e4rr\u00e4mme kunkin projektin erityispiirteet kunnolla. T\u00e4m\u00e4 takaa, ett\u00e4 kaikki ovat samalla sivulla koko projektin elinkaaren ajan.<\/p>\n\t\t\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-436470647\" class=\"col teamnumbers large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Ainutlaatuinen ja omistautunut l\u00e4hestymistapa kaikkiin asiakkaisiin<\/h3>\n\t<div id=\"gap-2123893464\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-2123893464 {\n  padding-top: 16px;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"text-1137196730\" class=\"text long_text\">\n\t\t\n<p>Kokoamme juuri sinun projektiisi ja saamaamme UX\/UI-suunnitteluteht\u00e4v\u00e4\u00e4n sopivan tiimin asiantuntijoita.<\/p>\n\t\t\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t<div id=\"gap-1555260056\" class=\"gap-element clearfix bottom_gap\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1555260056 {\n  padding-top: 20px;\n}\n@media (min-width:550px) {\n  #gap-1555260056 {\n    padding-top: 80px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\n\t\t\n<style>\n#section_711023998 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(14, 14, 14);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section gameart art_section dark hide-for-small\" id=\"section_585149217\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<span class=\"scroll-to\" data-label=\"Scroll to: #genres\" data-bullet=\"false\" data-link=\"#genres\" data-title=\"Genres\" ><a name=\"genres\"><\/a><\/span>\n\t<div id=\"gap-1108727212\" class=\"gap-element clearfix top_gap\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1108727212 {\n  padding-top: 20px;\n}\n@media (min-width:550px) {\n  #gap-1108727212 {\n    padding-top: 100px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row\"  id=\"row-599085371\">\n\n\t<div id=\"col-1424792232\" class=\"col medium-10 small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-left\"  >\n\t\t\t\n\t\t\t\n<h2>Muut palvelut<\/h2>\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1424792232 > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n@media (min-width:550px) {\n  #col-1424792232 > .col-inner {\n    padding: 0px 0px 0px 0px;\n  }\n}\n@media (min-width:850px) {\n  #col-1424792232 > .col-inner {\n    padding: 0px 40px 0px 0px;\n  }\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n<div class=\"row row-small align-equal art-small-greybanners\"  id=\"row-616019560\">\n\n\t<div id=\"col-158642676\" class=\"col greybannerstewo medium-6 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3 class=\"purpletwo\">Taidepalvelut<\/h3>\n\n\t\t<div class=\"icon-box featured-box icon-box-right text-right\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 40px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" >\n\t\t\t\t\t\t<img decoding=\"async\" width=\"70\" height=\"70\" src=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/07\/arrow.svg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t\n\t\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-158642676 > .col-inner {\n  padding: 32px 20px 20px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-1269667257\" class=\"col greybannerstewo medium-6 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3 class=\"purpletwo\">Peliymp\u00e4rist\u00f6n suunnittelu<\/h3>\n\n\t\t<div class=\"icon-box featured-box icon-box-right text-right\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 40px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" >\n\t\t\t\t\t\t<img decoding=\"async\" width=\"70\" height=\"70\" src=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/07\/arrow.svg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t\n\t\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1269667257 > .col-inner {\n  padding: 32px 20px 20px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-8210277\" class=\"col greybannerstewo medium-6 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3 class=\"purpletwo\">2D-peliymp\u00e4rist\u00f6n suunnittelu<\/h3>\n\n\t\t<div class=\"icon-box featured-box icon-box-right text-right\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 40px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" >\n\t\t\t\t\t\t<img decoding=\"async\" width=\"70\" height=\"70\" src=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/07\/arrow.svg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t\n\t\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-8210277 > .col-inner {\n  padding: 32px 20px 20px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-2146489874\" class=\"col greybannerstewo medium-6 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3 class=\"purpletwo\">2D-hahmosuunnittelu<\/h3>\n\n\t\t<div class=\"icon-box featured-box icon-box-right text-right\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 40px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" >\n\t\t\t\t\t\t<img decoding=\"async\" width=\"70\" height=\"70\" src=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/07\/arrow.svg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t\n\t\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-2146489874 > .col-inner {\n  padding: 32px 20px 20px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-109594990\" class=\"col greybannerstewo medium-6 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3 class=\"purpletwo\">3D-hahmosuunnittelu<\/h3>\n\n\t\t<div class=\"icon-box featured-box icon-box-right text-right\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 40px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" >\n\t\t\t\t\t\t<img decoding=\"async\" width=\"70\" height=\"70\" src=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/07\/arrow.svg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t\n\t\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-109594990 > .col-inner {\n  padding: 32px 20px 20px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-1850154214\" class=\"col greybannerstewo medium-6 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3 class=\"purpletwo\">Hahmosuunnittelu<\/h3>\n\n\t\t<div class=\"icon-box featured-box icon-box-right text-right\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 40px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" >\n\t\t\t\t\t\t<img decoding=\"async\" width=\"70\" height=\"70\" src=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/07\/arrow.svg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t\n\t\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1850154214 > .col-inner {\n  padding: 32px 20px 20px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n\t<div id=\"gap-1818399241\" class=\"gap-element clearfix bottom_gap\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1818399241 {\n  padding-top: 20px;\n}\n@media (min-width:550px) {\n  #gap-1818399241 {\n    padding-top: 100px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\n\t\t\n<style>\n#section_585149217 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(14, 14, 14);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section gameart art_section dark show-for-small\" id=\"section_384555416\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<span class=\"scroll-to\" data-label=\"Scroll to: #genres\" data-bullet=\"false\" data-link=\"#genres\" data-title=\"portfolio\" ><a name=\"genres\"><\/a><\/span>\n\t<div id=\"gap-2010796996\" class=\"gap-element clearfix top_gap\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-2010796996 {\n  padding-top: 20px;\n}\n@media (min-width:550px) {\n  #gap-2010796996 {\n    padding-top: 100px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row row-small\"  id=\"row-691219480\">\n\n\t<div id=\"col-1796575042\" class=\"col medium-10 small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-left\"  >\n\t\t\t\n\t\t\t\n<h2>Muut palvelut<\/h2>\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1796575042 > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n@media (min-width:550px) {\n  #col-1796575042 > .col-inner {\n    padding: 0px 0px 0px 0px;\n  }\n}\n@media (min-width:850px) {\n  #col-1796575042 > .col-inner {\n    padding: 0px 40px 0px 0px;\n  }\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n<div class=\"slider-wrapper relative custom_slider other_slider\" id=\"slider-1600938325\" >\n    <div class=\"slider slider-nav-circle slider-nav-normal slider-nav-light slider-style-container\"\n        data-flickity-options='{\n            \"cellAlign\": \"left\",\n            \"imagesLoaded\": true,\n            \"lazyLoad\": 1,\n            \"freeScroll\": true,\n            \"wrapAround\": false,\n            \"autoPlay\": false,\n            \"pauseAutoPlayOnHover\" : true,\n            \"prevNextButtons\": false,\n            \"contain\" : true,\n            \"adaptiveHeight\" : true,\n            \"dragThreshold\" : 10,\n            \"percentPosition\": true,\n            \"pageDots\": false,\n            \"rightToLeft\": false,\n            \"draggable\": true,\n            \"selectedAttraction\": 0.1,\n            \"parallax\" : 0,\n            \"friction\": 0.6        }'\n        >\n        \n\n\t<section class=\"section\" id=\"section_1413044792\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row row-small align-equal art-small-greybanners\"  id=\"row-361592921\">\n\n\t<div id=\"col-300228271\" class=\"col greybannerstewo medium-6 small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3 class=\"purpletwo\">Taidepalvelut<\/h3>\n\n\t\t<div class=\"icon-box featured-box icon-box-right text-right\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 40px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" >\n\t\t\t\t\t\t<img decoding=\"async\" width=\"70\" height=\"70\" src=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/07\/arrow.svg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t\n\t\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-300228271 > .col-inner {\n  padding: 32px 20px 20px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1413044792 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_236322441\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row row-small align-equal art-small-greybanners\"  id=\"row-1995636613\">\n\n\t<div id=\"col-354160503\" class=\"col greybannerstewo medium-6 small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3 class=\"purpletwo\">Peliymp\u00e4rist\u00f6n suunnittelu<\/h3>\n\n\t\t<div class=\"icon-box featured-box icon-box-right text-right\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 40px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" >\n\t\t\t\t\t\t<img decoding=\"async\" width=\"70\" height=\"70\" src=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/07\/arrow.svg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t\n\t\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-354160503 > .col-inner {\n  padding: 32px 20px 20px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_236322441 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_464255983\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row row-small align-equal art-small-greybanners\"  id=\"row-1304071368\">\n\n\t<div id=\"col-943321296\" class=\"col greybannerstewo medium-6 small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3 class=\"purpletwo\">2D-peliymp\u00e4rist\u00f6n suunnittelu<\/h3>\n\n\t\t<div class=\"icon-box featured-box icon-box-right text-right\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 40px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" >\n\t\t\t\t\t\t<img decoding=\"async\" width=\"70\" height=\"70\" src=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/07\/arrow.svg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t\n\t\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-943321296 > .col-inner {\n  padding: 32px 20px 20px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_464255983 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_673196133\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row row-small align-equal art-small-greybanners\"  id=\"row-1709418727\">\n\n\t<div id=\"col-2052433842\" class=\"col greybannerstewo medium-6 small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3 class=\"purpletwo\">2D-hahmosuunnittelu<\/h3>\n\n\t\t<div class=\"icon-box featured-box icon-box-right text-right\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 40px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" >\n\t\t\t\t\t\t<img decoding=\"async\" width=\"70\" height=\"70\" src=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/07\/arrow.svg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t\n\t\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-2052433842 > .col-inner {\n  padding: 32px 20px 20px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_673196133 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1325483158\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row row-small align-equal art-small-greybanners\"  id=\"row-1392182768\">\n\n\t<div id=\"col-1040501207\" class=\"col greybannerstewo medium-6 small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3 class=\"purpletwo\">3D-hahmosuunnittelu<\/h3>\n\n\t\t<div class=\"icon-box featured-box icon-box-right text-right\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 40px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" >\n\t\t\t\t\t\t<img decoding=\"async\" width=\"70\" height=\"70\" src=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/07\/arrow.svg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t\n\t\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1040501207 > .col-inner {\n  padding: 32px 20px 20px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1325483158 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1946828212\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row row-small align-equal art-small-greybanners\"  id=\"row-1941232826\">\n\n\t<div id=\"col-1718080053\" class=\"col greybannerstewo medium-6 small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3 class=\"purpletwo\">Hahmosuunnittelu<\/h3>\n\n\t\t<div class=\"icon-box featured-box icon-box-right text-right\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 40px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" >\n\t\t\t\t\t\t<img decoding=\"async\" width=\"70\" height=\"70\" src=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/07\/arrow.svg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t\n\t\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1718080053 > .col-inner {\n  padding: 32px 20px 20px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1946828212 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n     <\/div>\n\n     <div class=\"loading-spin dark large centered\"><\/div>\n\n\t\n<style>\n#slider-1600938325 {\n  margin-bottom: 15px;\n}\n<\/style>\n<\/div>\n\n\n\t<div id=\"gap-1963997647\" class=\"gap-element clearfix bottom_gap\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1963997647 {\n  padding-top: 100px;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\n\t\t\n<style>\n#section_384555416 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(14, 14, 14);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section gameart art_section dark\" id=\"section_1868828539\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<span class=\"scroll-to\" data-label=\"Scroll to: #faq\" data-bullet=\"false\" data-link=\"#faq\" data-title=\"FAQ\" ><a name=\"faq\"><\/a><\/span>\n\t<div id=\"gap-1729680004\" class=\"gap-element clearfix top_gap\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1729680004 {\n  padding-top: 20px;\n}\n@media (min-width:550px) {\n  #gap-1729680004 {\n    padding-top: 100px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row\"  id=\"row-600247869\">\n\n\t<div id=\"col-84625791\" class=\"col medium-10 small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-left\"  >\n\t\t\t\n\t\t\t\n<h2>UKK<\/h2>\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-84625791 > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n@media (min-width:550px) {\n  #col-84625791 > .col-inner {\n    padding: 0px 0px 0px 0px;\n  }\n}\n@media (min-width:850px) {\n  #col-84625791 > .col-inner {\n    padding: 0px 40px 0px 0px;\n  }\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n<div class=\"row row-small align-equal art-small-greybanners\"  id=\"row-2003609894\">\n\n\t<div id=\"col-105329816\" class=\"col howweleft medium-12 small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<div class=\"accordion art_accordion_2\">\n\t<div id=\"accordion-1145317555\" class=\"accordion-item\">\n\t\t<a id=\"accordion-1145317555-label\" class=\"accordion-title plain\" href=\"#accordion-item-mit\u00e4-pelin-ux\/ui-suunnittelu-on?\" aria-expanded=\"false\" aria-controls=\"accordion-1145317555-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>Mit\u00e4 pelin UX\/UI-suunnittelu on?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-1145317555-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-1145317555-label\" >\n\t\t\t\n<div class=\"row row-collapse\"  id=\"row-1034761344\">\n\n\t<div id=\"col-1109403013\" class=\"col medium-9 small-12 large-9\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"text-3294977767\" class=\"text long_text\">\n\t\t\n<p>UX (k\u00e4ytt\u00e4j\u00e4kokemus) tarkoittaa sit\u00e4, miten pelaaja on vuorovaikutuksessa videopelin k\u00e4ytt\u00f6liittym\u00e4n kanssa.<\/p>\n<p>UI (k\u00e4ytt\u00f6liittym\u00e4) tarkoittaa sit\u00e4, miten helppoa k\u00e4ytt\u00e4j\u00e4n on liikkua valikoissa, ymm\u00e4rt\u00e4\u00e4 pelin tuottamaa palautetta ja suorittaa haluttuja toimintoja.<\/p>\n<p>Videopelin UX ja UI liittyv\u00e4t l\u00e4heisesti toisiinsa ja t\u00e4ydent\u00e4v\u00e4t toisiaan.<\/p>\n\t\t\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1109403013 > .col-inner {\n  padding: 0px 0px 0px 0px;\n  margin: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<style>\n#row-1034761344 > .col > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n<\/style>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n<\/div>\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-105329816 > .col-inner {\n  padding: 32px 40px 32px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-1835776810\" class=\"col howweleft medium-12 small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<div class=\"accordion art_accordion_2\">\n\t<div id=\"accordion-252886280\" class=\"accordion-item\">\n\t\t<a id=\"accordion-252886280-label\" class=\"accordion-title plain\" href=\"#accordion-item-mik\u00e4-on-ux\/ui-suunnittelija-ja-mit\u00e4-h\u00e4n-tekee?\" aria-expanded=\"false\" aria-controls=\"accordion-252886280-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>Mik\u00e4 on UX\/UI-suunnittelija ja mit\u00e4 h\u00e4n tekee?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-252886280-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-252886280-label\" >\n\t\t\t\n<div class=\"row row-collapse\"  id=\"row-1422758524\">\n\n\t<div id=\"col-24725266\" class=\"col medium-9 small-12 large-9\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"text-2419791528\" class=\"text long_text\">\n\t\t\n<p>UX-pelisuunnittelija vastaa siit\u00e4, ett\u00e4 tuote on k\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4llinen ja ett\u00e4 vuorovaikutus pelaajan ja tuotteen v\u00e4lill\u00e4 on intuitiivista. H\u00e4nen ty\u00f6h\u00f6ns\u00e4 kuuluu:<\/p>\n<ul>\n<li aria-level=\"1\">\n<p>kohdeyleis\u00f6n selvitys<\/p>\n<\/li>\n<li aria-level=\"1\">\n<p>k\u00e4ytt\u00e4j\u00e4tarinan (pelaajan matka sovelluksessa) kehitys<\/p>\n<\/li>\n<li aria-level=\"1\">\n<p>tietoarkkitehtuurin ja navigoinnin m\u00e4\u00e4ritys<\/p>\n<\/li>\n<li aria-level=\"1\">\n<p>rautalankamallin (peliruutujen ja vuorovaikutusten suunnitelmat) luominen<\/p>\n<\/li>\n<li aria-level=\"1\">\n<p>prototyyppien luominen k\u00e4ytett\u00e4vyyden arvioimiseksi<\/p>\n<\/li>\n<li aria-level=\"1\">\n<p>k\u00e4ytt\u00e4j\u00e4palautteen analysointi<\/p>\n<\/li>\n<li aria-level=\"1\">\n<p>k\u00e4ytt\u00e4j\u00e4kokemuksen optimointi pelaajan k\u00e4ytt\u00e4ytymisen perusteella.<\/p>\n<\/li>\n<\/ul>\n<p>UI-suunnittelija on vastuussa k\u00e4ytt\u00f6liittym\u00e4n visuaalisista osista. H\u00e4nen ty\u00f6h\u00f6ns\u00e4 kuuluu:<\/p>\n<ul>\n<li aria-level=\"1\">\n<p>k\u00e4ytt\u00f6liittym\u00e4n visuaalisen tyylin kehitys<\/p>\n<\/li>\n<li aria-level=\"1\">\n<p>UI-elementtien suunnittelu; painikkeet, kuvakkeet ja valikot<\/p>\n<\/li>\n<li aria-level=\"1\">\n<p>fonttien, tekstien ja tietolohkojen m\u00e4\u00e4ritys<\/p>\n<\/li>\n<li aria-level=\"1\">\n<p>grafiikka-assettien suunnittelu; kuvitukset ja taustat<\/p>\n<\/li>\n<li aria-level=\"1\">\n<p>k\u00e4ytt\u00f6liittym\u00e4n ja visuaalisten tehosteiden animointi<\/p>\n<\/li>\n<li aria-level=\"1\">\n<p>mukautuva suunnittelu eri n\u00e4ytt\u00f6resoluutioille.<\/p>\n<\/li>\n<\/ul>\n<p>UX- ja UI-suunnittelijat toimivat yhdess\u00e4 onnistuneen, pelaajakeskeisen k\u00e4ytt\u00f6liittym\u00e4n luomiseksi.<\/p>\n\t\t\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-24725266 > .col-inner {\n  padding: 0px 0px 0px 0px;\n  margin: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<style>\n#row-1422758524 > .col > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n<\/style>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n<\/div>\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1835776810 > .col-inner {\n  padding: 32px 40px 32px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-1648665371\" class=\"col howweleft medium-12 small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<div class=\"accordion art_accordion_2\">\n\t<div id=\"accordion-3140157484\" class=\"accordion-item\">\n\t\t<a id=\"accordion-3140157484-label\" class=\"accordion-title plain\" href=\"#accordion-item-miksi-ulkoistaa-projektin-ui\/ux-suunnittelu?\" aria-expanded=\"false\" aria-controls=\"accordion-3140157484-content\" >\n\t\t\t<button class=\"toggle\" aria-label=\"Toggle\"><i class=\"icon-angle-down\"><\/i><\/button>\n\t\t\t<span>Miksi ulkoistaa projektin UI\/UX-suunnittelu?<\/span>\n\t\t<\/a>\n\t\t<div id=\"accordion-3140157484-content\" class=\"accordion-inner\" aria-labelledby=\"accordion-3140157484-label\" >\n\t\t\t\n<div class=\"row row-collapse\"  id=\"row-1442566466\">\n\n\t<div id=\"col-989032615\" class=\"col medium-9 small-12 large-9\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"text-1184787873\" class=\"text long_text\">\n\t\t\n<p>Pelin k\u00e4ytt\u00f6liittym\u00e4n kehitys voi olla vaikea ja ty\u00f6l\u00e4s prosessi. Se vaatii ryhm\u00e4n kokeneita UX\/UI-asiantuntijoita, mihin ei jokaisella pelistudiolla ole varaa.<\/p>\n<p>Kun ulkoistat UX\/UI-suunnittelun sopimusstudiolle, saat:<\/p>\n<ul>\n<li aria-level=\"1\">\n<p>asiantuntevat ja ammattimaiset UX- ja UI-suunnittelija.<\/p>\n<\/li>\n<li aria-level=\"1\">\n<p>tarkkoja analyysej\u00e4 ja optimoidun k\u00e4ytt\u00f6liittym\u00e4n<\/p>\n<\/li>\n<li aria-level=\"1\">\n<p>intuitiivisen ja esteettisesti miellytt\u00e4v\u00e4n, pelaajal\u00e4ht\u00f6isen designin<\/p>\n<\/li>\n<li aria-level=\"1\">\n<p>ajan ja rahan s\u00e4\u00e4st\u00f6\u00e4 henkil\u00f6st\u00f6rekrytoinnissa<\/p>\n<\/li>\n<li aria-level=\"1\">\n<p>vapauden keskitty\u00e4 muihin projektiteht\u00e4viin, kuten markkinointiin.<\/p>\n<\/li>\n<\/ul>\n<p>Jos haluat intuitiivisen ja huomiota her\u00e4tt\u00e4v\u00e4n pelik\u00e4ytt\u00f6liittym\u00e4n, josta pelaajat takuulla nauttivat, INLINGO auttaa. Ota meihin yhteytt\u00e4 jo t\u00e4n\u00e4\u00e4n, niin keskustellaan projektistasi.<\/p>\n\t\t\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-989032615 > .col-inner {\n  padding: 0px 0px 0px 0px;\n  margin: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<style>\n#row-1442566466 > .col > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n<\/style>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n<\/div>\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1648665371 > .col-inner {\n  padding: 32px 40px 32px 32px;\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n\t<div id=\"gap-808935346\" class=\"gap-element clearfix bottom_gap\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-808935346 {\n  padding-top: 20px;\n}\n@media (min-width:550px) {\n  #gap-808935346 {\n    padding-top: 100px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1868828539 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(14, 14, 14);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section art_section dark\" id=\"section_1284303407\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<span class=\"scroll-to\" data-label=\"Scroll to: #getintouch\" data-bullet=\"false\" data-link=\"#getintouch\" data-title=\"Get in touch\" ><a name=\"getintouch\"><\/a><\/span>\n\t<div id=\"gap-688972623\" class=\"gap-element clearfix top_gap\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-688972623 {\n  padding-top: 20px;\n}\n@media (min-width:550px) {\n  #gap-688972623 {\n    padding-top: 64px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row row-small align-equal\"  id=\"row-1601295640\">\n\n\t<div id=\"col-2000030879\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n  <div class=\"banner has-hover gagetintouch-banner\" id=\"banner-1707785085\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1200\" height=\"945\" src=\"https:\/\/inlingogames.com\/fi\/wp-content\/uploads\/sites\/13\/2023\/07\/geint.jpeg\" class=\"bg attachment-original size-original\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-843465007\" class=\"text-box banner-layer x0 md-x5 lg-x5 y0 md-y5 lg-y5 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\t<div id=\"text-259330535\" class=\"text\">\n\t\t\n<h4>Keskustellaan projektistasi!<\/h4>\n<p>Olemme valmiita keskustelemaan projektisi yksityiskohdista sek\u00e4 vastaamaan kysymyksiisi. T\u00e4yt\u00e4 vain alla oleva lomake.<\/p>\n\t\t\n<style>\n#text-259330535 {\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-843465007 {\n  width: 100%;\n}\n#text-box-843465007 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-843465007 {\n    width: 63%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1707785085 {\n  padding-top: 210px;\n}\n#banner-1707785085 .overlay {\n  background-color: rgb(14, 14, 14);\n}\n@media (min-width:550px) {\n  #banner-1707785085 {\n    padding-top: 450px;\n  }\n  #banner-1707785085 .overlay {\n    background-color: rgba(91, 19, 191, 0.74);\n  }\n}\n@media (min-width:850px) {\n  #banner-1707785085 {\n    padding-top: 500px;\n  }\n}\n<\/style>\n  <\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-771054364\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n  <div class=\"banner has-hover gagetintouch-banner withgaform\" id=\"banner-1187349218\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                    <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n<div class=\"artform-blck\">\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f9052-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"9052\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/fi\/wp-json\/wp\/v2\/pages\/8151#wpcf7-f9052-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"9052\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.0.5\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f9052-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<input type=\"hidden\" name=\"_uacf7_hidden_conditional_fields\" value=\"\" \/>\n<\/div>\n<div class=\"uacf7-form-9052  \"><div class=\"inlingo-form artgetform\">\n<div class=\"artgetform_1line\">\n<label><span class=\"lbl\">Nimi:<\/span>\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Kirjoita nimesi\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n\n<label><span class=\"lbl\">Yritys:<\/span>\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"your-company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Kirjoita yrityksesi\" value=\"\" type=\"text\" name=\"your-company\" \/><\/span> <\/label>\n<\/div>\n<label><span class=\"lbl\">S\u00e4hk\u00f6posti:<\/span>\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Kirjoita s\u00e4hk\u00f6postiosoitteesi\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n\n<label><span class=\"lbl\">Kerro meille, mihin tarvitset apua:<\/span>\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Kirjoita kommentti\" name=\"your-message\"><\/textarea><\/span> <\/label>\n\n<span id=\"wpcf7-69ee5277c66e3-wrapper\" class=\"wpcf7-form-control-wrap zipcode-wrap\" style=\"display:none !important; visibility:hidden !important;\"><label for=\"wpcf7-69ee5277c66e3-field\" class=\"hp-message\">Please leave this field empty.<\/label><input id=\"wpcf7-69ee5277c66e3-field\"  class=\"wpcf7-form-control wpcf7-text\" type=\"text\" name=\"zipcode\" value=\"\" size=\"40\" tabindex=\"-1\" autocomplete=\"new-password\" \/><\/span>\n<\/div>\n\n<div class=\"form-button artbuttn-trans inlingo_btn_custom_small\">\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"L\u00e4het\u00e4\" \/>\n<\/div><\/div><input type=\"hidden\" id=\"ct_checkjs_cf7_2f55707d4193dc27118a0f19a1985716\" name=\"ct_checkjs_cf7\" value=\"0\" \/><script >setTimeout(function(){var ct_input_name = \"ct_checkjs_cf7_2f55707d4193dc27118a0f19a1985716\";if (document.getElementById(ct_input_name) !== null) {var ct_input_value = document.getElementById(ct_input_name).value;document.getElementById(ct_input_name).value = document.getElementById(ct_input_name).value.replace(ct_input_value, '62bc940be2a3e5cf5922df3509db99716c165df6a6dec40a310453ada0d696b6');}}, 1000);<\/script><label class=\"apbct_special_field\" id=\"apbct_label_id92315\" for=\"apbct__email_id__wp_contact_form_7_92315\">92315<\/label><input \n        id=\"apbct__email_id__wp_contact_form_7_92315\" \n        class=\"apbct_special_field apbct__email_id__wp_contact_form_7\"\n        autocomplete=\"off\" \n        name=\"apbct__email_id__wp_contact_form_7_92315\"  \n        type=\"text\" \n        value=\"92315\" \n        size=\"30\" \n        apbct_event_id=\"92315\"\n        maxlength=\"200\" \n    \/><input \n        id=\"apbct_event_id\"\n        class=\"apbct_special_field\"\n        name=\"apbct_event_id\"\n        type=\"hidden\" \n        value=\"92315\" \n            \/><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>&#916;<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"207\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n<\/div>\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1187349218 {\n  padding-top: 670px;\n}\n#banner-1187349218 .overlay {\n  background-color: rgb(14, 14, 14);\n}\n@media (min-width:550px) {\n  #banner-1187349218 {\n    padding-top: 600px;\n  }\n  #banner-1187349218 .overlay {\n    background-color: rgba(29, 29, 29, 1);\n  }\n}\n@media (min-width:850px) {\n  #banner-1187349218 {\n    padding-top: 600px;\n  }\n}\n<\/style>\n  <\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t<div id=\"gap-989182318\" class=\"gap-element clearfix bottom_gap\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-989182318 {\n  padding-top: 20px;\n}\n@media (min-width:550px) {\n  #gap-989182318 {\n    padding-top: 100px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1284303407 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(14, 14, 14);\n}\n<\/style>\n\t<\/section>\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":3417,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"main-template-header-footer.php","meta":{"footnotes":""},"class_list":["post-8151","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UX\/UI-videopelien suunnittelupalvelut<\/title>\n<meta name=\"description\" content=\"INLINGO-studiosta l\u00f6yd\u00e4t t\u00e4yden valikoiman UX\/UI-palveluja prototyyppien kehitt\u00e4misest\u00e4 jokaisen peliruudun yksityiskohtaiseen suunnitteluun.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/inlingogames.com\/fi\/art\/uxui\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX\/UI-videopelien suunnittelupalvelut\" \/>\n<meta property=\"og:description\" content=\"INLINGO-studiosta l\u00f6yd\u00e4t t\u00e4yden valikoiman UX\/UI-palveluja prototyyppien kehitt\u00e4misest\u00e4 jokaisen peliruudun yksityiskohtaiseen suunnitteluun.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/inlingogames.com\/fi\/art\/uxui\/\" \/>\n<meta property=\"og:site_name\" content=\"INLINGO \u2013 Gamedev Outsourcing Studios FI\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-17T07:58:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UX\/UI-videopelien suunnittelupalvelut","description":"INLINGO-studiosta l\u00f6yd\u00e4t t\u00e4yden valikoiman UX\/UI-palveluja prototyyppien kehitt\u00e4misest\u00e4 jokaisen peliruudun yksityiskohtaiseen suunnitteluun.","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:\/\/inlingogames.com\/fi\/art\/uxui\/","og_locale":"en_US","og_type":"article","og_title":"UX\/UI-videopelien suunnittelupalvelut","og_description":"INLINGO-studiosta l\u00f6yd\u00e4t t\u00e4yden valikoiman UX\/UI-palveluja prototyyppien kehitt\u00e4misest\u00e4 jokaisen peliruudun yksityiskohtaiseen suunnitteluun.","og_url":"https:\/\/inlingogames.com\/fi\/art\/uxui\/","og_site_name":"INLINGO \u2013 Gamedev Outsourcing Studios FI","article_modified_time":"2025-09-17T07:58:17+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/inlingogames.com\/fi\/art\/uxui\/","url":"https:\/\/inlingogames.com\/fi\/art\/uxui\/","name":"UX\/UI-videopelien suunnittelupalvelut","isPartOf":{"@id":"https:\/\/inlingogames.com\/fi\/#website"},"datePublished":"2024-08-03T19:22:27+00:00","dateModified":"2025-09-17T07:58:17+00:00","description":"INLINGO-studiosta l\u00f6yd\u00e4t t\u00e4yden valikoiman UX\/UI-palveluja prototyyppien kehitt\u00e4misest\u00e4 jokaisen peliruudun yksityiskohtaiseen suunnitteluun.","breadcrumb":{"@id":"https:\/\/inlingogames.com\/fi\/art\/uxui\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/inlingogames.com\/fi\/art\/uxui\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/inlingogames.com\/fi\/art\/uxui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/inlingogames.com\/fi\/"},{"@type":"ListItem","position":2,"name":"Art","item":"https:\/\/inlingogames.com\/fi\/art\/"},{"@type":"ListItem","position":3,"name":"UXUI"}]},{"@type":"WebSite","@id":"https:\/\/inlingogames.com\/fi\/#website","url":"https:\/\/inlingogames.com\/fi\/","name":"INLINGO \u2013 Gamedev Outsourcing Studios FI","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/inlingogames.com\/fi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/inlingogames.com\/fi\/wp-json\/wp\/v2\/pages\/8151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inlingogames.com\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inlingogames.com\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inlingogames.com\/fi\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/inlingogames.com\/fi\/wp-json\/wp\/v2\/comments?post=8151"}],"version-history":[{"count":273,"href":"https:\/\/inlingogames.com\/fi\/wp-json\/wp\/v2\/pages\/8151\/revisions"}],"predecessor-version":[{"id":9111,"href":"https:\/\/inlingogames.com\/fi\/wp-json\/wp\/v2\/pages\/8151\/revisions\/9111"}],"up":[{"embeddable":true,"href":"https:\/\/inlingogames.com\/fi\/wp-json\/wp\/v2\/pages\/3417"}],"wp:attachment":[{"href":"https:\/\/inlingogames.com\/fi\/wp-json\/wp\/v2\/media?parent=8151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}