CINXE.COM

<!doctype html> <html data-n-head-ssr lang="pl-PL" data-n-head="%7B%22lang%22:%7B%22ssr%22:%22pl-PL%22%7D%7D"> <head > <meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2"><meta data-n-head="ssr" data-hid="description" name="description" content="Portfolio - opis"><meta data-n-head="ssr" data-hid="i18n-og" property="og:locale" content="pl_PL"><meta data-n-head="ssr" data-hid="i18n-og-alt-en-US" property="og:locale:alternate" content="en_US"><meta data-n-head="ssr" data-hid="og-type" property="og:type" content="website"><meta data-n-head="ssr" data-hid="og-title" property="og:title" content="Portfolio - Crafton"><meta data-n-head="ssr" data-hid="og-description" property="og:description" content="Portfolio - opis"><meta data-n-head="ssr" data-hid="og-image" property="og:image" content="https://crafton.pl/icon.png"><meta data-n-head="ssr" data-hid="og-image-alt" property="og:image:alt" content="Crafton small logo"><meta data-n-head="ssr" data-hid="og-url" property="og:url" content="https://crafton.pl/portfolio"><title>Portfolio - Crafton</title><base href="/"><link data-n-head="ssr" rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png"><link data-n-head="ssr" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png"><link data-n-head="ssr" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png"><link data-n-head="ssr" rel="manifest" href="/img/favicon/site.webmanifest"><link data-n-head="ssr" rel="mask-icon" href="/img/favicon/safari-pinned-tab.svg" color="#32c0ca"><link data-n-head="ssr" rel="shortcut icon" href="/img/favicon/favicon.ico"><link data-n-head="ssr" name="apple-mobile-web-app-title" content="Crafton"><link data-n-head="ssr" name="application-name" content="Crafton"><link data-n-head="ssr" name="msapplication-TileColor" content="#171a21"><link data-n-head="ssr" name="msapplication-config" content="/img/favicon/browserconfig.xml"><link data-n-head="ssr" name="theme-color" content="#f8f8f8"><link data-n-head="ssr" data-hid="i18n-alt-pl" rel="alternate" href="https://crafton.pl/portfolio" hreflang="pl"><link data-n-head="ssr" data-hid="i18n-alt-pl-PL" rel="alternate" href="https://crafton.pl/portfolio" hreflang="pl-PL"><link data-n-head="ssr" data-hid="i18n-alt-en" rel="alternate" href="https://crafton.eu/portfolio" hreflang="en"><link data-n-head="ssr" data-hid="i18n-alt-en-US" rel="alternate" href="https://crafton.eu/portfolio" hreflang="en-US"><link data-n-head="ssr" data-hid="i18n-xd" rel="alternate" href="https://crafton.pl/portfolio" hreflang="x-default"><link data-n-head="ssr" data-hid="i18n-can" rel="canonical" href="https://crafton.pl/portfolio"><link data-n-head="ssr" data-hid="portfolio-critic-image" rel="preload" href="/img/portfolio/hero.svg" as="image" type="image/svg+xml" media="only screen and (min-width: 769px)"><script data-n-head="ssr" data-hid="gtm-script">if(!window._gtm_init){window._gtm_init=1;(function(w,n,d,m,e,p){w[d]=(w[d]==1||n[d]=='yes'||n[d]==1||n[m]==1||(w[e]&&w[e][p]&&w[e][p]()))?1:0})(window,navigator,'doNotTrack','msDoNotTrack','external','msTrackingProtectionEnabled');(function(w,d,s,l,x,y){w[x]={};w._gtm_inject=function(i){w[x][i]=1;w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s);j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i;f.parentNode.insertBefore(j,f);};w[y]('GTM-N4CD2CSB')})(window,document,'script','dataLayer','_gtm_ids','_gtm_inject')}</script><link rel="preload" href="/_nuxt/e48a5b9.js" as="script"><link rel="preload" href="/_nuxt/f1658e2.js" as="script"><link rel="preload" href="/_nuxt/b69aa9a.js" as="script"><link rel="preload" href="/_nuxt/55d3b81.js" as="script"><link rel="preload" href="/_nuxt/328581f.js" as="script"><link rel="preload" href="/_nuxt/fonts/subset-VisbyCF-Heavy.fbe166f.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/_nuxt/fonts/subset-VisbyCF-ExtraBold.162abf2.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/_nuxt/fonts/subset-VisbyCF-DemiBold.1d83fda.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/_nuxt/fonts/subset-VisbyCF-Medium.d077907.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/_nuxt/fonts/subset-NoeDisplay-Medium.4258444.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/_nuxt/fonts/icomoon.ac77184.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/_nuxt/8a2a1c0.js" as="script"><link rel="preload" href="/_nuxt/650b2d7.js" as="script"><link rel="preload" href="/_nuxt/a761bb7.js" as="script"><style data-vue-ssr-id="0d98e35c:0 29f788fc:0 6026e3cc:0 33955862:0 7bfddf47:0 f9a9371a:0 3c28c0fa:0 4aa30e5c:0 67b0f086:0 c662def8:0 176e990a:0 7b2b9b84:0 3457d2d4:0 f2dc479a:0 727b4c24:0 019bfc60:0 0e25cb20:0 620c9f30:0 ad401680:0 2f49462a:0 25f8d5e7:0 2f1cc3c6:0 1811c37e:0 1b29b408:0 6843782e:0 17618210:0 23b38dfe:0 54137766:0">@keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}main{display:block}[aria-hidden=true],[hidden]{display:none!important}button,input,select,svg,textarea{border:0;font-family:inherit;font-size:100%;margin:0;outline:none;padding:0;vertical-align:baseline}button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-radius:0;outline:none}textarea{overflow:auto}input::-ms-clear,select::-ms-expand{display:none}template{display:none!important}body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:inherit}:focus,a,a:focus,a:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}img{border:0}@font-face{font-display:swap;font-family:"Visby CF";font-style:normal;font-weight:900;src:url(/_nuxt/fonts/subset-VisbyCF-Heavy.fbe166f.woff2) format("woff2"),url(/_nuxt/fonts/subset-VisbyCF-Heavy.ba05e75.woff) format("woff"),url(/_nuxt/fonts/subset-VisbyCF-Heavy.a537364.ttf) format("truetype")}@font-face{font-display:swap;font-family:"Visby CF";font-style:normal;font-weight:800;src:url(/_nuxt/fonts/subset-VisbyCF-ExtraBold.162abf2.woff2) format("woff2"),url(/_nuxt/fonts/subset-VisbyCF-ExtraBold.2871e61.woff) format("woff"),url(/_nuxt/fonts/subset-VisbyCF-ExtraBold.9896f9c.ttf) format("truetype")}@font-face{font-display:swap;font-family:"Visby CF";font-style:normal;font-weight:600;src:url(/_nuxt/fonts/subset-VisbyCF-DemiBold.1d83fda.woff2) format("woff2"),url(/_nuxt/fonts/subset-VisbyCF-DemiBold.05e9fa1.woff) format("woff"),url(/_nuxt/fonts/subset-VisbyCF-DemiBold.0b250fb.ttf) format("truetype")}@font-face{font-display:swap;font-family:"Visby CF";font-style:normal;font-weight:500;src:url(/_nuxt/fonts/subset-VisbyCF-Medium.d077907.woff2) format("woff2"),url(/_nuxt/fonts/subset-VisbyCF-Medium.9385fea.woff) format("woff"),url(/_nuxt/fonts/subset-VisbyCF-Medium.c2d87b1.ttf) format("truetype")}@font-face{font-display:swap;font-family:"Visby CF";font-style:normal;font-weight:400;src:url(/_nuxt/fonts/subset-VisbyCF-Medium.d077907.woff2) format("woff2"),url(/_nuxt/fonts/subset-VisbyCF-Medium.9385fea.woff) format("woff"),url(/_nuxt/fonts/subset-VisbyCF-Medium.c2d87b1.ttf) format("truetype")}@font-face{font-display:swap;font-family:"NoeDisplay";font-style:normal;font-weight:500;src:url(/_nuxt/fonts/subset-NoeDisplay-Medium.4258444.woff2) format("woff2"),url(/_nuxt/fonts/subset-NoeDisplay-Medium.ad77af1.woff) format("woff"),url(/_nuxt/fonts/subset-NoeDisplay-Medium.5c0d9b7.ttf) format("truetype")}@font-face{font-display:swap;font-family:"NoeDisplay";font-style:normal;font-weight:400;src:url(/_nuxt/fonts/subset-NoeDisplay-Medium.4258444.woff2) format("woff2"),url(/_nuxt/fonts/subset-NoeDisplay-Medium.ad77af1.woff) format("woff"),url(/_nuxt/fonts/subset-NoeDisplay-Medium.5c0d9b7.ttf) format("truetype")}@font-face{font-display:block;font-family:"icomoon";font-style:normal;font-weight:400;src:url(/_nuxt/fonts/icomoon.ac77184.woff2) format("woff2"),url(/_nuxt/fonts/icomoon.3021075.woff) format("woff"),url(/_nuxt/fonts/icomoon.a630fcc.ttf) format("truetype"),url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSB7CiAgZnVuY3Rpb25hbDogdHJ1ZSwKICByZW5kZXIoX2gsIF92bSkgewogICAgY29uc3QgewogICAgICBfYywKICAgICAgX3YsCiAgICAgIGRhdGEsCiAgICAgIGNoaWxkcmVuID0gW10KICAgIH0gPSBfdm07CiAgICBjb25zdCB7CiAgICAgIGNsYXNzOiBjbGFzc05hbWVzLAogICAgICBzdGF0aWNDbGFzcywKICAgICAgc3R5bGUsCiAgICAgIHN0YXRpY1N0eWxlLAogICAgICBhdHRycyA9IHt9LAogICAgICAuLi5yZXN0CiAgICB9ID0gZGF0YTsKICAgIHJldHVybiBfYygnc3ZnJywgewogICAgICBjbGFzczogW2NsYXNzTmFtZXMsIHN0YXRpY0NsYXNzXSwKICAgICAgc3R5bGU6IFtzdHlsZSwgc3RhdGljU3R5bGVdLAogICAgICBhdHRyczogT2JqZWN0LmFzc2lnbih7CiAgICAgICAgInhtbG5zIjogImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICB9LCBhdHRycyksCiAgICAgIC4uLnJlc3QKICAgIH0sIGNoaWxkcmVuLmNvbmNhdChbX2MoJ2RlZnMnLCBbX2MoJ2ZvbnQnLCB7CiAgICAgIGF0dHJzOiB7CiAgICAgICAgImlkIjogImljb21vb24iLAogICAgICAgICJob3Jpei1hZHYteCI6ICIxMDI0IgogICAgICB9CiAgICB9LCBbX2MoJ2ZvbnQtZmFjZScsIHsKICAgICAgYXR0cnM6IHsKICAgICAgICAidW5pdHMtcGVyLWVtIjogIjEwMjQiLAogICAgICAgICJhc2NlbnQiOiAiOTYwIiwKICAgICAgICAiZGVzY2VudCI6ICItNjQiCiAgICAgIH0KICAgIH0pLCBfYygnZ2x5cGgnLCB7CiAgICAgIGF0dHJzOiB7CiAgICAgICAgImhvcml6LWFkdi14IjogIjAiCiAgICAgIH0KICAgIH0pLCBfYygnZ2x5cGgnLCB7CiAgICAgIGF0dHJzOiB7CiAgICAgICAgInVuaWNvZGUiOiAi7qSAIiwKICAgICAgICAiZ2x5cGgtbmFtZSI6ICJhcnJvdy11IiwKICAgICAgICAiZCI6ICJNMzcgNDg1LjA2Mmw0NzUgNDc0LjkzNyA0NzUtNDc0LjkzNy0xMTguMzc1LTExOC4zNzUtMjcyLjg3NSAyNzIuNzVWLTY0aC0xNjcuNXY3MDMuNDM3bC0yNzIuODc1LTI3Mi43NXoiCiAgICAgIH0KICAgIH0pLCBfYygnZ2x5cGgnLCB7CiAgICAgIGF0dHJzOiB7CiAgICAgICAgInVuaWNvZGUiOiAi7qSBIiwKICAgICAgICAiZ2x5cGgtbmFtZSI6ICJhcnJvdy1kIiwKICAgICAgICAiZCI6ICJNMzcgNDEwLjkzN0w1MTItNjRsNDc1IDQ3NC45MzctMTE4LjM3NSAxMTguMzc1LTI3Mi44NzUtMjcyLjc1djcwMy40MzdoLTE2Ny41VjI1Ni41NjJsLTI3Mi44NzUgMjcyLjc1eiIKICAgICAgfQogICAgfSksIF9jKCdnbHlwaCcsIHsKICAgICAgYXR0cnM6IHsKICAgICAgICAidW5pY29kZSI6ICLupIIiLAogICAgICAgICJnbHlwaC1uYW1lIjogImFycm93LWwiLAogICAgICAgICJkIjogIk00NzQuOTM3IDkyM0wwIDQ0OCA0NzQuOTM3LTI3IDU5My4zMTIgOTEuMzc1IDMyMC41NjIgMzY0LjI1aDcwMy40Mzd2MTY3LjVIMzIwLjU2MmwyNzIuNzUgMjcyLjg3NUw0NzQuOTM3IDkyM3oiCiAgICAgIH0KICAgIH0pLCBfYygnZ2x5cGgnLCB7CiAgICAgIGF0dHJzOiB7CiAgICAgICAgInVuaWNvZGUiOiAi7qSDIiwKICAgICAgICAiZ2x5cGgtbmFtZSI6ICJhcnJvdy1yIiwKICAgICAgICAiZCI6ICJNNTQ5LjA2MiA5MjNsNDc0LjkzNy00NzVMNTQ5LjA2Mi0yNyA0MzAuNjg3IDkxLjM3NWwyNzIuNzUgMjcyLjg3NUgwdjE2Ny41aDcwMy40MzdsLTI3Mi43NSAyNzIuODc1eiIKICAgICAgfQogICAgfSksIF9jKCdnbHlwaCcsIHsKICAgICAgYXR0cnM6IHsKICAgICAgICAidW5pY29kZSI6ICLupIQiLAogICAgICAgICJnbHlwaC1uYW1lIjogImluLWxpbmsiLAogICAgICAgICJkIjogIk0xNDUuODczLTY0bDg3OC4wNjkuMDU4LjA1OCA4NzguMDY5SDgwNS4xNjJsLS4xMTUtNTA0LjM0NUwxNTQuODI5IDk2MCAuMDAxIDgwNS4xNzJsNjUwLjIxOC02NTAuMjE4LTUwNC4zNDUtLjExNXoiCiAgICAgIH0KICAgIH0pLCBfYygnZ2x5cGgnLCB7CiAgICAgIGF0dHJzOiB7CiAgICAgICAgInVuaWNvZGUiOiAi7qSFIiwKICAgICAgICAiZ2x5cGgtbmFtZSI6ICJiYWNrIiwKICAgICAgICAiZCI6ICJNODc4LjEyNyA5NjBMLjA1OCA5NTkuOTQyIDAgODEuODczaDIxOC44MzhsLjExNSA1MDQuMzQ1TDg2OS4xNzEtNjRsMTU0LjgyOCAxNTQuODI4LTY1MC4yMTggNjUwLjIxOCA1MDQuMzQ1LjExNXoiCiAgICAgIH0KICAgIH0pLCBfYygnZ2x5cGgnLCB7CiAgICAgIGF0dHJzOiB7CiAgICAgICAgInVuaWNvZGUiOiAi7qSGIiwKICAgICAgICAiZ2x5cGgtbmFtZSI6ICJsb2dvLWMiLAogICAgICAgICJkIjogIk0yNzEuOTU4IDkwNC43MjJMNzIuNTUyIDcwNC4xOFYxOTEuNjg3TDI3My41My04LjcyM2g0MDMuMDkybDIwMi4zMTggMjAwLjQxSDI4OC40NjdWNzA0LjE4aDUzNS4wNDVsMjAwLjQ4NCAyMDAuNTQySDI3MS45NTd6IgogICAgICB9CiAgICB9KSwgX2MoJ2dseXBoJywgewogICAgICBhdHRyczogewogICAgICAgICJ1bmljb2RlIjogIu6khyIsCiAgICAgICAgImdseXBoLW5hbWUiOiAibG9nbyIsCiAgICAgICAgImhvcml6LWFkdi14IjogIjUxNzQiLAogICAgICAgICJkIjogIk0zMjI3LjQyOCA5NjAuMDAzbC0xOTYuOTEtMTgyLjc0OWguNjFWMTI1LjA5MkwzMjI3Ljg5Mi01Ny41OXYuODg5aDM0MC4wNTZsLTE5Ni44NTYgMTgyLjgxNWgtMTQzLjJ2NDYxLjcwM2gxNDQuMjQ4di42MjRsMTk2LjM2NSAxODIuMTY1aC01LjE0OWwuNjM3LjUwNGgtMTk2Ljk4OXYtLjUwNGgtMTM5LjExMnYtODkuMzU3bC0uNDY0LS41NDR2Mjc5LjI5OXptLTc0NC44MTEtMS4yMzVsLTE4MC43ODUtMTgxLjUxNVYxMjUuMDkxTDI0OTguMjktNTcuODd2NTM4LjcwNGg4NC43MTJsMTg0LjE0MiAxODQuOTI1SDI0OTguMjl2MTA4LjA3aDM3NC43NDhsMTg0Ljk5MiAxODQuOTM5aC01NzUuNDEzek0xODEuNzczIDc3NS4wNTFMLjAwNiA1OTIuMjQ5VjEyNS4wOTFsMTgzLjItMTgyLjY4MmgzNjcuNDM1bDE4NC40MjEgMTgyLjY4MmgtNTM4LjI0djQ2Ny4xNThoNDg3LjcxNWwxODIuNzQ5IDE4Mi44MDJIMTgxLjc3MnptODQ0LjYyNy0xLjIyMUw4NDMuNTE4IDU5MC45NzVWLTY0LjAwMWwxOTUuOTgxIDE5Ni40MTguOTQyIDQ1OC41NThoMjIyLjc3NmwxODUuNTQ5IDE4Mi44NTVIMTAyNi40em01NzUuMDE1LS40NzhMMTQxOS4yMSA1OTAuOTc1aDc2NC41NDZsLTE4MS43NTMgMTgyLjM3N2gtNDAwLjU4OHptMjgwMy41ODItMi4yNDNsMTk1LjYwOS0xNzYuNzI0di0uNDExbDEuMjg3LTEuMTU1aDM3NS4wOHYtMS4yMzRoLjAxMWwuOTk1LTQ2Ni40Mjh2LS4wNjZoLTEuMDA5TDUxNzMuOC01Ny41OTF2NjU2LjIyNGgtNi40NWwtOTEuOTU4IDgzLjE5OS05OC40MjIgODguNzczaC0zNzUuMDh2LjUwNGgtMTk2Ljg5NnptLTY1NS40NTQtLjUwNGwtMTk2Ljk0OS0xODIuNzg5VjEyNS41NjlsMTk2Ljk0OS4xOTl2NDYxLjIyNWwxMTcuOTE3LS40MTFoNDE3LjI4M3YxLjIzNGwtNjUuNjQxIDYwLjg2My0xMzEuMjE2IDEyMS45MjVoLTMzOC4zNDR6bTY1NC42NDQtMTc3LjQ1NHYtNDY4LjA2aC0uNDM3bDE5Ni44NTYtMTgyLjY4MnY2NTAuNzQyaC0xOTYuNDE4em0tMjQxOS43NDMtMi41MzVsLjE0NS0xNjYuODUtLjE0NSA1My4wMzMtMzgwLjU0OC41MzEtMTg0LjY4Ni0xODUuMjcuMTczLTE2Ni4zNTktLjQ3OC0uMTMzIDE4My40MTItMTgzLjE2IDM5OS4zOC0uMjc5IDE4Mi41MjMgMTgzLjQzOXY0NjUuMDQ3bC0uNDY0LjM1OC0xOTkuMzEyLS4zNTh6TTE2MTYuMDggMjkyLjA2aDM2OC42NTZsLjE1OS0xNjYuNDkxaC0zNjguODE2VjI5Mi4wNnptMjQ3MS44MDcgMjkzLjg0NVYxMjUuNTY5bC01MzUuMjkzLS40NzggNjUuNzA3LTYwLjgzNyAxMzEuMjQyLTEyMS44NDZoMzM4LjM0NGw1My44ODIgNDkuOTI3IDc3LjMzMyA3MS45MTggNjUuNjQxIDYwLjgzN3Y0NjEuNDkxbC0xOTYuODU2LS42Nzd6IgogICAgICB9CiAgICB9KSwgX2MoJ2dseXBoJywgewogICAgICBhdHRyczogewogICAgICAgICJ1bmljb2RlIjogIu6kiCIsCiAgICAgICAgImdseXBoLW5hbWUiOiAibG9nby1tZSIsCiAgICAgICAgImhvcml6LWFkdi14IjogIjMxNjIiLAogICAgICAgICJkIjogIk0xOTY5LjQ4IDk1Ni4xMDlsLTExOS40MDQtMTEwLjk2M2guNjQ2VjQ0OC42NDRsMTE5LjQwNC0xMTAuOTYzdi42NDZoMjA2LjM2MmwtMTE5LjQwNCAxMTAuOTc2aC04OC4yNTF2MjgwLjMzaDg3LjYwNXYuNjQ2bDExOS40MDQgMTEwLjk2M0gxOTY5LjQ4djExNC44Njd6bS00NTQuMjQ2LTEuMzA1bC0xMDkuNjctMTEwLjMxN1Y0NDcuOTk4bDExOS40MDQtMTEwLjMxN3YzMjcuMDZoNTEuMjY3bDExMS42MSAxMTIuMjY5aC0xNjIuODc3djY1LjUzOWgyMjcuNzY5bDExMi4yNjkgMTEyLjI1NmgtMzQ5Ljc3MnpNMTE3LjQ1MiA4NDMuMTk0TDcuMTM1IDczMi4yMzFWNDQ4LjY0NGwxMTEuNjIyLTExMC45NjNoMjIzLjIxOWwxMTIuMjY5IDExMC45NjNIMTI2LjUzOXYyODMuNTg3aDI5Ni41NTNsMTEwLjk3NiAxMTAuOTYzSDExNy40NTJ6bTUxMy4yOTYtLjY0Nkw1MTkuNzg1IDczMS41ODVWMzMzLjc5bDExOS40MDQgMTE5LjQwNC42NDYgMjc4LjM5aDEzNS42MjdsMTEyLjkxNSAxMTAuOTYzaC0yNTcuNjN6bTM0OS43NzIgMEw4NjkuNTU3IDczMS41ODVoMzQzLjI4M3YtNjguNzk2SDk4MS44MjZMODY5LjU1NyA1NDkuODg3VjQ0OC42NDVsMTExLjYxLTExMS42MWgyNDIuN2wxMTAuOTYzIDExMS42MXYyODIuOTRoLS42NDZsLTExMC4zMTcgMTEwLjk2M0g5ODAuNTIxem0xMzA0Ljk4MS0xLjk1MmwtNzkuODEtNzMuOTgtNDAuMjQxLTM2Ljk4NFY0NDguNjQzaC42NTlsNDAuMjI4LTM2Ljk4NCA3OS44MjMtNzMuOThoMjA1LjcwM2wzMi40NDYgMzAuNTA3IDQ2LjcxNyA0My40NzMgMzkuNTk0IDM2Ljk4NHYyODAuMzQyaC0uNjU5bC0xMTguNzQ1LS42NDZWNDQ4LjY0M2gtMjA2LjM2MnYyODAuMzQyaDMyNS4xMDh2LjY0NmwtMTE4Ljc0NSAxMTAuOTYzaC0yMDUuNzE2em0zOTguNDQxIDBsMTE5LjQwNC0xMDcuNzE5aDIyNy43Njl2LS42NDZsLjY0Ni0yODMuNTg3aC0uNjQ2bDExOS40MDQtMTEwLjk2M3YzOTguNDQxaC0zLjI0NWwtNTUuODA1IDUwLjYyMS01OS43MDggNTMuODUzaC0zNDcuODJ6bS0uNjQ3LTEwNy43MTlWNDQ4LjY0NGwxMTkuNDA0LTExMC45NjN2Mzk1LjE5NmgtMTE5LjQwNHpNOTg4Ljk2MSA1NDkuODg2aDIyMy44NzhWNDQ4LjY0NEg5ODguOTYxdjEwMS4yNDJ6TTIzNTkuNDggMTQ4Ljg0N2MtNi40ODkgMC0xMS4wMjQtMS4yOTMtMTQuOTE4LTQuNTM3LTMuODk0LTIuNTk2LTUuODQzLTcuMTQxLTUuODQzLTEyLjMzMiAwLTMuMjQ1IDEuMy01LjE5OSAyLjU5OC03Ljc5NXMzLjIzNC0zLjg4NiA1LjgzLTUuMTg0bC0xMC4zOC0xLjk1MmgtMS4yOTN2LTkuMDg3YzEuMjk4LjY0OSA3LjEzMyAxLjMgMTcuNTE2IDIuNTk4IDEwLjM4My42NDkgMTcuNTIzIDEuOTUyIDIyLjA2NiAxLjk1MnYxMS4wMjdjLTMuODk0LS42NDktOC40NDEtMS4yOS0xNC45My0xLjkzOWwtMy4yNDUtLjY1OWMtMS4yOTguNjQ5LTIuNTkzIDEuOTQ3LTMuODkxIDMuMjQ1LS42NDkgMS4yOTgtMS4yOTMgMy4yNS0xLjI5MyA1LjE5NiAwIDIuNTk2LjY1MSA1LjE5MSAyLjU5OCA2LjQ4OSAxLjk0NyAxLjk0NyAzLjg5NCAyLjU5OCA2LjQ4OSAyLjU5OCAzLjI0NSAwIDYuNDg5LTEuMyA5LjczNC0yLjU5OGwzLjg5MSA5LjczNGMtMy44OTQgMS45NDctOS4wOSAzLjI0NS0xNC45MyAzLjI0NXptNTkyLjQ3Mi04LjQ0MWMtMy4yNDUgMC01Ljg0OC0uNjM5LTcuNzk1LTIuNTg2cy0zLjI0NS00LjU0OC0zLjI0NS04LjQ0MWMwLTMuODk0IDEuMjk4LTYuNDk0IDMuMjQ1LTguNDQxIDIuNTk2LTEuOTQ3IDQuNTUtMi41ODYgNy43OTUtMi41ODZzNS44MzUgMS4yOSA3Ljc4MiAxLjkzOWMxLjk0NyAyLjU5NiAyLjU5OCA1LjE5NiAyLjU5OCA4LjQ0MSAwIDMuODk0LS42NTEgNi40ODItMi41OTggOC40MjhzLTQuNTM3IDMuMjQ1LTcuNzgyIDMuMjQ1em0tMTA3NC42MTQtMTguODA5VjIuODM5aC0xNy41Mjl2LTIxLjQyaDE2Mi44NzdjMC0uNjQ5LjAxLS42NDYuNjU5LS42NDZoNzMuOTY3YzEzLjYyNyAwIDI0LjAxNSA0LjU0IDMxLjE1MyAxMy42MjUgOS4wODUtOS4wODUgMTguODE5LTEzLjYyNSAyOS4yMDItMTMuNjI1aDM4LjI4OXY5MS40OTZoLTI3LjkwOVYyLjgzOWgtMTEuNjczYy00LjU0MiAwLTguNDQxIDEuMy0xMS42ODYgMi41OThzLTUuODQzIDQuNTM1LTkuMDg3IDguNDI4Yy42NDkgMi41OTYuNjQ2IDUuMTk2LjY0NiA4LjQ0MXYzNS42OTFoLTI3Ljg5NlYyNC4yNThjMC03LjEzOC0xLjk1NC0xMi45NzgtNC41NS0xNi4yMjMtMy4yNDUtMy4yNDUtNy43ODUtNS4xOTYtMTMuNjI1LTUuMTk2aC0xNS41Nzd2NTUuMTU4aC0yNy44OTZWMi44MzloLTIwLjc3M2MwIC42NDkuMDAzLjY0Ni0uNjQ2LjY0NmgtMjQuMDA1djIyLjA2NmMwIDE2Ljg3Mi0zLjg5OSAyOS4xOTYtMTEuNjg2IDM2Ljk4NHMtMTkuNDYgMTEuNjg2LTM0LjM4NSAxMS42ODZjLTIyLjA2MyAwLTM4Ljk0My0xMS42ODYtNDkuOTc1LTM0LjM5OHY4MS43NzRoLTI3Ljg5NnptNTM3LjMwMSAwVjI0LjI1OWMwLTcuMTM4LTEuMjkzLTEyLjk3OC00LjUzNy0xNi4yMjNzLTcuNzg1LTUuMTk2LTEzLjYyNS01LjE5NmgtMS4zMDVsLTIyLjA2NiA5My40NDdoLTI4LjU0MmwyNC4wMDUtOTMuNDQ3aC0zMy4wOTN2LTIyLjA2Nmg2OC4xMzdjMTEuNjgxIDAgMjEuNDE3IDMuMjUyIDI4LjU1NSAxMS4wMzlzMTAuMzggMTguMTY1IDEwLjM4IDMwLjQ5NHY5OS4yOWgtMjcuOTA5em02Mi45NTMgMFYtMTkuMjI3aDI3Ljg5NnYxNDAuODI0aC0yNy44OTZ6bTU5MS44MTIgMFYyLjgzOWgtNDQuNzc4djY5LjQzaC0yNy44OTZWMi44MzloLTExLjY4NmMtNC41NDIgMC04LjQ0MSAxLjMtMTEuNjg2IDIuNTk4cy01LjgzIDQuNTM1LTkuMDc1IDguNDI4Yy42NDkgMi41OTYuNjQ2IDUuMTk2LjY0NiA4LjQ0MXYzNS42OTFoLTI3LjkwOVYyNC4yNThjMC03LjEzOC0xLjk0Mi0xMi45NzgtNC41MzctMTYuMjIzLTMuMjQ1LTMuMjQ1LTcuNzg1LTUuMTk2LTEzLjYyNS01LjE5NmgtMTUuNTc3djU1LjE1OGgtMjcuOTA5VjIuODM5aC00NC43Nzh2NjkuNDNoLTI3Ljg5NnYtOTMuNDM1YzAtNS44NC0xLjMwNS0xMC4zOS00LjU1LTE0LjI4NC0yLjU5Ni0zLjg5NC02LjQ4Mi01Ljg0My0xMS42NzMtNS44NDMtMy44OTQgMC02LjQ5Mi42NTctOS4wODcgMS4zMDUtMi41OTYgMS4yOTgtNS4xOTYgMi41OTEtOC40NDEgNC41MzdsLTExLjAyNy0xOC4xNjJjNS44NC0zLjg5NCAxMS42NzgtNy4xNDMgMTYuODY5LTguNDQxczExLjAzOS0xLjk1MiAxNy41MjktMS45NTJjMTEuNjgxIDAgMjAuNzU4IDMuMjUyIDI3Ljg5NiAxMS4wMzlzMTAuMzggMTcuNTE2IDEwLjM4IDMwLjQ5NHYzLjI0NWg5NC4wOTRjMTMuNjI3IDAgMjQuMDE1IDQuNTQgMzEuMTUzIDEzLjYyNSA5LjA4NS05LjA4NSAxOC44MTktMTMuNjI1IDI5LjIwMi0xMy42MjVoMTEyLjI2OXYxNDAuODI0aC0yNy45MDl6bTY0Ljg5MiAwVi0xOS4yMjdoMjcuOTA5djE0MC44MjRoLTI3LjkwOXptLTQzMi44MjYtNS44NDNjLTMuODk0IDAtNy4xNDEtMS4yOTUtOS4wODctMy44OTFzLTMuMjQ1LTUuODQtMy4yNDUtOS43MzQgMS4yOTgtNy4xMzggMy4yNDUtOS43MzQgNS4xOTQtMy45MDQgOS4wODctMy45MDRjMy44OTQgMCA2LjQ3OSAxLjMwNSA5LjA3NSA0LjU1IDEuOTQ3IDEuOTQ3IDMuMjQ1IDUuMTkxIDMuMjQ1IDkuNzM0IDAgMy44OTQtMS4yOTggNy4xMzgtMy4yNDUgOS43MzQtMi41OTYgMS45NDctNS4xODEgMy4yNDUtOS4wNzUgMy4yNDV6bTMxLjc4NyAwYy0zLjg5NCAwLTcuMTI4LTEuMjk1LTkuMDc1LTMuODkxcy0zLjI0NS01Ljg0LTMuMjQ1LTkuNzM0IDEuMjk4LTcuMTM4IDMuMjQ1LTkuNzM0IDUuMTgxLTMuOTA0IDkuMDc1LTMuOTA0YzMuMjQ1IDAgNi40OTIgMS4zMDggOS4wODcgMy45MDQgMS45NDcgMi41OTYgMy4yNDUgNS44NCAzLjI0NSA5LjczNHMtMS4yOTggNy4xMzgtMy4yNDUgOS43MzQtNS4xOTQgMy44OTEtOS4wODcgMy44OTF6bTIwMy4xMTggMGMtMy44OTQgMC03LjE0MS0xLjI5NS05LjA4Ny0zLjg5MXMtMy4yNDUtNS44NC0zLjI0NS05LjczNCAxLjI5OC03LjEzOCAzLjI0NS05LjczNCA1LjE5NC0zLjkwNCA5LjA4Ny0zLjkwNGMzLjI0NSAwIDYuNDkyIDEuMzA4IDkuMDg3IDMuOTA0IDEuOTQ3IDIuNTk2IDMuMjQ1IDUuODQgMy4yNDUgOS43MzRzLTEuMjk4IDcuMTM4LTMuMjQ1IDkuNzM0LTUuMTk0IDMuODkxLTkuMDg3IDMuODkxem0zMS4xNTMgMGMtMy44OTQgMC03LjE0MS0xLjI5NS05LjA4Ny0zLjg5MXMtMy4yNDUtNS44NC0zLjI0NS05LjczNCAxLjI5OC03LjEzOCAzLjI0NS05LjczNCA1LjE5NC0zLjkwNCA5LjA4Ny0zLjkwNGMzLjg5NCAwIDcuMTI4IDEuMzA1IDkuMDc1IDQuNTUgMS45NDcgMi41OTYgMy4yNDUgNS44NCAzLjI0NSA5LjczNHMtMS4yOTggNy4xMzgtMy4yNDUgOS43MzRjLTIuNTk2IDEuOTQ3LTUuMTgxIDMuMjQ1LTkuMDc1IDMuMjQ1em0tMjUxLjc4Ny00Mi4xOGMtMTEuMDMyIDAtMjAuNzY2LTEuOTQ5LTI5LjIwMi01Ljg0M3MtMTQuOTI4LTkuMDg1LTE4LjgyMS0xNi4yMjNjLTQuNTQyLTYuNDg5LTYuNDg5LTE0LjkyLTYuNDg5LTI0LjAwNSAwLTkuNzM0IDEuOTQ5LTE3LjUyNiA1Ljg0My0yNC42NjRzOS4wODUtMTIuMzMgMTYuMjIzLTE2LjIyM2M2LjQ4OS0zLjg5NCAxNC4yNzQtNS44NDMgMjMuMzU5LTUuODQzaDE0LjI4NHYtLjY0NmMwLTcuMTM4LTIuNjAzLTEyLjk3OC03Ljc5NS0xNi4yMjNzLTE0LjI3Ni01LjE5Ni0yNS45NTctNS4xOTZoLTMxLjE0MWMtOS43MzQgMC0xNi44NzUgMi42MDMtMjIuMDY2IDcuNzk1cy03Ljc5NSAxMi4zMjItNy43OTUgMjEuNDA3YzAgNS44NC42NTQgMTIuOTg5IDEuOTUyIDIwLjEyN3MyLjU5MSAxNC4yNzEgNC41MzcgMjAuNzZoLTI0LjY1MWMtMy4yNDUtNS44NC01LjE4OS0xMi4zMy03LjEzNi0xOS40NjhzLTIuNTk4LTE0LjI4MS0yLjU5OC0yMS40MmMwLTkuNzM0IDEuOTQ3LTE4LjgxNiA2LjQ4OS0yNi42MDMgMy44OTQtOC40MzYgOS43MjktMTQuMjc5IDE3LjUxNi0xOC44MjFzMTYuMjI2LTYuNDg5IDI1LjMxMS02LjQ4OXYxLjMwNWg0OC42NjljMTguMTcgMCAzMS4xNDYgNC41NDUgMzkuNTgyIDEyLjMzMnMxMi4zMzIgMjAuMTEyIDEyLjMzMiAzNi45ODR2ODYuOTU4aC0zMi40NDZ6bS00MzIuODI2LTEuMzA1Yy0xMS42ODEgMC0yMi4wNjgtMS45MzctMzEuMTUzLTUuODNzLTE1LjU2OS05Ljc0NC0yMC43Ni0xNi44ODJjLTQuNTQyLTcuNzg3LTcuMTQ4LTE2LjIyMy03LjE0OC0yNS45NTcgMC0xMy42MjcgMy4yNTUtMjQgMTAuMzkzLTMxLjc4NyA3LjEzOC03LjEzOCAxNy41MTYtMTEuMDM5IDMwLjQ5NC0xMS4wMzloMTguMTc1di0uNjQ2YzAtNi40ODktMS45NDktMTEuNjgzLTUuODQzLTE1LjU3N3MtOS4wODUtNS44NDMtMTYuMjIzLTUuODQzYy00LjU0MiAwLTkuMDgyLjAwOC0xMy42MjUgMS4zMDUtNC41NDIuNjQ5LTkuMDkzIDIuNTg4LTE0LjI4NCA1LjE4NGwtMTEuMDI3LTIwLjExNGM1LjE5MS0zLjI0NSAxMS42NzYtNS44MzggMTcuNTE2LTcuMTM2IDYuNDg5LTEuMjk4IDEzLjYzLTEuOTUyIDIyLjA2Ni0xLjk1MiAxNS41NzQgMCAyNy45MDEgMy44OTkgMzYuMzM3IDExLjY4NnMxMi45NzggMTguMTcgMTIuOTc4IDMyLjQ0NnY5Mi4xNDJoLTI3Ljg5NnptLTMzNS41MDEtMjAuMTE0YzkuMDg1IDAgMTUuNTc0LTEuOTQ3IDE5LjQ2OC02LjQ4OSA0LjU0Mi00LjU0MiA2LjQ4OS0xMS4wMjkgNi40ODktMjAuMTE0VjMuNDg2aC02OS40M1YxNy43N2MxMi4zMyAyMi43MTIgMjYuNjAxIDM0LjM4NSA0My40NzMgMzQuMzg1em0zMjkuNjU4LTEuOTRoNS44NDNWMy40ODVoLTEyLjk3OGMtNS44NCAwLTEwLjM5MyAxLjk1Mi0xMy42MzcgNS4xOTZzLTQuNTM3IDkuMDg1LTQuNTM3IDE2LjIyM2MwIDcuNzg3IDEuOTQ3IDE0LjI3OSA2LjQ4OSAxOC44MjFzMTEuMDM0IDYuNDg5IDE4LjgyMSA2LjQ4OXptNDM5Ljk2MiAwaDQuNTVWMi44MzloLTUuMTk2Yy03Ljc4NyAwLTE0LjI3OSAxLjk0OS0xOC44MjEgNS44NDNzLTcuMTM2IDkuMDgyLTcuMTM2IDE2Ljg2OWMwIDE2LjIyMyA5LjA4MiAyNC42NjQgMjYuNjAzIDI0LjY2NHoiCiAgICAgIH0KICAgIH0pLCBfYygnZ2x5cGgnLCB7CiAgICAgIGF0dHJzOiB7CiAgICAgICAgInVuaWNvZGUiOiAi7qSJIiwKICAgICAgICAiZ2x5cGgtbmFtZSI6ICJmYWNlYm9vayIsCiAgICAgICAgImQiOiAiTTAgOTYwVi02NGgxMDI0Vjk2MEgwem02MC4yMzUtNjAuMjM1aDkwMy41MjlWLTMuNzY0SDU3MS41ODh2MzIwLjE3NmgxMDkuMTE4bDE2LjM1MyAxMjYuNzY1SDU3MS41ODh2ODAuNzY1YzAgMzYuNjgzIDEwLjE0OCA2MS43MDYgNjIuODI0IDYxLjcwNmg2Ny4wNTlWNjk5LjA2Yy0yOC40MTEgMy4xNS02MS4zNTIgNC45NDYtOTQuNzEzIDQuOTQ2LTEuMDUyIDAtMi4xMDQtLjAwMi0zLjE1Ni0uMDA1aC4xNjNjLTk2Ljc2OCAwLTE2My01OS4wNDctMTYzLTE2Ny40NzF2LTkzLjM1M0gzMzEuMzUzVjMxNi40MTJoMTA5LjQxMlYtMy43NjRINjAuMjM2djkwMy41Mjl6IgogICAgICB9CiAgICB9KSwgX2MoJ2dseXBoJywgewogICAgICBhdHRyczogewogICAgICAgICJ1bmljb2RlIjogIu6kiiIsCiAgICAgICAgImdseXBoLW5hbWUiOiAicGx1cyIsCiAgICAgICAgImQiOiAiTTQxNC43NSA5NjBWNTQ1LjI1SC4wNjJ2LTE5NC41SDQxNC43NVYtNjRoMTk0LjV2NDE0Ljc1aDQxNC44MTN2MTk0LjVINjA5LjI1Vjk2MGgtMTk0LjV6IgogICAgICB9CiAgICB9KSwgX2MoJ2dseXBoJywgewogICAgICBhdHRyczogewogICAgICAgICJ1bmljb2RlIjogIu6kiyIsCiAgICAgICAgImdseXBoLW5hbWUiOiAiZHJpYmJibGUiLAogICAgICAgICJkIjogIk0wIDk2MFYtNjRoMTAyNFY5NjB6bTYwLjIzNS02MC4yMzVoOTAzLjUyOVYtMy43NjRINjAuMjM1ek01MTIgNzQxLjY0N2MtNzUuMTcyIDAtMTUwLjMzNi0yOC42ODktMjA3LjY0Ny04Ni0xMTQuNjIxLTExNC42MjEtMTE0LjYyMS0zMDAuNjczIDAtNDE1LjI5NGEyODguODg0IDI4OC44ODQgMCAwMTE0LTEzLjExOGM5NC42NzMtODMuMDMzIDIxNi44MDktOTEuMTU5IDMxNC44MjQtNDYuNzY1IDk4LjAzNyA0NC40MDQgMTcyLjQ3NyAxNDEuNTYyIDE3Mi40NzEgMjY3LjUyOWEyOTEuNjg0IDI5MS42ODQgMCAwMS04NiAyMDcuNjQ3Yy01Ny4zMTEgNTcuMzExLTEzMi40NzUgODYtMjA3LjY0NyA4NnptLTExLjcwNi00OC44MjNjNjMuNjk4IDMuMDQ0IDEyNi4zNzUtMTkuOTY1IDE3NC44ODItNjMuNjQ3LTQwLjcwNS0zNC4zMTEtODUuOTI5LTYyLjgwNi0xMzQuODgyLTgzLjc2NS0yNy42MzMgNDguNTU2LTYwLjA0IDk0LjE3NS05Ni4xMTggMTM2LjgyNCAxOC41NDggNS4zNjQgMzcuMjcgOS42ODcgNTYuMTE4IDEwLjU4OHptLTEwMy4wNTktMjkuNzA2YzM2LjQ3Ni00MS41NTUgNjguNTY0LTg2LjcwOSA5Ni40MTItMTM0LjQ3MS01My41NzEtMTcuMzQ2LTEwOS4yMzUtMjcuODg2LTE2NS41ODgtMjcuOTQxLTE3LjYxNy4wMDYtMzUuMTc1IDEuMzU4LTUyLjcwNiAzLjA1OSAxNi4yNjUgNjguMjMgNjAuMDE1IDEyNi4xMSAxMjEuODgyIDE1OS4zNTN6bTMxMC44MjQtNzBjMzAuNDk4LTQxLjAzNCA0Ny42NTMtOTAuMjQxIDQ4LjQxMi0xNDEuNDEyLTU2LjM2OCAxNi45NjItMTE1LjczMiAyMC44NTYtMTczLjcwNiAxMC40MTItMi43MTEgNi4xNzYtNS4zOTcgMTIuMzQ1LTguMjM1IDE4LjQ3MXYuMDU3Yy0zLjQ2OCA3LjM5Ni03LjEgMTQuNjIxLTEwLjcwNiAyMS44ODIgNTIuMjc5IDIyLjk5NyAxMDAuNzU4IDUzLjU1OCAxNDQuMjM1IDkwLjU4OHpNNTE4LjY0NyA0ODQuMzUzYzUuODkzLTExLjU3MiAxMS4zOTgtMjMuMjg4IDE2LjY0Ny0zNS4xMTgtODYuMTA3LTI3Ljg4OS0xNTguMjY0LTg2LjEyOC0yMDQuNDcxLTE2My44ODItNDAuMjc0IDQ0LjgtNjMuOTMyIDEwMi4yMDEtNjMuODgyIDE2Mi42NDcgMCAyLjU5OS4xNDggNS4xNzIuMjM1IDcuNzY1IDIwLjI0My0yLjA4NCA0MC41MjktMy41MjMgNjAuODgyLTMuNTI5IDY0Ljg5OS0uMDQ4IDEyOS4yMDIgMTEuMTUyIDE5MC41ODggMzIuMTE4em0xNTcuOTQxLTY1LjQxMmMyNS40MzQtMi4xNDkgNTAuNDQtOC4yMTUgNzQuODI0LTE2LjM1My0xMi40OS02NC45NDYtNTAuNzQ2LTEyMS4xMS0xMDUuODI0LTE1Ny41MjktOS40NjEgNTguMTItMjQuMjY2IDExNS4xODktNDQuODgyIDE3MC4zNTMgMjUuMjA4IDMuODU0IDUwLjY0NyA1LjY2MSA3NS44ODIgMy41Mjl6TTU1My4yOTQgNDA0YzIyLjUyMS01OS4yNDYgMzguNTMxLTEyMC43MSA0Ny40MTItMTgzLjQ3MS03OC4zNDUtMzAuNTMyLTE2Ni4yOS0xOC42NDItMjMzLjgyNCAzMS4zNTNDNDA3LjMwOSAzMjQuNzY4IDQ3My44MTYgMzc4Ljk1NiA1NTMuMjk0IDQwNHoiCiAgICAgIH0KICAgIH0pLCBfYygnZ2x5cGgnLCB7CiAgICAgIGF0dHJzOiB7CiAgICAgICAgInVuaWNvZGUiOiAi7qSMIiwKICAgICAgICAiZ2x5cGgtbmFtZSI6ICJwbGF5IiwKICAgICAgICAiZCI6ICJNOTg0LjE3OCA0NDhMMTg3LjczMy02NFY5NjB6IgogICAgICB9CiAgICB9KSwgX2MoJ2dseXBoJywgewogICAgICBhdHRyczogewogICAgICAgICJ1bmljb2RlIjogIu6kjSIsCiAgICAgICAgImdseXBoLW5hbWUiOiAiaW5zdGFncmFtIiwKICAgICAgICAiZCI6ICJNMCA5NjBWLTY0aDEwMjRWOTYwSDB6bTYwLjIzNS02MC4yMzVoOTAzLjUyOVYtMy43NjRINjAuMjM1djkwMy41Mjl6TTUxMiA2NTguODI0Yy0xMTYuMjc1IDAtMjEwLjgyNC05NC41NDgtMjEwLjgyNC0yMTAuODI0UzM5NS43MjQgMjM3LjE3NiA1MTIgMjM3LjE3NmMxMTYuMjc1IDAgMjEwLjgyNCA5NC41NDggMjEwLjgyNCAyMTAuODI0UzYyOC4yNzYgNjU4LjgyNCA1MTIgNjU4LjgyNHptMC02MC4yMzZjODMuOTQ3IDAgMTUwLjU4OC02Ni42NDEgMTUwLjU4OC0xNTAuNTg4UzU5NS45NDcgMjk3LjQxMiA1MTIgMjk3LjQxMmMtODMuOTQ3IDAtMTUwLjU4OCA2Ni42NDEtMTUwLjU4OCAxNTAuNTg4UzQyOC4wNTMgNTk4LjU4OCA1MTIgNTk4LjU4OHptMzMxLjI5NCAxMjAuNDcxYzAtMzMuMjY3LTI2Ljk2OC02MC4yMzUtNjAuMjM1LTYwLjIzNXMtNjAuMjM1IDI2Ljk2OC02MC4yMzUgNjAuMjM1YzAgMzMuMjY3IDI2Ljk2OCA2MC4yMzUgNjAuMjM1IDYwLjIzNXM2MC4yMzUtMjYuOTY4IDYwLjIzNS02MC4yMzV6IgogICAgICB9CiAgICB9KSwgX2MoJ2dseXBoJywgewogICAgICBhdHRyczogewogICAgICAgICJ1bmljb2RlIjogIu6kjiIsCiAgICAgICAgImdseXBoLW5hbWUiOiAibWluaS1hcnJvdy11IiwKICAgICAgICAiZCI6ICJNMCAyNTUuODU1bDUxMiA1MTEuOTMyIDUxMi01MTEuOTMyLTEyNy42MjUtMTI3LjY0M0w1MTIgNTEyLjUzNCAxMjcuNjI1IDEyOC4yMTJ6IgogICAgICB9CiAgICB9KSwgX2MoJ2dseXBoJywgewogICAgICBhdHRyczogewogICAgICAgICJ1bmljb2RlIjogIu6kjyIsCiAgICAgICAgImdseXBoLW5hbWUiOiAibWluaS1hcnJvdy1kIiwKICAgICAgICAiZCI6ICJNMCA2NDAuMTQ1bDUxMi01MTEuOTMyIDUxMiA1MTEuOTMyLTEyNy42MjUgMTI3LjY0M0w1MTIgMzgzLjQ2NiAxMjcuNjI1IDc2Ny43ODh6IgogICAgICB9CiAgICB9KSwgX2MoJ2dseXBoJywgewogICAgICBhdHRyczogewogICAgICAgICJ1bmljb2RlIjogIu6kkCIsCiAgICAgICAgImdseXBoLW5hbWUiOiAibWluaS1hcnJvdy1sIiwKICAgICAgICAiZCI6ICJNNzA0LjE0NSA5NjBMMTkyLjIxMyA0NDggNzA0LjE0NS02NCA4MzEuNzg4IDYzLjYyNSA0NDcuNDY2IDQ0OGwzODQuMzIyIDM4NC4zNzVMNzA0LjE0NSA5NjB6IgogICAgICB9CiAgICB9KSwgX2MoJ2dseXBoJywgewogICAgICBhdHRyczogewogICAgICAgICJ1bmljb2RlIjogIu6kkSIsCiAgICAgICAgImdseXBoLW5hbWUiOiAibWluaS1hcnJvdy1yIiwKICAgICAgICAiZCI6ICJNMzE5Ljg1NSA5NjBsNTExLjkzMi01MTJMMzE5Ljg1NS02NCAxOTIuMjEyIDYzLjYyNSA1NzYuNTM0IDQ0OCAxOTIuMjEyIDgzMi4zNzV6IgogICAgICB9CiAgICB9KSwgX2MoJ2dseXBoJywgewogICAgICBhdHRyczogewogICAgICAgICJ1bmljb2RlIjogIu6kkiIsCiAgICAgICAgImdseXBoLW5hbWUiOiAic2Nyb2xsLWFycm93IiwKICAgICAgICAiZCI6ICJNNDUyLjM4OSA5NjBWODQ5LjAyNWgxMTAuOTc1Vjk2MHptNC4xMDUtMzQ1LjQzVjE0OC40MjVMMjc1LjY4IDMyOS4xODNsLTc4LjQ1OS03OC40NTlMNTEyLjAyLTY0LjAwMWwzMTQuNzYgMzE0LjcyNS03OC40NTkgNzguNDU5LTE4MC44NTItMTgwLjgyNFY2MTQuNTd6IgogICAgICB9CiAgICB9KSwgX2MoJ2dseXBoJywgewogICAgICBhdHRyczogewogICAgICAgICJ1bmljb2RlIjogIu6kkyIsCiAgICAgICAgImdseXBoLW5hbWUiOiAiY2hlY2stbWFyayIsCiAgICAgICAgImhvcml6LWFkdi14IjogIjEyNzMiLAogICAgICAgICJkIjogIk0xMDg2Ljk1NiA5NTkuODI0TDQzNi4xMTkgMzA4LjgxMSAxODYuNTgyIDU1OC41MjQtLjA4NyAzNzIuMDMgNDM2LjEyLTY0LjE3N2w4MzcuMzMxIDgzNy41MDYtMTg2LjQ5NCAxODYuNDk0eiIKICAgICAgfQogICAgfSksIF9jKCdnbHlwaCcsIHsKICAgICAgYXR0cnM6IHsKICAgICAgICAidW5pY29kZSI6ICLupJQiLAogICAgICAgICJnbHlwaC1uYW1lIjogIm1pbnVzIiwKICAgICAgICAiZCI6ICJNMCA1NDUuMjU4VjM1MC43NDFoMTAyNHYxOTQuNTE3eiIKICAgICAgfQogICAgfSksIF9jKCdnbHlwaCcsIHsKICAgICAgYXR0cnM6IHsKICAgICAgICAidW5pY29kZSI6ICLupJUiLAogICAgICAgICJnbHlwaC1uYW1lIjogInN0YXIiLAogICAgICAgICJkIjogIk0xMDIyLjU0NSA1ODkuMTE1Yy0zLjU2MiAxMC43NjQtMTIuNzcyIDE4LjcxNC0yNC4wMyAyMC40MDFsLS4xNjUuMDItMzE3LjQxNSA0Ni4xMjUtMTQyLjA2IDI4Ny42MjdjLTUuMDE1IDkuOTgyLTE1LjE3MyAxNi43MTEtMjYuOTAzIDE2LjcxMXMtMjEuODg4LTYuNzMtMjYuODI0LTE2LjUzOWwtLjA3OS0uMTcyLTE0Mi4wNi0yODcuNjI3TDI1Ljg2IDYwOS41MzZDMTEuMTY3IDYwNy40MjctLjAwMSA1OTQuOTI1LS4wMDEgNTc5LjgxNGMwLTguNDA5IDMuNDU4LTE2LjAxIDkuMDMxLTIxLjQ1OWwyMjkuNjU0LTIyMy44ODMtNTQuMDI3LTMxNi4wODNhMjkuMTc5IDI5LjE3OSAwIDAxLS40MjMtNS4wMjFjMC0xNi41NzQgMTMuNDM2LTMwLjAxIDMwLjAxLTMwLjAxYTI5Ljg4IDI5Ljg4IDAgMDExNC4wODEgMy41MDJsLS4xNjItLjA3OSAyODMuODk4IDE0OS4yNTJMNzk1LjkxNS0xMy4yMTljNC4wMzctMi4xNTYgOC44My0zLjQyMyAxMy45MTktMy40MjMgMTYuNTc0IDAgMzAuMDEgMTMuNDM2IDMwLjAxIDMwLjAxIDAgMS43NzQtLjE1NCAzLjUxMi0uNDQ5IDUuMjAxbC4wMjYtLjE4LTU0LjIwNSAzMTYuMTI4IDIyOS42OTMgMjIzLjg3OGM1LjYxIDUuNDUyIDkuMDkgMTMuMDY4IDkuMDkgMjEuNDk4IDAgMy4yOTYtLjUzMiA2LjQ2OC0xLjUxNSA5LjQzNGwuMDYxLS4yMTJ6IgogICAgICB9CiAgICB9KSwgX2MoJ2dseXBoJywgewogICAgICBhdHRyczogewogICAgICAgICJ1bmljb2RlIjogIu6kliIsCiAgICAgICAgImdseXBoLW5hbWUiOiAiaGVhcnQiLAogICAgICAgICJkIjogIk03MzMuNjQxIDg3MS44NzNjLS40NjQuMDAzLTEuMDEyLjAwNC0xLjU2MS4wMDQtODguMTA4IDAtMTY2Ljk2OC0zOS42LTIxOS43NTEtMTAxLjk3M2wtLjM0OC0uNDIyYy01Mi40MzYgNjIuNzY3LTEzMC43MzUgMTAyLjQxMS0yMTguMjk0IDEwMi40MTEtMS4xODQgMC0yLjM2Ni0uMDA3LTMuNTQ2LS4wMjJsLjE4LjAwMkMxMjkuOTc1IDg3MS44NzMtLjAxMSA3NDEuODg3LS4wMTEgNTgxLjU0MWMwLTI3NC44MDIgNDc5LjU4My01NDMuMTMgNDk5LjA0NC01NTMuNDk2IDMuNjQyLTIuNDY3IDguMTMzLTMuOTM5IDEyLjk2Ny0zLjkzOXM5LjMyNiAxLjQ3MiAxMy4wNSAzLjk5MWwtLjA4Mi0uMDUyYzE5LjI2OCAxMC4zNjYgNDk5LjA0NCAyNzQuODAyIDQ5OS4wNDQgNTUzLjQ5Ni0uMDIyIDE2MC4zNTEtMTMwLjAxNyAyOTAuMzMyLTI5MC4zNyAyOTAuMzMyeiIKICAgICAgfQogICAgfSksIF9jKCdnbHlwaCcsIHsKICAgICAgYXR0cnM6IHsKICAgICAgICAidW5pY29kZSI6ICLupJciLAogICAgICAgICJnbHlwaC1uYW1lIjogInRpZSIsCiAgICAgICAgImQiOiAiTTMyNy42NDggOTAyLjIzOWMtLjkyOSAzLjQ2MS0xLjQ2MiA3LjQzNS0xLjQ2MiAxMS41MzMgMCAyNS41MzEgMjAuNjk3IDQ2LjIyOCA0Ni4yMjggNDYuMjI4LjYyOSAwIDEuMjU0LS4wMTMgMS44NzctLjAzN2wtLjA4OS4wMDNoMjc5LjMyMmwuNDQzLjAwMmMyNS41MDUgMCA0Ni4xODEtMjAuNjc2IDQ2LjE4MS00Ni4xODEgMC00LjEwNC0uNTM1LTguMDgyLTEuNTQtMTEuODdsLjA3My4zMjItMzIuMTIyLTEyOC40ODhIMzYxLjE2N3ptMzM4LjkxLTIyMS41OTVIMzYxLjE2NkwyNTAuMzY4IDIzNy45MTljLTIuODMxLTEwLjUwMy00LjQ1Ny0yMi41NjMtNC40NTctMzUuMDAyIDAtNDMuMzY0IDE5Ljc2NC04Mi4xMTMgNTAuNzc1LTEwNy43MjlsMTg2LjQ1LTE0OS4xNjFjNy44NTQtNi4yNSAxNy45MTctMTAuMDI4IDI4Ljg2My0xMC4wMjhzMjEuMDEgMy43NzggMjguOTU4IDEwLjEwMWwtLjA5NS0uMDczTDcyNy4wNzYgOTQuOTk5YzMxLjI0NyAyNS44MDYgNTEuMDExIDY0LjU1NCA1MS4wMTEgMTA3LjkxOCAwIDEyLjQzOS0xLjYyNiAyNC40OTgtNC42NzggMzUuOTc3bC4yMi0uOTc1eiIKICAgICAgfQogICAgfSksIF9jKCdnbHlwaCcsIHsKICAgICAgYXR0cnM6IHsKICAgICAgICAidW5pY29kZSI6ICLupJgiLAogICAgICAgICJnbHlwaC1uYW1lIjogInBpbiIsCiAgICAgICAgImQiOiAiTTUxMiA5NjBDMjgwLjY0MyA5NjAgOTMuMDkxIDc3Mi40NDggOTMuMDkxIDU0MS4wOTEgOTMuMDkxIDIwMC4zNzggNDI3LjI4Ny02NCA1MTItNjRzNDE4LjkwOSAyNjQuMzc4IDQxOC45MDkgNjA1LjA5MUM5MzAuOTA5IDc3Mi40NDggNzQzLjM1NyA5NjAgNTEyIDk2MHptMC02NTEuNjM2Yy0xMjguNTMyIDAtMjMyLjcyNyAxMDQuMTk2LTIzMi43MjcgMjMyLjcyN1MzODMuNDY5IDc3My44MTggNTEyIDc3My44MThjMTI4LjUzMiAwIDIzMi43MjctMTA0LjE5NiAyMzIuNzI3LTIzMi43MjcgMC0xMjguNTMyLTEwNC4xOTYtMjMyLjcyNy0yMzIuNzI3LTIzMi43Mjd6IgogICAgICB9CiAgICB9KSwgX2MoJ2dseXBoJywgewogICAgICBhdHRyczogewogICAgICAgICJ1bmljb2RlIjogIu6kmSIsCiAgICAgICAgImdseXBoLW5hbWUiOiAiYXR0YWNobWVudC1jbGlwIiwKICAgICAgICAiaG9yaXotYWR2LXgiOiAiODk0IiwKICAgICAgICAiZCI6ICJNODk0LjE2LTYzLjkyNUgxNDkuMDI2djIyMy41NGg3NC41MTNWMTAuNTg4aDU5Ni4xMDd2NTk2LjEwN0g2NzAuNjE5djc0LjUxM2gyMjMuNTRWLTYzLjkyNnpNNzQuNTEzIDc1NS43MjJWMTU5LjYxNUg2NzAuNjJ2NTk2LjEwN0g3NC41MTN6TTAgODMwLjIzNWg3NDUuMTM0Vjg1LjEwMUgwem01OTUuNzcyLTQ4Ny44MzlIMjM1LjQyNXYzNzIuMTJoNzQuNTEzVjQxNi45MWgyMTEuMzJ2NDY4LjU3N2gtNzMuMjA5VjUyNS4xMDNoLTc0LjUxM1Y5NjBoMjIyLjIzNnoiCiAgICAgIH0KICAgIH0pLCBfYygnZ2x5cGgnLCB7CiAgICAgIGF0dHJzOiB7CiAgICAgICAgInVuaWNvZGUiOiAi7qSaIiwKICAgICAgICAiZ2x5cGgtbmFtZSI6ICJmYWNlYm9vay1yb3VuZCIsCiAgICAgICAgImQiOiAiTTUxMS45ODggOTYwbC43NjcuMDAxYzk1LjAzMiAwIDE4My45NjItMjYuMTI2IDI1OS45OTktNzEuNTg4bC0yLjMxNCAxLjI4MmMxNTIuODY4LTkxLjcyMSAyNTMuNTktMjU2LjU3OCAyNTMuNTktNDQ0Ljk2IDAtMTI4LjcwNS00Ny4wMTUtMjQ2LjQyOS0xMjQuODA3LTMzNi45MzRsLjU3NS42ODVjLTczLjExLTg1LjcxLTE3Mi40MjItMTQ3LjEyOS0yODUuNDUzLTE3MS44OTlsLTMuNDUyLS42MzV2MzY4LjEwMUg3MTEuMTdsMjIuNjk2IDE0NC41NjFoLTE1MS45MXY5NC44MDhhNzkuMjAxIDc5LjIwMSAwIDAwLS4wNzUgMy41MTZjMCAxOS4yNzcgNi42MjUgMzcuMDA2IDE3LjcyMyA1MS4wMzVsLS4xMzItLjE3MmMxNC41OTkgMTUuMjI2IDM1LjEwNyAyNC42ODggNTcuODI0IDI0LjY4OCAyLjI1NiAwIDQuNDktLjA5MyA2LjY5OC0uMjc2bC0uMjg5LjAxOWg5MS43OTZWNzQ4Ljk0cS0xLjk3Ni42MjYtMzcuNDkgNS4wMzZjLTI0LjA1MyAyLjk4My01Mi4xMzQgNC44MDYtODAuNTk2IDUuMDM0bC0uMzEuMDAyYy0yLjkyOC4xNTItNi4zNTcuMjM4LTkuODA2LjIzOC01Mi4xNTggMC05OS43MDItMTkuNzU2LTEzNS41NTYtNTIuMTk0bC4xNzQuMTU1Yy0zMy45NzUtMzUuNzk2LTU0Ljg3MS04NC4yOTMtNTQuODcxLTEzNy42NzIgMC0zLjg0Ny4xMDktNy42Ny4zMjMtMTEuNDYzbC0uMDI0LjUyNlY0NDguNjg3SDMyMS42OTZWMzA0LjEyNmgxMTUuNjQ5Vi02My45OTljLTEyNi4xMSAxOC44NTItMjM0Ljk0OCA4MS41NzgtMzEyLjY1NCAxNzEuODY2bC0uNTYyLjY2OEM0Ni43MzEgMTk4LjMzMi0uNDA1IDMxNi4xMTktLjQwNSA0NDQuOTE1YzAgMTg4LjM5NyAxMDAuODU1IDM1My4yMzggMjUxLjUxOSA0NDMuNDc3bDIuMzQ5IDEuMzA0YzczLjczOCA0NC4xOCAxNjIuNjgzIDcwLjMwNiAyNTcuNzMgNzAuMzA2bC44MzctLjAwMWgtLjA0NHoiCiAgICAgIH0KICAgIH0pLCBfYygnZ2x5cGgnLCB7CiAgICAgIGF0dHJzOiB7CiAgICAgICAgInVuaWNvZGUiOiAi7qSbIiwKICAgICAgICAiZ2x5cGgtbmFtZSI6ICJpbnN0YWdyYW0tcm91bmQiLAogICAgICAgICJkIjogIk03NjcuOTgyIDk2MEgyNTUuOTk0QzExNC43MzcgOTU5LjYzMS4zMTcgODQ1LjI1NC0uMTIgNzA0LjA0OFYxOTEuOTk0Qy4zNDUgNTAuNzYyIDExNC43NTEtNjMuNTk0IDI1NS45NTgtNjMuOTc2aDUxMi4wMjVjMTQxLjE0LjUxOSAyNTUuNDEgMTE0LjgyMiAyNTUuODczIDI1NS45MjV2NTEyLjA1NmMtLjQzNyAxNDEuMTYzLTExNC43MiAyNTUuNDg5LTI1NS44MjUgMjU1Ljk5NGgtLjA0OXptMTcwLjY1NS03NjguMDA2Yy0uMTEtOTQuMjA2LTc2LjQ0OS0xNzAuNTQ1LTE3MC42NDQtMTcwLjY1NUgyNTUuOTk1Yy05NC4yLjEyMy0xNzAuNTMxIDc2LjQ1NC0xNzAuNjU1IDE3MC42NDN2NTEyLjAyNGMuMTEgOTQuMjA2IDc2LjQ0OSAxNzAuNTQ1IDE3MC42NDQgMTcwLjY1NWg1MTEuOTk4Yzk0LjIxMS0uMDk2IDE3MC41NTktNzYuNDQzIDE3MC42NTUtMTcwLjY0NVYxOTEuOTk1em0tODUuMjkyIDUzMy4zNTljMC0zNS4zNDItMjguNjUtNjMuOTkyLTYzLjk5Mi02My45OTJzLTYzLjk5MiAyOC42NS02My45OTIgNjMuOTkyIDI4LjY1IDYzLjk5MiA2My45OTIgNjMuOTkyIDYzLjk5Mi0yOC42NSA2My45OTItNjMuOTkyem0tMzQxLjM1Ny0yMS4zNDdjLTE0MS4zODIgMC0yNTUuOTk0LTExNC42MTItMjU1Ljk5NC0yNTUuOTk0czExNC42MTItMjU1Ljk5NCAyNTUuOTk0LTI1NS45OTRTNzY3Ljk4MiAzMDYuNjMgNzY3Ljk4MiA0NDguMDEydi4wMjRjMCAxNDEuMzY4LTExNC42MDIgMjU1Ljk3LTI1NS45NyAyNTUuOTdoLS4wMjUuMDAxem0wLTQyNi42NzNoLS4wMjRjLTk0LjI2MyAwLTE3MC42NzkgNzYuNDE1LTE3MC42NzkgMTcwLjY3OVM0MTcuNyA2MTguNjkxIDUxMS45NjQgNjE4LjY5MWM5NC4yNjMgMCAxNzAuNjc5LTc2LjQxNSAxNzAuNjc5LTE3MC42NzkgMC05NC4yNTUtNzYuNDAyLTE3MC42NjUtMTcwLjY1My0xNzAuNjc5aC0uMDAxeiIKICAgICAgfQogICAgfSksIF9jKCdnbHlwaCcsIHsKICAgICAgYXR0cnM6IHsKICAgICAgICAidW5pY29kZSI6ICLupJwiLAogICAgICAgICJnbHlwaC1uYW1lIjogInlvdXR1YmUtcm91bmQiLAogICAgICAgICJob3Jpei1hZHYteCI6ICIxNDY5IiwKICAgICAgICAiZCI6ICJNNzM0LjM5MS02NGMtMS4xNCAwLTExNi4xMiAwLTI0My43ODMgMy45NC03NC45OTQgMi4yNDYtMTM5LjYyMSA1LjM5MS0xOTIuMTE3IDkuMjk3LTUwLjY3NyAyLjQ5LTk4LjI3NyA4Ljk2Mi0xNDQuNDc3IDE5LjE2M2w1LjY4NS0xLjA1NEM5Ni42MDctMTUuMjg1IDQ3Ljg3MyAzMy4yNjcgMzAuNTQ5IDk0Ljk2bC0uMzEgMS4yOTNjLTcuNDk2IDI5LjAwMy0xMy42NjMgNjMuOTczLTE3LjI0MSA5OS43MDZsLS4yNDYgMy4wMzlDOC45ODUgMjMyLjg2NiA1Ljg0IDI3MS43NDYgMy43NjcgMzE0LjYgMCAzODcuNDg2IDAgNDQ3LjM3OCAwIDQ0OHMwIDYwLjIwMyAzLjc2NyAxMzIuOTg1YzIuMjEyIDQyLjc1IDUuMjE4IDgxLjgwMiA4Ljk4NSAxMTUuNTMzIDMuODU1IDM5LjAxIDEwLjAyMiA3NC4xNiAxOC41NjYgMTA4LjM2OGwtMS4wNzktNS4xMDRjMTcuOTUyIDYzLjA5NCA2Ni40ODYgMTExLjgzNCAxMjguMTM2IDEyOS43NTNsMS4zMjQuMzNjNDAuMzc3IDguNzg4IDg3LjgyOCAxNC45NjkgMTM2LjMwOSAxNy4yMDlsMS45My4wNzFjNTIuNDk2IDMuODcxIDExNy4xMjIgNi45MTIgMTkyLjIyIDkuMDg5IDEyNy43NjcgMy43NjcgMjQzLjA5MiAzLjc2NyAyNDQuMjMyIDMuNzY3czExNi40MzEgMCAyNDQuMjY3LTMuOTA1Yzc1LjAyOS0yLjI4MSAxMzkuNjktNS4zOTEgMTkyLjE4Ni05LjI5NyA1MC40NDktMi40NiA5Ny44NTgtOC45MzIgMTQzLjg1NC0xOS4xNThsLTUuNjE1IDEuMDQ4YzYzLjA5NS0xNy4zNjMgMTExLjgzMy02NS45MTcgMTI5LjE1LTEyNy42MTRsLjMxLTEuMjkzYzcuNzkzLTI5LjMxMSAxNC4xNDItNjQuNTAyIDE3Ljc2Ni0xMDAuNDk2bC4yNC0yLjk0MWMzLjgwMi0zNC4wNDEgNi45MTItNzMuMDU5IDguOTE2LTExNS45ODIgMy40NTYtNzIuODE3IDMuNDU2LTEzMi45ODUgMy40NTYtMTMzLjU3M3MwLTYwLjE2OC0zLjgwMi0xMzIuOTUxYy0yLjE3Ny00Mi43MTYtNS4yMTgtODEuNTk1LTguOTg1LTExNS41NjctMy44NDktMzguOTg5LTEwLjAxNi03NC4xMjYtMTguNTY1LTEwOC4zMmwxLjA3OCA1LjA5MWMtMTcuNjI3LTYyLjk5LTY2LjM2NS0xMTEuNTQ1LTEyOC4xNy0xMjguNjAzbC0xLjI5LS4zMDRjLTQwLjM3NC04Ljc4Ni04Ny44MjUtMTQuOTY3LTEzNi4zMDUtMTcuMjA5bC0xLjkzMy0uMDcxYy01Mi40MjctMy43NjctMTE3LjA1My02LjkxMi0xOTIuMTUxLTguOTUxQzg1MC44MjMtNjMuOTY2IDczNS41NjctNjQgNzM0LjM5Mi02NHpNNTg3Ljk5NiA2NjcuMjQ2VjIyOC43NTRMOTcwLjMyOSA0NDggNTg3Ljk5NiA2NjcuMjQ2eiIKICAgICAgfQogICAgfSksIF9jKCdnbHlwaCcsIHsKICAgICAgYXR0cnM6IHsKICAgICAgICAidW5pY29kZSI6ICLupJ0iLAogICAgICAgICJnbHlwaC1uYW1lIjogImF0dGFjaG1lbnQiLAogICAgICAgICJob3Jpei1hZHYteCI6ICI4OTgiLAogICAgICAgICJkIjogIk0zNy42NSA5NTkuOTljLTMuNjgxLS40MDktNi41MTgtMy41MDMtNi41MTgtNy4yNTl2LS4wNC4wMDItMjYuMDgxYTcuMzAxIDcuMzAxIDAgMDE3LjI5Ni03LjI5N2gzNzIuMjc1YTcuMzAxIDcuMzAxIDAgMDE3LjI5NyA3LjI5NnYyNi4wODFhNy4zMDEgNy4zMDEgMCAwMS03LjI5NiA3LjI5N0gzOC40MjlhNi45NTQgNi45NTQgMCAwMS0uODE0LS4wMDFsLjAxOS4wMDF6bTQ5OC45NTUgMGMtMy42ODEtLjQwOS02LjUxOC0zLjUwMy02LjUxOC03LjI1OXYtLjA0LjAwMi0zMzYuNDE1YTcuMzAxIDcuMzAxIDAgMDE3LjI5Ni03LjI5N2gzMDguNjI1Vi0xMS45OTVIMjQ3LjM4N3YxNzkuNjE3YTcuMzAxIDcuMzAxIDAgMDEtNy4yOTYgNy4yOTdoLTM3LjEwNGE3LjMwMSA3LjMwMSAwIDAxLTcuMjk3LTcuMjk2Vi01Ni43MDRhNy4zMDEgNy4zMDEgMCAwMTcuMjk2LTcuMjk3aDY4Ny40MjFhNy4zMDEgNy4zMDEgMCAwMTcuMjk3IDcuMjk2djY5MS42MTJhNy4yNzkgNy4yNzkgMCAwMS0yLjE2OSA1LjExOGwtLjAwMS4wMDEtMzE1Ljc2NyAzMTcuNzg1YTcuMjc4IDcuMjc4IDAgMDEtNS4xMjMgMi4xN2gtMzcuMjYzYTYuOTU0IDYuOTU0IDAgMDEtLjgxNC0uMDAxbC4wMTkuMDAxem00NS4zMzEtODAuODgzbDIxNi43MjEtMjE4LjExOEg1ODEuOTM2em0tMzU4LjQ1OC0yOC41NjRhNy4zMDEgNy4zMDEgMCAwMS00LjM0Ni0yLjE2OGwtLjAwMi0uMDAyTDIuMDk5IDYzMC4wOTlDLjgwMSA2MjguNzgyIDAgNjI2Ljk3MyAwIDYyNC45NzZzLjgwMS0zLjgwNiAyLjEtNS4xMjRsLS4wMDEuMDAxIDI2LjIzNi0yNi41NDdjMS4zMTctMS4yOTggMy4xMjctMi4wOTkgNS4xMjMtMi4wOTlzMy44MDYuODAxIDUuMTI0IDIuMWwtLjAwMS0uMDAxIDE1OS45MDEgMTYwLjgzM1YyNzkuODY4YTcuMzAxIDcuMzAxIDAgMDE3LjI5Ni03LjI5N2gzNy43MjVhNy4zMDEgNy4zMDEgMCAwMTcuMjk3IDcuMjk2djQ3My4zMzZsMTYyLjA3NS0xNjMuMDA2YzEuMzE3LTEuMjk4IDMuMTI3LTIuMDk5IDUuMTIzLTIuMDk5czMuODA2LjgwMSA1LjEyNCAyLjFsLS4wMDEtLjAwMSAyNi4zOTEgMjYuNTQ2YzEuMjk4IDEuMzE3IDIuMDk5IDMuMTI3IDIuMDk5IDUuMTIzcy0uODAxIDMuODA2LTIuMSA1LjEyNGwuMDAxLS4wMDEtMjIwLjEzNiAyMjEuMzc4YTcuMjc4IDcuMjc4IDAgMDEtNS45MjggMi4xNjhsLjAyOS4wMDJ6IgogICAgICB9CiAgICB9KSwgX2MoJ2dseXBoJywgewogICAgICBhdHRyczogewogICAgICAgICJ1bmljb2RlIjogIu6kniIsCiAgICAgICAgImdseXBoLW5hbWUiOiAiYXR0YWNobWVudC10aGluIiwKICAgICAgICAiaG9yaXotYWR2LXgiOiAiODk2IiwKICAgICAgICAiZCI6ICJNMjM5LjMxNCA3NzYuMDIybC40ODQtMS41OTZWMjc3LjMzOWgtMzguNHY0OTcuMDY3bC41NjQgMi41MTYtMTc1LjI5Ni0xNzYuMzItMjYuNjY3IDI2LjgzNyAyMjAuMTM5IDIyMS40ODNMNDQzLjQ1NSA2MjQuMjZsLTI2LjY2Ny0yNi45MjJ6bTYxOS4wMDgtMTU3LjM1NUg1MzcuOTE2Vjk2MGgzNy42NzVsMzIwLjQyNy0zMjIuMzY4Vi02NEgxOTguNjMxdjIyNy41NjNoMzcuNjk2Vi0yNi4wNjloNjIxLjk5NXptLTM3LjY5NiAzNy45MzFMNTc1LjU5MiA5MDMuMTA1VjY1Ni41OTh6TTQwOS40MjcgOTYwdi0yNi41NTlIMzEuNjk5Vjk2MHoiCiAgICAgIH0KICAgIH0pLCBfYygnZ2x5cGgnLCB7CiAgICAgIGF0dHJzOiB7CiAgICAgICAgInVuaWNvZGUiOiAi7qSfIiwKICAgICAgICAiZ2x5cGgtbmFtZSI6ICJjYWxlbmRhciIsCiAgICAgICAgImQiOiAiTTgwOS40OTQgODE4LjYwM1Y5NjBoLTQ5LjA2N1Y4MTguNjAzSDI1Mi42OTRWOTYwaC00OS4wNjdWODE4LjYwM0g3MC43MlYtNjRoODgyLjU2djg4Mi42MDN6TTkwNC4yNTcgNjkuNzZsLTg0LjczNi04NC42OTNIMTE5Ljc4OHY1MzMuNjc1SDkwNC4zem0wIDQ5OC4wMDVIMTE5Ljc4OHYyMDEuODEzSDkwNC4zeiIKICAgICAgfQogICAgfSksIF9jKCdnbHlwaCcsIHsKICAgICAgYXR0cnM6IHsKICAgICAgICAidW5pY29kZSI6ICLupKAiLAogICAgICAgICJnbHlwaC1uYW1lIjogImRyaWJiYmxlLXJvdW5kIiwKICAgICAgICAiZCI6ICJNODczLjk2MSA4MTAuNTNDNzgxLjMxMSA5MDIuODkyIDY1My40NzMgOTYwIDUxMi4yOTQgOTYwIDIyOS4zNjMgOTYwIDAgNzMwLjY0IDAgNDQ3LjcwNiAwIDMwNi41MjkgNTcuMTA4IDE3OC42ODggMTQ5LjQ4NCA4Ni4wMjRsLS4wMTUuMDE1cTExLjg2MS0xMS44NjEgMjQuMzQ5LTIyLjgwNmwuMTctLjE0NkMyNjMuNjU3LTE1LjgzNSAzODIuMDYzLTY0IDUxMS43MTUtNjRjMjgyLjkyNyAwIDUxMi4yODYgMjI5LjM1NCA1MTIuMjk0IDUxMi4yOGwuMDAyIDEuMzg3YzAgMTQxLjAyOS01Ny4zNjMgMjY4LjY1OS0xNTAuMDI3IDM2MC44MzVsLS4wMjMuMDJ6bTg5Ljc3OS0zNzIuMTUzYy02MS43NDEgMjEuMjMzLTEzMi44ODIgMzMuNDkyLTIwNi44ODggMzMuNDkyLTQ0Ljk0OCAwLTg4LjgzOS00LjUyMS0xMzEuMjQ0LTEzLjEzNmw0LjIxMS43MTVxLTguOTk0IDIwLjgyOC0xOC41NjIgNDEuNDE3LTExLjc2MyAyNS4yNjQtMjQuMzczIDUwLjA3MmMxMDcuNzU0IDQ2LjE1NSAyMDAuNDc2IDEwNS4yOTIgMjgxLjg4MyAxNzYuOTc2bC0xLjE0NC0uOTljNjAuMDY0LTc1Ljc5IDk2LjM2MS0xNzIuNzk5IDk2LjM2MS0yNzguMjg1di0uMzczLjAyYzAtMy4zMDQgMC02LjYwNS0uMTIyLTkuOTA5ek04MjcuNjI2IDc3MS41NzFjLTc2Ljc5LTY3LjU0My0xNjUuNjQ1LTEyMy44NDYtMjYyLjQ5Ni0xNjQuOTlsLTYuNDA0LTIuNDE3Yy01OC4wNzggMTAzLjM3Mi0xMjEuNDI4IDE5Mi42NzktMTkyLjk1MiAyNzQuNjY5bDEuNjMyLTEuOTExYzQzIDE0Ljk2NiA5Mi41NjUgMjMuNjEyIDE0NC4xNDcgMjMuNjEyIDEyMy4wODEgMCAyMzQuNjYzLTQ5LjIxNiAzMTYuMTQ4LTEyOS4wMzlsLS4wNzcuMDc1em0tNTE4LjY1NSA4MC45MDhjNzAuOTYxLTc5LjI0NiAxMzQuOTE5LTE2Ny41NjkgMTg5LjIxNy0yNjIuMTQ2bDQuMDA3LTcuNTcyYy05NS4xNS0zMy44NDMtMjA0LjkwMi01My4zOTktMzE5LjIyMi01My4zOTloLS42MDEuMDMxYTEwMDUuMzc5IDEwMDUuMzc5IDAgMDAtMTE5LjA5NiA3LjA5bDQuNzMtLjQ2YzI4LjUyNCAxMzkuNDA0IDExNy44MTggMjUzLjUzMyAyMzguMzc0IDMxNS4yOTZ6TTU5LjQ1MyA0NDguMjg1YzAgOS40NzMuMzM2IDE4Ljg1Mi44OTMgMjguMTU3IDM2LjU4LTQuNTUxIDc4Ljk3MS03LjE3OCAxMjEuOTYzLTcuMjMyaC43ODhjMTI0LjczMyAwIDI0NC4zMzkgMjEuOTQ0IDM1NS4xNzIgNjIuMTgybC03LjI0Mi0yLjI5OHEyMS4zMzYtNDEuNTM4IDQwLjA5MS04NC4zNzdjLTE2Ni42ODYtNTAuNjYtMzAxLjk5NC0xNjEuNDQtMzgzLjQ5OS0zMDYuNTAzbC0xLjY5Ny0zLjI4NEMxMDcuNjc0IDIxNS45MDcgNTkuNDU0IDMyNi4zNCA1OS40NTQgNDQ4LjAzNXYuMzE0LS4wMTZ6bTE3Mi4zLTM1NC45NDFjNzYuMDI1IDE0Mi41MzIgMjA0LjIxOCAyNDguODIyIDM1OC40NiAyOTQuMzk3bDQuMjE3IDEuMDY5YzQxLjg5MS0xMDMuNDggNzQuMjQ5LTIyNC4wNSA5MS41MjQtMzQ5LjQzMmwuOTA3LTguMDRDNjM1LjE4MyA5LjAxNCA1NzUuMDA5LTMuOTY4IDUxMS44MDUtMy45NjhjLTEwNi4yMDkgMC0yMDMuODU1IDM2LjY2MS0yODAuOTc0IDk4LjAyMWwuOTIzLS43MDl6bTUxMS42ODktMzMuMzE2Yy0xOS4zMDcgMTI4LjU0Ny01MC43OTcgMjQzLjg3OS05NC4wMjYgMzUzLjI5M2wzLjc2OC0xMC44MTZjMzEuNDE1IDUuOTE4IDY3LjU1NCA5LjMwNSAxMDQuNDg2IDkuMzA1IDcxLjk2NyAwIDE0MC45MzItMTIuODU3IDIwNC43MjItMzYuNGwtNC4wOTggMS4zMjRDOTM1Ljg1MiAyNDEuNDQ5IDg1Ni4xNjkgMTI4LjI4OSA3NDUuNDYzIDYxLjE4OWwtMi4wMTktMS4xMzZ6IgogICAgICB9CiAgICB9KSwgX2MoJ2dseXBoJywgewogICAgICBhdHRyczogewogICAgICAgICJ1bmljb2RlIjogIu6koSIsCiAgICAgICAgImdseXBoLW5hbWUiOiAicGxheS1ib3JkZXIiLAogICAgICAgICJob3Jpei1hZHYteCI6ICI5MzkiLAogICAgICAgICJkIjogIk02OTEuNDM1IDQ0Ny45OThMMTE4LjM3OSA3NjAuNTc0VjEzNS40MjJsNTczLjA1NiAzMTIuNTc2em0yMjUuNzU1IDBjMC02Ljc5MS0zLjQyOC0xMy41ODItMTAuMjgzLTE3LjMyMkwyOS4xNzItNDguMDg5QzE2LjAyNC01NS4yNjEtLjAwNy00NS43NDQtLjAwNy0zMC43Njd2OTU3LjUyOWMwIDE0Ljk3NyAxNi4wMzEgMjQuNDk0IDI5LjE3OSAxNy4zMjJMOTA2LjkwNyA0NjUuMzJjNi44NTUtMy43MzkgMTAuMjgzLTEwLjUzMSAxMC4yODMtMTcuMzIyeiIKICAgICAgfQogICAgfSksIF9jKCdnbHlwaCcsIHsKICAgICAgYXR0cnM6IHsKICAgICAgICAidW5pY29kZSI6ICLupKIiLAogICAgICAgICJnbHlwaC1uYW1lIjogImFyb3VuZCIsCiAgICAgICAgImQiOiAiTTEzLjc4NSA2MjEuODQ0VjE4My42MTFsLjc0OC0yLjU2YzMyLjc3My02MS41MDQgOTEuNDk0LTEwNS40ODggMTYxLjE1NC0xMTcuNTY3bDEuMzQ3LS4xOTNoMTcuMTcydjI1OS45MzhjOTAuODI4IDMwLjg0NiAxOTUuNDQ5IDQ4LjY1IDMwNC4yMjkgNDguNjUgOTAuNDUgMCAxNzguMDI1LTEyLjMxIDI2MS4xNDEtMzUuMzQ1bC02Ljg1NyAxLjYyMWMxNC40NTQtNC40MTEgMjguNzktOS4yNTUgNDIuOTY5LTE0LjY1MVY2My4xNzJoMTcuMTcyYzc2LjY0MiA5Ljk0OCAxNDEuMjcyIDU0LjA4MiAxNzguOTQgMTE2LjM1MWwuNjE0IDEuMDk0LjkwNiAyLjgzNnY0NTUuNTYyYzAgMTA1Ljk4NC0yMTUuMTU4IDE4OS4wNDYtNDg5Ljc4NyAxODkuMDQ2LTIzNS41MiAwLTQ4OS43NDgtNzIuMjcxLTQ4OS43NDgtMTg5LjA0NnptMTcuMTcxLTQzNS4yNHY0MDYuNDFjMzkuNTgtNDEuNzg2IDg4LjUxOC03NC4yOTYgMTQzLjQ4OS05NC4yMTVsMi41ODktLjgyVjgyLjIzNUMxMTMuODEgOTMuODQyIDYxLjQyMyAxMzIuNTIxIDMxLjQ5OSAxODUuNTU4bC0uNTQzIDEuMDQ2ek0yNzMuMzI5IDM2Mi44NWMxNy42MDUgODQuMTY1IDEwMS45NjcgODkuMDQ5IDEzMi4zMzIgODcuOTA2LTEyLjk3Mi0yMC4wMTQtMjMuMDE5LTQzLjMyNi0yOC44MTUtNjguMjY4bC0uMjktMS40ODJjLTM1Ljk1OC00LjU2OS03MC41MzgtMTAuNzUyLTEwMy4yMjctMTguMTU2em0xMjEuNTgxIDIwLjUyYzE2LjE2OCA3My44MTkgODAuOTkzIDEyOC4yNjEgMTU4LjUzNCAxMjguMjYxIDguMzA2IDAgMTYuNDY2LS42MjUgMjQuNDM2LTEuODNsLS44OTYuMTExYzg2Ljg5OC02LjI2MSAxNTcuMzY0LTY5LjU1NiAxNzQuNDU3LTE1Mi4zNTlsLjIxNC0xLjI0MWMtNzMuNzUyIDIxLjI5OC0xNTguNDY3IDMzLjU0Ny0yNDYuMDQzIDMzLjU0N2E5MjguMTIgOTI4LjEyIDAgMDEtMTE1LjE2NS03LjE0Nmw0LjUwMS40NTl6TTE5NC4wODcgNTA5Ljc5NGMtNDUuMzcxIDE2LjM0NS0xNjMuMTMxIDcwLjgxNC0xNjMuMTMxIDEyOS4yMjEgMCAxMDIuNzk0IDI0NC4xODUgMTcxLjg3NCA0NzIuNjE1IDE3MS44NzQgMjU2IDAgNDcyLjYxNS03OC43NjkgNDcyLjYxNS0xNzEuODc0IDAtNjEuMjgyLTEzNi4zODktMTE2LjM0Mi0xODAuNDYtMTM0LjM0MVYzNDEuODE5Yy04Ljc4MyAzLjIzLTE3LjYwNSA2LjUzOC0yNi41NDUgOS40NTItNy42NDEgOTguNDYyLTEwMC4zOTEgMTY2LjIwMy0xOTAuNDI1IDE3NS43NzQtNy40ODQgMS4wOTUtMTYuMTIzIDEuNzIxLTI0LjkwOSAxLjcyMS01NC4xMzYgMC0xMDIuNzI3LTIzLjc0NS0xMzUuOTI1LTYxLjM4OGwtLjE3MS0uMTk3Yy05Ljg4NiAxLjAyNC0xNDQuMTg3IDEyLjQwNi0xNjIuODk1LTEwOC43MDJhOTUwLjc0MyA5NTAuNzQzIDAgMDEtNjAuNjEzLTE3LjA5M3YxNjAuMTM4em03ODIuMS0zMjIuOTkzYy0zNS45MjMtNTYuMDg2LTk0LjI0NC05NS4xMzMtMTYyLjA0MS0xMDQuNTg2bC0xLjIwOC0uMTM4djQxMC42MjRjNDMuNzk2IDE3Ljk5OSAxMjcuMzcgNTQuMjcyIDE2My4yNDkgMTAxLjgwOXpNNTAzLjU3MiA4NDEuODQ2YzYuMTI5LjEzMyAxMy4zNTIuMjA5IDIwLjU5My4yMDkgMTE5LjA3OCAwIDIzMy4zNzUtMjAuNDc0IDMzOS41NjEtNTguMDk1bC03LjExIDIuMTk2Yzk3LjIwMS0zNy41MzQgMTUwLjcyNS04OS43NTggMTUwLjcyNS0xNDcuMTQxVjE4MS40ODRsLTEuODUxLTUuOTA4LS41MTItLjk4NWMtMTIuMTI5LTIxLjcyMS0yNy4wMTktNDAuMjUtNDQuNTAzLTU1Ljk0N2wtLjE5OS0uMTc2Yy0zOS4wNzQtMzUuMzgyLTg4LjU2OS01OS45MzctMTQzLjM1Ni02OC41NjFsLTEuNTgtLjIwNWgtMzMuNTU2djI2NC4zNWMtMTAuNTU1IDMuOTM4LTIxLjQ2NSA3LjQ0NC0zMy4yMDEgMTEuMDI4LTY5LjU2NSAyMS4zNjMtMTQ5LjUzMSAzMy42NjQtMjMyLjM2OSAzMy42NjQtMi40NTEgMC00Ljg5OS0uMDExLTcuMzQ1LS4wMzJsLjM3NC4wMDNjLTEwNy41NS0uMjA3LTIxMS4xNS0xNi43OTQtMzA4LjU0Mi00Ny4zOTZsNy4zMjggMS45ODVWNDkuNDI3aC0zMi4yNTZsLTEuMjYuMjM2Qzk5LjA3IDYyLjk4OCAzNi43NDkgMTA5Ljg3NyAyLjYwMSAxNzQuMDM5bC0uNjMyIDEuMy0uMzk0Ljg2Ni0xLjYxNSA1LjM5NnY0NTcuNDEzYzAgNjAuODg5IDU3LjMwNSAxMTMuMjMxIDE2NS43NyAxNTEuMzE2IDk3Ljg3NiAzMi42OTggMjEwLjU2OSA1MS41NjQgMzI3LjY2OCA1MS41NjQgMy41NzcgMCA3LjE1LS4wMTggMTAuNzE5LS4wNTNsLS41NDYuMDA0em0yNzguMjEzLTQ3OS45MDFWNTEzLjk3bDkuNzY3IDMuOTM4YzQxLjEgMTYuMTY4IDc1LjYwNiAzMy4wMzEgMTA4LjU4NSA1Mi4yMjdsLTMuNzQzLTIuMDEyYzQzLjMyMyAyNS45OTQgNjYuMDA5IDUwLjUzIDY2LjAwOSA3MC44OTIgMCAzOC4yODItNDcuODEzIDc3LjU4OC0xMzEuMTUxIDEwNy45MTQtOTMuMDk0IDMxLjg5LTIwMC4zNSA1MC4zMDEtMzExLjkwNiA1MC4zMDEtNS41NDYgMC0xMS4wODEtLjA0Ni0xNi42MDYtLjEzNmwuODMyLjAxMWMtMi42MTEuMDI0LTUuNjk3LjAzNy04Ljc4Ny4wMzctMTEwLjE5NyAwLTIxNi40MDUtMTcuMDc4LTMxNi4xMjMtNDguNzMybDcuMzkxIDIuMDI1Qzk2LjI1NiA3MjAuMjY2IDQ0Ljc0MSA2NzkuNjYxIDQ0Ljc0MSA2MzkuMDE2YzAtNDMuNzk2IDkzLjg1NC05Mi43OSAxMzguOTQ5LTExNi4zNDIgNi4yMjMtMy4yNjkgMTIuMTMtNi4zNDEgMTcuMDkzLTkuMDE5bDcuMjQ3LTMuOTM4VjM2MC4wNTVjMTEuODE1IDMuNDY2IDIzLjMxNiA2LjY5NSAzNC44OTUgOS42NDkgNy43NzkgNDEuMDIgMzMuOTU0IDc0LjY2NCA2OS40MzcgOTIuNTI4bC43NDYuMzRjMjQuOTc2IDEyLjA5MyA1NC4zMjEgMTkuMTYxIDg1LjMxNyAxOS4xNjEuOTk0IDAgMS45ODYtLjAwNyAyLjk3Ni0uMDIybC0uMTUuMDAyYzQuMjE0IDAgNy44NzcgMCAxMC43NTItLjI3NiAzNC44ODkgMzcuMzc0IDg0LjQ0NSA2MC42NyAxMzkuNDQzIDYwLjY3IDEuNjQgMCAzLjI3Ni0uMDIxIDQuOTA3LS4wNjJsLS4yNDEuMDA1aC4wNzdjOC41MDQgMCAxNi45MDItLjQ1OCAyNS4xNjktMS4zNWwtMS4wMjUuMDljODkuMTI3LTkuNDkyIDE4OC4xMDEtNzUuMDY3IDIwMS40NTItMTc4Ljg0NnptMTgwLjQ2LTE3MS4zNjN2MzY5LjY2NGMtMzguOTQ5LTMwLjczOC04My43My01Ni42MDgtMTMxLjk5Ny03NS41M2wtMy41NjQtMS4yMzFWOTguODU1YzU2LjkzMiAxMi4xNjcgMTA0LjUzMSA0NS4zOTYgMTM1LjIzMSA5MC45NTdsLjQ4OS43N3pNMTYzLjQ0NiA0ODguNjg0Yy00NS40MzkgMTguMjEyLTg0LjY1IDQxLjYxOC0xMTkuNTA0IDcwLjE0OGwuNzk5LS42MzRWMTkwLjAzMWMyNi4xMTctNDQuMDk0IDY3LjgwNi03Ni42MjQgMTE3LjMyNS05MC4yNjFsMS4zOC0uMzI0em01NzAuMTcxLTExMi44MzdjLTI0LjMxOSA2Ni44MjQtODQuODY0IDExNC43NjQtMTU3LjI3NSAxMjAuMzIxbC0uNjE4LjAzOGMtNS43MjMuNjQ1LTEyLjM2NSAxLjAxNy0xOS4wOTIgMS4wMjRoLS4wMWExNDAuMzIgMTQwLjMyIDAgMDEtNC4wNTUuMDU2Yy02My40MzIgMC0xMTcuMzk4LTQwLjUyOS0xMzcuNDE2LTk3LjEwNWwtLjMxNC0xLjAyYzMxLjUwOCAyLjgzNiA2My4yOTEgNC4yOTMgOTQuNTIzIDQuMjkzIDEuNDA5LjAwOCAzLjA3Ni4wMTMgNC43NDQuMDEzIDc3LjkyMyAwIDE1My40OTMtMTAuMDc3IDIyNS40NzctMjguOTk4bC02LjE2MiAxLjM3NnptLTM2Ny44OTEgMTcuNjA1YzQuNTQ2IDE2LjUxMiAxMC4wMjYgMzAuNzMxIDE2LjcxMiA0NC4yNDhsLS42NDMtMS40MzdjLTM4LjI5Ny0uNjYyLTcxLjMwNi0yMi42NTItODcuNzIyLTU0LjU3NGwtLjI2NC0uNTY0YzIzLjIzNyA0Ljk2MiA0Ny40NTggOS4wNTggNzEuNzU5IDEyLjMyN3ptNy42NCAyOTEuNTI1Yy00Ny44OTItMjAuNTk4LTc0LjgzMS02NS42NTQtNTkuNzA3LTEwMC40NyA4LjcwOS0xOC4wNzQgMjUuNTgyLTMxLjAxMyA0NS43MDEtMzQuMTA0bC4zNC0uMDQzYzUuOTItMS4yNzYgMTIuNzItMi4wMDggMTkuNjkyLTIuMDA5IDE3LjQzMy4xNzggMzMuOTM4IDMuOTU4IDQ4Ljg2OCAxMC42M2wtLjc4LS4zMTFjNDcuODkyIDIwLjU1OSA3NC44MzEgNjUuNjU0IDU5LjY2OCAxMDAuNDdzLTY2LjA4NyA0Ni40MzQtMTEzLjk3OSAyNS44MzZ6bTQ3LjQ5OC0xMTAuNjcxYy0xMS45MDUtNS41NTQtMjUuODQ3LTguNzk0LTQwLjU0Ni04Ljc5NC02LjA0OCAwLTExLjk2OC41NDktMTcuNzEyIDEuNTk5bC41OTktLjA5MWMtMTQuODUgMi4wNS0yNy4xOTEgMTEuMTk4LTMzLjYzNiAyMy44NTJsLS4xMTYuMjUyYy0xMS4yMjUgMjYuMjcgMTEuMzQzIDYxLjIwNCA1MC43MjcgNzguMDYgMTIuMjUxIDUuNDkzIDI2LjUzNiA4Ljc2NiA0MS41NjYgOC45NGwuMDY0LjAwMWMxLjU1My4xNjcgMy4zNTUuMjYzIDUuMTc5LjI2MyAxOS4wMzcgMCAzNS42NDgtMTAuMzkgNDQuNDcxLTI1LjgwOWwuMTMyLS4yNTFjMTEuMjI1LTI2LjExMi0xMS41LTYxLjA4Ni01MC42ODgtNzcuOTAzem0tNDEuMzE0LTM5Ljc3OGgtLjE4Yy03Ljk1MyAwLTE1LjcxMy44MzItMjMuMTk1IDIuNDEzbC43MjktLjEyOWMtMjQuOTY1IDQuMDE3LTQ1LjQ4IDE5Ljk5OS01NS43MzQgNDEuNzY3bC0uMTkyLjQ1M2MtMy4yODUgOC4wNjctNS4xOTIgMTcuNDI1LTUuMTkyIDI3LjIzIDAgMTUuMjA1IDQuNTg2IDI5LjM0IDEyLjQ1IDQxLjA5NWwtLjE2OS0uMjY4YzE0LjI0IDIyLjU0NCAzNC43MDcgNDAuMDE3IDU4Ljk4MyA1MC4yMTZsLjg0Mi4zMTRjMTUuNjc0IDcuMDE4IDMzLjk1NCAxMS4xNzcgNTMuMTg3IDExLjM0MmguMDYxYzEuNzU2LjEzNCAzLjgwNC4yMTEgNS44NjkuMjExIDMxLjYxMSAwIDU5LjAzOS0xNy45MTQgNzIuNjg1LTQ0LjE0M2wuMjE1LS40NTRjMy4yODItOC4wNjYgNS4xODctMTcuNDIzIDUuMTg3LTI3LjIyNSAwLTE1LjIwNi00LjU4NC0yOS4zNDItMTIuNDQ1LTQxLjEwMWwuMTY5LjI2OWMtMTQuMjM2LTIyLjU0OC0zNC43MDQtNDAuMDIyLTU4Ljk4My01MC4yMTdsLS44NDItLjMxNGMtMTUuNzI4LTcuMDUxLTM0LjA2OS0xMS4yNDgtNTMuMzY3LTExLjQ2bC0uMDc4LS4wMDF6bTQyLjIyIDEyOS45NjljLTEzLjE0OS0uMTktMjUuNTc3LTMuMDcxLTM2LjgyNS04LjExNGwuNTkxLjIzN2MtMzEuNTA4LTEzLjYyNy01MS41MTUtNDAuOTk5LTQzLjMyMy01OS44MjUgNC44NDktOC43NTYgMTMuNTU0LTE0Ljg2NiAyMy43NjEtMTYuMDU1bC4xNDYtLjAxNGM0LjI1OS0uNzU3IDkuMTYzLTEuMTkgMTQuMTY3LTEuMTkgMTIuNzY5IDAgMjQuODggMi44MTkgMzUuNzQ1IDcuODY4bC0uNTI0LS4yMThjMzEuNTA4IDEzLjU4OCA1MS41NTQgNDAuOTk5IDQzLjMyMyA1OS44MjUtNi45MjcgMTAuNjkxLTE4Ljc5OSAxNy42NjUtMzIuMjk5IDE3LjY2NS0xLjY3OSAwLTMuMzMyLS4xMDgtNC45NTMtLjMxN2wuMTkyLjAyeiIKICAgICAgfQogICAgfSksIF9jKCdnbHlwaCcsIHsKICAgICAgYXR0cnM6IHsKICAgICAgICAidW5pY29kZSI6ICLupKMiLAogICAgICAgICJnbHlwaC1uYW1lIjogImJvb2tpbmciLAogICAgICAgICJkIjogIk04MDIuNzczIDgxOC42MDNWOTYwaC00OS4wNjdWODE4LjYwM0gyNDUuOTczVjk2MGgtNDkuMDY3VjgxOC42MDNINjMuOTk5Vi02NGg4ODIuNTZ2ODgyLjYwM3pNODk3LjUzNiA2OS43Nkw4MTIuOC0xNC45MzNIMTEzLjA2N3Y1MzMuNjc1aDc4NC41MTJ6bTAgNDk4LjAwNUgxMTMuMDY3djIwMS44MTNoNzg0LjUxMnoiCiAgICAgIH0KICAgIH0pLCBfYygnZ2x5cGgnLCB7CiAgICAgIGF0dHJzOiB7CiAgICAgICAgInVuaWNvZGUiOiAi7qSkIiwKICAgICAgICAiZ2x5cGgtbmFtZSI6ICJtaWMiLAogICAgICAgICJob3Jpei1hZHYteCI6ICI2NjQiLAogICAgICAgICJkIjogIk0zMzIuMDkxIDk2MGMtMTE0LjU5NC0uMDktMjA3LjQ2Ny05Mi45NjItMjA3LjU1Ny0yMDcuNTQ4VjQ0OGMwLTExNC42NDEgOTIuOTM1LTIwNy41NzcgMjA3LjU3Ny0yMDcuNTc3UzUzOS42ODggMzMzLjM1OCA1MzkuNjg4IDQ0OHYzMDQuNDQzYy0uMDkgMTE0LjYwOC05Mi45ODUgMjA3LjQ5LTIwNy41OSAyMDcuNTU3aC0uMDA3em0wLTU1LjMzNWMuMjgyLjAwMi42MTUuMDAzLjk0OC4wMDMgODMuNTQ4IDAgMTUxLjI3Ni02Ny43MjkgMTUxLjI3Ni0xNTEuMjc2IDAtLjMzMy0uMDAxLS42NjctLjAwMy0xdi4wNTFWNDQ4YzAtODQuMDctNjguMTUyLTE1Mi4yMjItMTUyLjIyMi0xNTIuMjIyUzE3OS44NjggMzYzLjkzIDE3OS44NjggNDQ4djMwNC40NDNjLS4wMDIuMjgyLS4wMDMuNjE1LS4wMDMuOTQ4IDAgODMuNTQ4IDY3LjcyOSAxNTEuMjc2IDE1MS4yNzYgMTUxLjI3Ni4zMzMgMCAuNjY3LS4wMDEgMS0uMDAzaC0uMDUxem0tMzA0LjAxLTI5MC41OEMxMi42OTkgNjEzLjcyLjMyNSA2MDEuMzQ2LS4wMzkgNTg1Ljk5OWwtLjAwMS0uMDM0VjQ0Ny42MDd2LS4yNTVjMC0xNzMuNTk4IDEzMy4zNTktMzE2LjA0OCAzMDMuMjE5LTMzMC40OTJsMS4yMjQtLjA4NFYtOC42MjVIMTkzLjczMmMtMTUuMjggMC0yNy42NjgtMTIuMzg3LTI3LjY2OC0yNy42NjhzMTIuMzg3LTI3LjY2OCAyNy42NjgtMjcuNjY4aDI3Ni43NTZjMTUuMjggMCAyNy42NjggMTIuMzg3IDI3LjY2OCAyNy42NjhTNDg1Ljc2OS04LjYyNSA0NzAuNDg4LTguNjI1aC0xMTAuNzF2MTI1LjQwMWMxNzEuMDg0IDE0LjUyNyAzMDQuNDQzIDE1Ni45NzcgMzA0LjQ0MyAzMzAuNTc2di4yNjktLjAxNCAxMzguMzk4YzAgMTUuMjgtMTIuMzg3IDI3LjY2OC0yNy42NjggMjcuNjY4cy0yNy42NjgtMTIuMzg3LTI3LjY2OC0yNy42NjhWNDQ3LjYwN2MwLTE1Mi44NDgtMTIzLjkwOC0yNzYuNzU2LTI3Ni43NTYtMjc2Ljc1NlM1NS4zNzMgMjk0Ljc1OSA1NS4zNzMgNDQ3LjYwN3YxMzguMzk4Yy0uMzYyIDE1LjA2Ny0xMi4yNjIgMjcuMjQxLTI3LjE4MiAyOC4wMzlsLS4wNzIuMDAzeiIKICAgICAgfQogICAgfSksIF9jKCdnbHlwaCcsIHsKICAgICAgYXR0cnM6IHsKICAgICAgICAidW5pY29kZSI6ICLupKUiLAogICAgICAgICJnbHlwaC1uYW1lIjogInN1cnByaXNlIiwKICAgICAgICAiaG9yaXotYWR2LXgiOiAiMTAyMyIsCiAgICAgICAgImQiOiAiTTYwNy43ODMgMzQyLjA1NWguMDMzYTIyLjU3OCAyMi41NzggMCAwMTE2LjAzNiA2LjY1NWwuMDAxLjAwMWM2Ny4wNzQgNjcuMTc3IDE1OC4yNTkgMTEwLjI2MiAyNTkuNDY2IDExNS4xNjVsLjkwNi4wMzVoMy40NjZjMTEuNzIxLjk5NSAyMC44NTggMTAuNzU1IDIwLjg1OCAyMi42NDggMCAxMi41NTEtMTAuMTc0IDIyLjcyNS0yMi43MjUgMjIuNzI1bC0uMzE1LS4wMDJoLTMuNDVjLTExMy44NjgtNS41MTEtMjE1LjU1LTUzLjU2LTI5MC4zMzgtMTI4LjQ2N2wtLjAwNi0uMDA2YTIyLjY1NSAyMi42NTUgMCAwMS02LjY1Ni0xNi4wNjljMC0xMi41NTEgMTAuMTc0LTIyLjcyNSAyMi43MjUtMjIuNzI1ek00MjguNzQxIDUyMS4wNThoLjAzM2EyMi41NzggMjIuNTc4IDAgMDExNi4wMzYgNi42NTVsLjAwMS4wMDFjNzQuOTEzIDc0Ljc5MyAxMjIuOTYyIDE3Ni40NzUgMTI4LjQzNCAyODkuMzMybC4wMzkgMS4wMTF2My40NjZsLjAwMi4yOTljMCAxMi41NTEtMTAuMTc0IDIyLjcyNS0yMi43MjUgMjIuNzI1LTExLjg5NCAwLTIxLjY1My05LjEzNy0yMi42NDItMjAuNzc0bC0uMDA2LS4wODR2LTMuNDY2Yy00Ljk0Mi0xMDIuMTEyLTQ4LjAyNi0xOTMuMjk2LTExNS4xOTUtMjYwLjM2N2wtLjAwNS0uMDA1YTIyLjY1NSAyMi42NTUgMCAwMS02LjY1Ni0xNi4wNjljMC0xMi41NTEgMTAuMTc0LTIyLjcyNSAyMi43MjUtMjIuNzI1em0tMTMxLjgyIDMzLjA4NGEyMi42NTMgMjIuNjUzIDAgMDEtMTYuMDcgNi42NTdjLTkuMTk5IDAtMTcuMTIyLTUuNDY2LTIwLjY5Ny0xMy4zMjhsLS4wNTgtLjE0MkwxLjk2OS0zMi4wMTlDLjcyNC0zNC43NDEtLjAwMi0zNy45MjQtLjAwMi00MS4yNzZjMC0xMi41NTEgMTAuMTc0LTIyLjcyNSAyMi43MjUtMjIuNzI1IDMuMzUyIDAgNi41MzUuNzI2IDkuNCAyLjAyOWwtLjE0Mi0uMDU4IDU3OS4zNDggMjU4LjEyN2M4LjAwNCAzLjYzMyAxMy40NyAxMS41NTYgMTMuNDcgMjAuNzU1YTIyLjY1NSAyMi42NTUgMCAwMS02LjY1NyAxNi4wN3pNMjYyLjYxNyA5MC40NjZsLTc0LjAwNCAxODQuNzkzIDczLjQxMyAxNjQuNzQ2IDExOC44NjMtMjk2Ljg0MnptLTk5LjgwMSAxMjYuNzRsNTguMjUtMTQ1LjQ0Ny0xNTMuNi02OC4zNzJ6TTQyMi40IDE2MS40NzdMMjg5LjA0NCA0OTQuNDM1YTIyLjQzOCAyMi40MzggMCAwMS0xLjQ3NiAyLjk4MWwuMDU4LS4xMDUuNTEyIDEuMTQyIDI3NC41MTEtMjc0LjUxMXpNMjUwLjI4OSA4MDAuNjg5YzEyLjgzMyAwIDIzLjIzNyAxMC40MDQgMjMuMjM3IDIzLjIzN3MtMTAuNDA0IDIzLjIzNy0yMy4yMzcgMjMuMjM3Yy0xMi44MzMgMC0yMy4yMzctMTAuNDA0LTIzLjIzNy0yMy4yMzcgMC0xMi44MzMgMTAuNDA0LTIzLjIzNyAyMy4yMzctMjMuMjM3em0wIDY2LjQwM2MxMi41NTEgMCAyMi43MjUgMTAuMTc0IDIyLjcyNSAyMi43MjV2NDcuNDU4YzAgMTIuNTUxLTEwLjE3NCAyMi43MjUtMjIuNzI1IDIyLjcyNXMtMjIuNzI1LTEwLjE3NC0yMi43MjUtMjIuNzI1di00Ny40NThjMC0xMi41NTEgMTAuMTc0LTIyLjcyNSAyMi43MjUtMjIuNzI1em0wLTg2LjQxYy0xMi41NTEgMC0yMi43MjUtMTAuMTc0LTIyLjcyNS0yMi43MjV2LTQ3LjQ5OGMwLTEyLjU1MSAxMC4xNzQtMjIuNzI1IDIyLjcyNS0yMi43MjVzMjIuNzI1IDEwLjE3NCAyMi43MjUgMjIuNzI1djQ3LjQ5OGMwIDEyLjU1MS0xMC4xNzQgMjIuNzI1LTIyLjcyNSAyMi43MjV6bS0xMTMuNTQ2IDIwLjQ4aDQ3LjQ5OGMxMi41NTEgMCAyMi43MjUgMTAuMTc0IDIyLjcyNSAyMi43MjVzLTEwLjE3NCAyMi43MjUtMjIuNzI1IDIyLjcyNWgtNDcuNDk4Yy0xMi41NTEgMC0yMi43MjUtMTAuMTc0LTIyLjcyNS0yMi43MjVzMTAuMTc0LTIyLjcyNSAyMi43MjUtMjIuNzI1em0xNzkuNDM3IDBoNDcuNDk4YzEyLjU1MSAwIDIyLjcyNSAxMC4xNzQgMjIuNzI1IDIyLjcyNXMtMTAuMTc0IDIyLjcyNS0yMi43MjUgMjIuNzI1SDMxNi4xOGMtMTIuNTUxIDAtMjIuNzI1LTEwLjE3NC0yMi43MjUtMjIuNzI1czEwLjE3NC0yMi43MjUgMjIuNzI1LTIyLjcyNXptNTMyLjM2Mi00Ny43MzRjMTIuODMzIDAgMjMuMjM3IDEwLjQwNCAyMy4yMzcgMjMuMjM3cy0xMC40MDQgMjMuMjM3LTIzLjIzNyAyMy4yMzdjLTEyLjgzMyAwLTIzLjIzNy0xMC40MDQtMjMuMjM3LTIzLjIzNyAwLTEyLjgzMyAxMC40MDQtMjMuMjM3IDIzLjIzNy0yMy4yMzd6bTAgNjYuNTk5YzEyLjU1MSAwIDIyLjcyNSAxMC4xNzQgMjIuNzI1IDIyLjcyNXY0Ny40NThjMCAxMi41NTEtMTAuMTc0IDIyLjcyNS0yMi43MjUgMjIuNzI1cy0yMi43MjUtMTAuMTc0LTIyLjcyNS0yMi43MjV2LTQ3LjQ1OGMwLTEyLjU1MSAxMC4xNzQtMjIuNzI1IDIyLjcyNS0yMi43MjV6bTAtODYuMzdjLTEyLjU1MSAwLTIyLjcyNS0xMC4xNzQtMjIuNzI1LTIyLjcyNXYtNDcuNDk4YzAtMTIuNTUxIDEwLjE3NC0yMi43MjUgMjIuNzI1LTIyLjcyNXMyMi43MjUgMTAuMTc0IDIyLjcyNSAyMi43MjV2NDcuNDk4YzAgMTIuNTUxLTEwLjE3NCAyMi43MjUtMjIuNzI1IDIyLjcyNXptLTExMy4yNzEgMjAuNDRoNDcuMjYyYzEyLjU1MSAwIDIyLjcyNSAxMC4xNzQgMjIuNzI1IDIyLjcyNXMtMTAuMTc0IDIyLjcyNS0yMi43MjUgMjIuNzI1aC00Ny4yNjJjLTEyLjU1MSAwLTIyLjcyNS0xMC4xNzQtMjIuNzI1LTIyLjcyNXMxMC4xNzQtMjIuNzI1IDIyLjcyNS0yMi43MjV6bTI0OS4zODQgMjIuNzI1YzAgMTIuNTUxLTEwLjE3NCAyMi43MjUtMjIuNzI1IDIyLjcyNWgtNDcuNDk4Yy0xMi41NTEgMC0yMi43MjUtMTAuMTc0LTIyLjcyNS0yMi43MjVzMTAuMTc0LTIyLjcyNSAyMi43MjUtMjIuNzI1aDQ3LjQ5OGMxMi41NTEgMCAyMi43MjUgMTAuMTc0IDIyLjcyNSAyMi43MjV6bS05OC4wNjgtNjIyLjMxNmMtMTIuODMzIDAtMjMuMjM3LTEwLjQwNC0yMy4yMzctMjMuMjM3czEwLjQwNC0yMy4yMzcgMjMuMjM3LTIzLjIzN2MxMi44MzMgMCAyMy4yMzcgMTAuNDA0IDIzLjIzNyAyMy4yMzcgMCAxMi44MzMtMTAuNDA0IDIzLjIzNy0yMy4yMzcgMjMuMjM3em0wIDExMi45MTZjLTEyLjU1MSAwLTIyLjcyNS0xMC4xNzQtMjIuNzI1LTIyLjcyNXYtNDcuNDk4YzAtMTIuNTUxIDEwLjE3NC0yMi43MjUgMjIuNzI1LTIyLjcyNXMyMi43MjUgMTAuMTc0IDIyLjcyNSAyMi43MjV2NDcuNDk4YzAgMTIuNTUxLTEwLjE3NCAyMi43MjUtMjIuNzI1IDIyLjcyNXptMC0xNzkuMzE5Yy0xMi41NTEgMC0yMi43MjUtMTAuMTc0LTIyLjcyNS0yMi43MjVWMTcuOTJjMC0xMi41NTEgMTAuMTc0LTIyLjcyNSAyMi43MjUtMjIuNzI1czIyLjcyNSAxMC4xNzQgMjIuNzI1IDIyLjcyNXY0Ny40NThjMCAxMi41NTEtMTAuMTc0IDIyLjcyNS0yMi43MjUgMjIuNzI1em0tNjUuNzcyIDY1LjkzaC00Ny40OThjLTEyLjU1MSAwLTIyLjcyNS0xMC4xNzQtMjIuNzI1LTIyLjcyNXMxMC4xNzQtMjIuNzI1IDIyLjcyNS0yMi43MjVoNDcuNDk4YzEyLjU1MSAwIDIyLjcyNSAxMC4xNzQgMjIuNzI1IDIyLjcyNXMtMTAuMTc0IDIyLjcyNS0yMi43MjUgMjIuNzI1em0xNzkuMTYgMGgtNDcuNDk4Yy0xMi41NTEgMC0yMi43MjUtMTAuMTc0LTIyLjcyNS0yMi43MjVzMTAuMTc0LTIyLjcyNSAyMi43MjUtMjIuNzI1aDQ3LjQ5OGMxMi41NTEgMCAyMi43MjUgMTAuMTc0IDIyLjcyNSAyMi43MjVzLTEwLjE3NCAyMi43MjUtMjIuNzI1IDIyLjcyNXoiCiAgICAgIH0KICAgIH0pLCBfYygnZ2x5cGgnLCB7CiAgICAgIGF0dHJzOiB7CiAgICAgICAgInVuaWNvZGUiOiAi7qSmIiwKICAgICAgICAiZ2x5cGgtbmFtZSI6ICJ3cml0ZSIsCiAgICAgICAgImhvcml6LWFkdi14IjogIjEwMTkiLAogICAgICAgICJkIjogIk04MzcuMjkzIDg3MC43NzNMODIwLjU4IDg1NC4wNmw2MS4yNTgtNjEuMjU4IDE2LjcxMyAxNi43MTMtNjEuMjU4IDYxLjI1OHptMCA4OS4yMjdsMTUwLjQ4NS0xNTAuNDg1LTEwNS45NC0xMDUuOTRMNzMxLjM1MyA4NTQuMDZ6bTMuNDAxLTI5Ni42MjZMMjY3LjMwNyA4OS45ODcgMTExLjAyMiA4Mi4zbDcuNzIyIDE1Ni4yNSA1NzMuMzg3IDU3My4zODd6TTIzOS45MjEgMTUxLjgyOWw1MTEuNTQ1IDUxMS41NDUtNTkuMzM2IDU5LjMzNi01MTEuNTQ1LTUxMS41NDUtMy4wODktNjIuMzl6TTEwMTkuMTk1LTY0SDBWLS45MDdoMTAxOS4xOTV6IgogICAgICB9CiAgICB9KSwgX2MoJ2dseXBoJywgewogICAgICBhdHRyczogewogICAgICAgICJ1bmljb2RlIjogIu6kpyIsCiAgICAgICAgImdseXBoLW5hbWUiOiAiY2xvc2UiLAogICAgICAgICJkIjogIk0xMDI0IDk3LjY4NEw2NzcuNTM0IDQ1MS44NDkgMTAyNCA3OTguMzE1IDg2Mi4zMTYgOTU5Ljk5OSA1MDguMTUxIDYxMy41MzMgMTYxLjY4NSA5NTkuOTk5LjAwMSA3OTguMzE1bDM0Ni40NjYtMzQ2LjQ2NkwuMDAxIDk3LjY4NCAxNjEuNjg1LTY0bDM0Ni40NjYgMzQ2LjQ2Nkw4NjIuMzE2LTY0eiIKICAgICAgfQogICAgfSksIF9jKCdnbHlwaCcsIHsKICAgICAgYXR0cnM6IHsKICAgICAgICAidW5pY29kZSI6ICLupKgiLAogICAgICAgICJnbHlwaC1uYW1lIjogImFyb3VuZDEiLAogICAgICAgICJob3Jpei1hZHYteCI6ICIxMzA0IiwKICAgICAgICAiZCI6ICJNMTEwNS41MTIgODg4LjY3N0M5NTcuNzcxIDkzOS42MjIgODA0LjkzNSA5NjUuMDk1IDY0Ny4wMDUgOTYwYy0xNDIuNjQ3IDAtMjkwLjM4OC0yMC4zNzgtNDMzLjAzNS02Ni4yMjlDNzYuNDE4IDg0Mi44MjYgMCA3NzYuNTk3IDAgNzAwLjE3OXYtNTk2LjA2QzQ1Ljg1MSAxNy41MTIgMTI3LjM2My00My42MjIgMjI0LjE1OS01OC45MDZoNDAuNzU2djM0MS4zMzNjMTI3LjM2MyA0MC43NTYgMjU5LjgyMSA1Ni4wNCAzODcuMTg0IDYxLjEzNCAxMDYuOTg1IDAgMjA4Ljg3Ni0xNS4yODQgMzEwLjc2Ni00NS44NTEgMTUuMjg0LTUuMDk1IDMwLjU2Ny0xMC4xODkgNDAuNzU2LTE1LjI4NFYtNTguOTA3aDQwLjc1NmM3MS4zMjMgMTAuMTg5IDEzNy41NTIgNDAuNzU2IDE4OC40OTggODYuNjA3IDI1LjQ3MyAyMC4zNzggNDAuNzU2IDQ1Ljg1MSA1Ni4wNCA3MS4zMjN2NjAxLjE1NGMxNS4yODQgNzEuMzIzLTU2LjA0IDEzNy41NTItMTgzLjQwMyAxODguNDk4ek0xMDY5Ljg1MS0yLjg2NnY0OTkuMjY0YzYxLjEzNCAyNS40NzMgMTIyLjI2OSA1Ni4wNCAxNzMuMjE0IDk2Ljc5NlYxMTQuMzA4Yy00MC43NTYtNTYuMDQtMTAxLjg5MS0xMDEuODkxLTE3My4yMTQtMTE3LjE3NHpNMTAyNCA1NDIuMjQ5bC0xMC4xODktNS4wOTVWMzM4LjQ2N0M5OTguNTI3IDQ3MC45MjUgODY2LjA3IDU1Ny41MzIgNzUzLjk5IDU2Ny43MjFoLTMwLjU2N2MtNzEuMzIzIDAtMTM3LjU1Mi0yNS40NzMtMTg4LjQ5OC03Ni40MThoLTE1LjI4NGMtNDAuNzU2IDAtNzYuNDE4LTEwLjE4OS0xMTIuMDgtMjUuNDczLTUwLjk0NS0yMC4zNzgtODEuNTEyLTY2LjIyOS05MS43MDEtMTE3LjE3NC0xNS4yODQtNS4wOTUtMzAuNTY3LTEwLjE4OS00NS44NTEtMTAuMTg5djE5My41OTJsLTEwLjE4OSA1LjA5NWMtNS4wOTUgMC0xNS4yODQgNS4wOTUtMjAuMzc4IDEwLjE4OS01Ni4wNCAzMC41NjctMTc4LjMwOCA5MS43MDEtMTc4LjMwOCAxNTIuODM2IDAgNTAuOTQ1IDY2LjIyOSAxMDYuOTg1IDE4My40MDMgMTQyLjY0NyAxMzIuNDU4IDQwLjc1NiAyNzAuMDEgNjEuMTM0IDQxMi42NTcgNjEuMTM0czI4NS4yOTQtMjAuMzc4IDQyMi44NDYtNjYuMjI5YzEwNi45ODUtNDAuNzU2IDE2OC4xMTktOTEuNzAxIDE2OC4xMTktMTM3LjU1MiAwLTI1LjQ3My0zMC41NjctNTYuMDQtODYuNjA3LTkxLjcwMS00NS44NTEtMjUuNDczLTkxLjcwMS01MC45NDUtMTM3LjU1Mi02Ni4yMjl6bS03Ni40MTgtMTgzLjQwM2MtOTYuNzk2IDI1LjQ3My0xOTMuNTkyIDM1LjY2Mi0yOTAuMzg4IDM1LjY2Mi00MC43NTYgMC04MS41MTIgMC0xMjIuMjY5LTUuMDk1IDI1LjQ3MyA3Ni40MTggMTAxLjg5MSAxMjcuMzYzIDE4My40MDMgMTI3LjM2M2gyNS40NzNjOTEuNzAxLTEwLjE4OSAxNzMuMjE0LTcxLjMyMyAyMDMuNzgxLTE1Ny45M3ptLTQ1My40MTMgNzYuNDE4Yy0xMC4xODktMTUuMjg0LTE1LjI4NC0zNS42NjItMjAuMzc4LTU2LjA0TDM4Mi4wOSAzNjMuOTRjMjAuMzc4IDQwLjc1NiA2MS4xMzQgNzEuMzIzIDExMi4wOCA3MS4zMjN6bS0yODUuMjkzIDY2LjIyOVYtMi44NjVDMTQyLjY0NyAxMi40MTkgODYuNjA3IDU4LjI2OSA1Ni4wNCAxMTQuMzA5djQ3OC44ODZjNDUuODUxLTM1LjY2MiAxMDEuODkxLTY2LjIyOSAxNTIuODM2LTkxLjcwMXptMzM2LjIzOCAyODUuMjkzYy0yNS40NzMgMC00NS44NTEtNS4wOTUtNzEuMzIzLTE1LjI4NC0zMC41NjctMTAuMTg5LTU2LjA0LTM1LjY2Mi03Ni40MTgtNjEuMTM0LTE1LjI4NC0zMC41NjctMjAuMzc4LTYxLjEzNC0xMC4xODktOTEuNzAxIDE1LjI4NC0zMC41NjcgNDAuNzU2LTUwLjk0NSA3MS4zMjMtNTYuMDQgMTAuMTg5IDAgMjAuMzc4LTUuMDk1IDMwLjU2Ny01LjA5NSAyNS40NzMgMCA0NS44NTEgNS4wOTUgNzEuMzIzIDE1LjI4NCAzMC41NjcgMTUuMjg0IDYxLjEzNCAzNS42NjIgNzYuNDE4IDY2LjIyOSAxNS4yODQgMjUuNDczIDIwLjM3OCA2MS4xMzQgMTAuMTg5IDg2LjYwNy0yMC4zNzggNDAuNzU2LTYxLjEzNCA2Ni4yMjktMTAxLjg5MSA2MS4xMzR6bS00NS44NS02Ni4yMjljMTUuMjg0IDUuMDk1IDMwLjU2NyAxMC4xODkgNDUuODUxIDEwLjE4OSAyMC4zNzggMCAzNS42NjItNS4wOTUgNDUuODUxLTIwLjM3OCAxMC4xODktMjUuNDczLTE1LjI4NC02MS4xMzQtNTYuMDQtNzYuNDE4LTIwLjM3OC0xMC4xODktNDAuNzU2LTEwLjE4OS02Ni4yMjktMTAuMTg5LTEwLjE4OSAwLTIwLjM3OCAxMC4xODktMjUuNDczIDIwLjM3OC0xMC4xODkgMjUuNDczIDE1LjI4NCA2MS4xMzQgNTYuMDQgNzYuNDE4eiIKICAgICAgfQogICAgfSksIF9jKCdnbHlwaCcsIHsKICAgICAgYXR0cnM6IHsKICAgICAgICAidW5pY29kZSI6ICLupKkiLAogICAgICAgICJnbHlwaC1uYW1lIjogImNyb3NzLXRoaW4iLAogICAgICAgICJkIjogIk00My4zMzUgOTYwTDAgOTE2LjY2NWw0NjguNjY2LTQ2OC42NjZMMC0yMC42NjdsNDMuMzM1LTQzLjMzNSA0NjguNjY2IDQ2OC42NjZMOTgwLjY2Ny02NC4wMDJsNDMuMzM1IDQzLjMzNS00NjguNjY2IDQ2OC42NjYgNDY4LjY2NiA0NjguNjY2TDk4MC42NjcgOTYwIDUxMi4wMDEgNDkxLjMzNCA0My4zMzUgOTYweiIKICAgICAgfQogICAgfSldKV0pXSkpOwogIH0KfTs=#icomoon) format("svg")}@font-face{font-display:swap;font-family:"RunWild";font-style:normal;font-weight:400;src:url(/_nuxt/fonts/RunWild.4c495e8.ttf) format("truetype")}html{font-family:"Visby CF",Arial,Helvetica,sans-serif;font-size:10px;word-spacing:1px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box;color:#171a21}@media (min-width:769px){html{font-size:8px}}*,:after,:before{box-sizing:border-box;margin:0}:focus{outline:none}a{-webkit-text-decoration:none;text-decoration:none}::-moz-selection{background-color:#000;color:#fff}::selection{background-color:#000;color:#fff}[data-dark] ::-moz-selection{background-color:#fff;color:#000}[data-dark] ::selection{background-color:#fff;color:#000}[data-dark] [data-light] ::-moz-selection{background-color:#000;color:#fff}[data-dark] [data-light] ::selection{background-color:#000;color:#fff}button{border:0;cursor:pointer;margin:0;padding:0}button,input,textarea{background-color:transparent;font-family:"Visby CF",Arial,Helvetica,sans-serif}.root{min-height:100vh;min-height:-webkit-fill-available}.page,.root{display:flex;flex-direction:column}.page{flex-grow:1}.page--stickyNavbar{margin-right:2.2rem}@media (min-width:769px){.page--stickyNavbar{margin-right:2.6rem}}.container{padding:0 6vw;width:100%}.container--noRightPadding{padding-right:0}.container--full{display:flex;flex-direction:column;flex-grow:1;height:100%}.container--flex{display:flex}.container__back{margin:0 -6vw}.heading{font-size:Min(2rem,Max(5.375vw,8.6rem));font-size:max(2rem,min(5.375vw,8.6rem));line-height:1.27907}@media (max-width:1600px){.heading{font-size:7rem}}@media (max-width:1366px){.heading{font-size:6rem}}@media (max-width:1024px){.heading{font-size:5.2rem}}@media (max-width:768px){.heading{font-size:3.4rem}}@media (max-width:600px){.heading{font-size:3rem}}@media (max-width:360px){.heading{font-size:2.4rem}}.heading--mainEn{font-size:Min(2rem,Max(4.875vw,7.8rem));font-size:max(2rem,min(4.875vw,7.8rem))}@media (max-width:1600px){.heading--mainEn{font-size:6.3rem}}@media (max-width:1366px){.heading--mainEn{font-size:5.7rem}}@media (max-width:1280px){.heading--mainEn{font-size:5.2rem}}@media (max-width:1024px){.heading--mainEn{font-size:4.8rem}}@media (max-width:768px){.heading--mainEn{font-size:3.4rem}}@media (max-width:600px){.heading--mainEn{font-size:3rem}}@media (max-width:360px){.heading--mainEn{font-size:2.4rem}}.grecaptcha-badge{display:none!important}.page-enter-active,.page-leave-active{transition:opacity .4s}.page-enter,.page-leave-to{opacity:0}.layout-enter-active,.layout-leave-active{transition:opacity .4s}.layout-enter,.layout-leave-active{opacity:0} .nuxt-progress{background-color:#171a21;height:2px;left:0;opacity:1;position:fixed;right:0;top:0;transition:width .1s,opacity .4s;width:0;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.sticky-fade-enter-active,.sticky-fade-leave-active{transition:opacity .4s}.sticky-fade-enter,.sticky-fade-leave-to{opacity:0} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.header{color:#171a21;left:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:111}.header.hidden{opacity:0}.header__box{left:0;width:100%}.header__box--static{height:8.5vw;position:absolute;top:3vw;z-index:0}@media (max-width:600px){.header__box--static{top:calc(3vw + 10px)}}.header__box--fixed{position:fixed;top:0;z-index:1}.header__logo{display:block;height:6vw;left:0;position:absolute;top:0;transform:translateY(4.25vw);transition:transform .3s cubic-bezier(.32,0,.67,0);width:6vw}@media (max-width:600px){.header__logo:not(.header__logo--fixed){transform:translateY(calc(4.25vw + 10px))}}.header__logo--fixed{transform:translateY(0)}.header__logo--fixed,.header__logoBox{transition:transform .3s cubic-bezier(.33,1,.68,1) .3s}.header__logoBox{display:block;height:100%;position:relative;transform:translateX(calc(3vw + 1.1rem));width:100%}.header__logo--fixed .header__logoBox{transform:translateX(0);transition:transform .3s cubic-bezier(.32,0,.67,0)}.header__fullLogoBox{display:block;font-size:0;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-7.6%,-60%);transition:opacity .3s .3s,visibility .3s .3s;visibility:visible;z-index:1}.header__logo--fixed .header__fullLogoBox{opacity:0;transition:opacity .3s,visibility .3s;visibility:hidden}@media (max-width:600px){.header__fullLogoBox{left:calc(50% - 3vw + 10px)}}.header__fullLogo{display:block;position:relative}.header__fullLogo:before{font-family:"icomoon"!important;speak:none;font-feature-settings:normal;font-style:normal;font-variant:normal;font-weight:400;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:""!important;display:block;font-size:2.4rem;height:1em;line-height:1}@media (min-width:769px){.header__fullLogo:before{font-size:3rem}}.header__sideLogo{display:block;height:100%;left:0;opacity:0;position:relative;top:0;transition:opacity .3s .3s,visibility .3s .3s;visibility:hidden;width:100%;z-index:0}.header__logo--fixed .header__sideLogo{left:6vw;opacity:1;top:3vw;transition:opacity .3s,visibility .3s;visibility:visible}@media (min-width:441px){.header__logo--fixed .header__sideLogo{left:4vw}}@media (min-width:1025px){.header__logo--fixed .header__sideLogo{left:0;top:0}}.header--home .header__logo--fixed .header__sideLogo{display:none}@media (min-width:601px){.header--home .header__logo--fixed .header__sideLogo{display:block}}.header--portfolio .header__logo--fixed .header__sideLogo{display:none}.header__sideLogoImg{display:block;height:100%;position:relative;width:100%}.header__sideLogoImg--dark{color:#fff}.header__sideLogoImg:hover:before{animation-duration:1s;animation-iteration-count:infinite;animation-name:pulseLogo;animation-timing-function:ease-in-out}@keyframes pulseLogo{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.header__sideLogoImg:before{font-family:"icomoon"!important;speak:none;font-feature-settings:normal;font-style:normal;font-variant:normal;font-weight:400;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:""!important;display:block;font-size:2.24rem;height:1em;left:50%;line-height:1;margin-left:-.5em;margin-top:-.5em;position:absolute;top:50%;width:1em}@media (min-width:769px){.header__sideLogoImg:before{font-size:2.8rem}}.header__logoText{color:#171a21;display:block;font-family:"Visby CF",Arial,Helvetica,sans-serif;font-size:1.1rem;font-weight:600;left:50%;line-height:1.2;opacity:0;pointer-events:none;position:absolute;text-align:justify;text-transform:uppercase;top:100%;transform:translate(-50%,240%);transition:opacity .2s,visibility .2s,transform .2s;width:100%}.header__fullLogo:hover~.header__logoText{opacity:.6;transform:translate(-50%,70%);visibility:visible}.header__logoText:after{content:"";display:inline-block;height:0;width:100%}html[lang=pl-PL] .header__logoText{font-size:.95rem}.header__inner{justify-content:space-between}.header__inner,.header__utils{align-items:center;display:flex;height:100%}.header__utils{justify-content:flex-end;padding-right:calc(4vw + 24px);position:relative;visibility:visible}@media (min-width:769px){.header__utils{padding-right:calc(4vw + 32px)}}.header__nav{display:none}@media (min-width:769px){.header__nav{display:block;margin-right:4vw;opacity:1;visibility:visible}}.header__navItems{align-items:center;display:flex}.header__navItem{display:block}.header__navItem+.header__navItem{margin-left:4vw}.header__link{display:inline-block;padding:4px 0;text-align:left}.header__linkText{display:block;font-family:"Visby CF",Arial,Helvetica,sans-serif;font-size:1.6rem;font-weight:800;line-height:1.16667;overflow:hidden;position:relative;text-transform:uppercase}@media (min-width:769px){.header__linkText{font-size:2rem}}@media (min-width:1025px){.header__linkText{font-size:2.4rem}}.header__linkText:before{background-color:#000;content:"";height:2px;left:0;margin-top:-1px;position:absolute;top:50%;transform:translateX(-101%);transition:transform .2s;width:100%}.header__link:hover .header__linkText:before{transform:translateX(0)}.header__langs{position:relative}.header__staticMenuButton{flex-shrink:0;margin-right:calc(-3vw + 10px);position:relative}@media (min-width:769px){.header__staticMenuButton{margin-right:calc(-3vw + 16px)}}.header__menuButton{position:absolute;right:0;top:0;transform:translateY(4.25vw);transition:transform .3s cubic-bezier(.32,0,.67,0);z-index:1}@media (max-width:768px){.header__menuButton{transform:translateY(4vw)}}@media (max-width:600px){.header__menuButton{transform:translateY(calc(4vw + 10px))}}.header__menuButton--fixed{right:6vw;top:3vw;transform:translateY(0);transition:top .3s,right .3s,transform .3s cubic-bezier(.33,1,.68,1) .3s}@media (min-width:1025px){.header__menuButton--fixed{right:0;top:0}}.header__menuButton--active{right:5px;top:5px;transition:transform .2s}@media (max-width:600px){.header__menuButton--active{transform:translate(calc(-6vw + 8px),calc(3vh - 8px))}}.header__menuButtonBox{display:block;height:100%;position:relative;transform:translateX(calc(-3vw - 12px));transition:transform .3s cubic-bezier(.33,1,.68,1) .3s;width:100%}@media (min-width:769px){.header__menuButtonBox{transform:translateX(calc(-3vw - 16px))}}.header__menuButton--fixed .header__menuButtonBox{transform:translateX(0);transition:transform .3s cubic-bezier(.32,0,.67,0)}@media (min-width:769px){.header__menuButton--fixed .header__menuButtonBox{transform:translateX(0)}}.header__menu{background-color:#f8f8f8;color:#171a21;display:block;position:absolute;right:0;top:0;transform:translateX(100%);transition:visibility .4s,transform .4s;visibility:hidden;width:100%;z-index:0}@media (min-width:601px){.header__menu{max-width:100%;min-width:68%;width:auto}}@media (min-width:1281px){.header__menu{min-width:64%}}.header__menu--active{transform:translateX(0);visibility:visible} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.langSwitch{display:block;position:relative}.langSwitch__langs{align-items:center;display:flex;margin:0 -8px}@media (min-width:769px){.langSwitch__langs{margin:0 -16px}}.langSwitch__lang{display:block;flex-shrink:0;padding:0 8px}@media (min-width:769px){.langSwitch__lang{padding:0 16px}}.langSwitch__link{display:block;font-family:"Visby CF",Arial,Helvetica,sans-serif;font-size:1.2rem;font-weight:800;line-height:1.16667;overflow:hidden;padding:4px 0;position:relative;text-transform:uppercase;transition:opacity .2s}@media (min-width:361px){.langSwitch__link{font-size:1.6rem}}@media (min-width:769px){.langSwitch__link{font-size:2rem}}@media (min-width:1025px){.langSwitch__link{font-size:2.4rem}}.langSwitch__link--other{opacity:.4}.langSwitch__link--other:before{background-color:#000;content:"";height:2px;left:0;margin-top:-1px;position:absolute;top:50%;transform:translateX(-100%);transition:transform .2s;width:100%}.langSwitch__link--other:hover{opacity:1}.langSwitch__link--other:hover:before{transform:translateX(0)} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.burgerButton{cursor:pointer;display:block;flex-shrink:0;height:6vw;padding:0;position:relative;visibility:visible;width:6vw}.burgerButton__bg{background-color:#f5f7f9;display:block;height:100%;position:relative;transition:background-color .2s;width:100%}.burgerButton__bg--dark{background-color:rgba(23,26,33,.6)}.burgerButton__bars{display:block;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);visibility:hidden;width:20px}@media (min-width:769px){.burgerButton__bars{height:32px;width:32px}}@keyframes burgerButtonSpin{0%{transform:translate(-50%,-50%) rotate(-1turn)}to{transform:translate(-50%,-50%) rotate(0deg)}}.burgerButton--spin:hover .burgerButton__bars{animation:burgerButtonSpin .4s cubic-bezier(.65,0,.35,1)}.burgerButton__bar{height:100%;top:0;transition:transform .2s}.burgerButton__bar,.burgerButton__bar:before{display:block;left:0;position:absolute;width:100%}.burgerButton__bar:before{background-color:#171a21;content:"";height:2px;margin-top:-1px;top:50%;visibility:visible}.burgerButton__bg--dark .burgerButton__bar:before{background-color:#fff}.burgerButton__bar--t{transform:translateY(-16%)}@media (max-width:768px){.burgerButton__bar--t{transform:translateY(-32%)}}.burgerButton:hover .burgerButton__bar--t{transform:translateY(-32%)}.burgerButton--active .burgerButton__bar--t,.burgerButton--active:hover .burgerButton__bar--t{transform:translateY(0) rotate(135deg)}.burgerButton__bar--m{transform:scaleX(0)}@media (max-width:768px){.burgerButton__bar--m{transform:scaleX(1)}}.burgerButton:hover .burgerButton__bar--m{transform:scaleX(1)}.burgerButton--active .burgerButton__bar--m,.burgerButton--active:hover .burgerButton__bar--m{transform:scaleX(0)}.burgerButton__bar--b{transform:translateY(16%)}@media (max-width:768px){.burgerButton__bar--b{transform:translateY(32%)}}.burgerButton:hover .burgerButton__bar--b{transform:translateY(32%)}.burgerButton--active .burgerButton__bar--b,.burgerButton--active:hover .burgerButton__bar--b{transform:translateY(0) rotate(-135deg)} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.menu{display:block;width:100%}.menu--active{background-color:#f8f8f8}.menu__inner{display:flex;flex-direction:column;height:100vh}.menu__head{align-items:center;display:flex;flex-shrink:0;height:6vw;justify-content:flex-end;margin-right:2vw}.menu--active .menu__head{flex-direction:column;flex-grow:1;justify-content:center;margin:0 -6vw;order:2;padding:16vw 0}@media (min-width:601px){.menu--active .menu__head{flex-direction:row;flex-grow:0;height:6vw;justify-content:flex-end;margin-right:2vw;order:0;padding:0}}.menu__socItems{display:flex}.menu__langs{margin-left:0;position:relative}@media (min-width:601px){.menu__langs{margin-left:4vw;order:2}}.menu__socItem{display:block;padding-top:4vw;position:relative}@media (min-width:601px){.menu__socItem{padding-top:0}}.menu__socItem+.menu__socItem{margin-left:4vw}@media (min-width:601px){.menu__socItem+.menu__socItem{margin-left:24px}}.menu__socItem:before{backface-visibility:hidden;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(0);transition:transform .3s,opacity .3s;width:100%;z-index:0}.menu__socItem:after{font-family:"icomoon"!important;z-index:1;speak:none;font-feature-settings:normal;font-style:normal;font-variant:normal;font-weight:400;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;font-size:32px;height:32px;line-height:1;position:relative;text-align:center;transition:color .2s;width:32px}@keyframes menuSocLinkBefore{0%{transform:scale(0)}60%{transform:scale(2.2)}to{transform:scale(1.6)}}@keyframes menuSocLinkAfter{0%,to{transform:scale(1)}40%{transform:scale(1.4)}}.menu__socItem:hover:before{animation:menuSocLinkBefore .3s cubic-bezier(.65,0,.35,1);opacity:1;transform:scale(1.6)}.menu__socItem:hover:after{animation:menuSocLinkAfter .3s cubic-bezier(.65,0,.35,1) .04s;color:#fff}.menu__socItem--facebook:before{background-color:#3b5998}.menu__socItem--facebook:after{content:""!important}.menu__socItem--dribbble:before{background-color:#ea4c89}.menu__socItem--dribbble:after{content:""!important}.menu__socItem--instagram:before{background-image:linear-gradient(45deg,#405de6,#833ab4,#e1306c,#f77737,#ffdc80)}.menu__socItem--instagram:after{content:""!important}.menu__body{display:block;flex-grow:0;margin:0 -6vw;padding:1vw 0 3vw}@media (min-width:601px){.menu__body{display:flex;flex-grow:1;margin:0}}.menu__nav{display:block}@media (min-width:601px){.menu__nav{margin-right:4vw;min-width:20vw}}.menu__items{display:block;margin:0;padding-top:8vh;text-align:left}@media (min-width:601px){.menu__items{margin:-8px 0;padding-top:0;visibility:hidden}}.menu__item{border-top:1px solid rgba(23,26,33,.08);display:flex;justify-content:center}.menu__item:last-of-type{border-bottom:1px solid rgba(23,26,33,.08)}@media (min-width:601px){.menu__item{border-bottom:none;border-top:none;display:block}}.menu__link{display:inline-block;margin:0 auto;padding:3vh 0;text-align:left;transition:opacity .2s;visibility:visible}@media (min-width:601px){.menu__link{padding:0 3vw 5vw}}@media (min-width:769px){.menu__link{padding:16px 0}}.menu__items:hover .menu__link{opacity:.5}.menu__items:hover .menu__link:hover{opacity:1}.menu__link.nuxt-link-exact-active .menu__linkText:before{transform:none}.menu__link.nuxt-link-exact-active:hover .menu__linkText:before{transform:scaleX(0)}.menu__linkText{display:block;font-family:"Visby CF",Arial,Helvetica,sans-serif;font-size:2rem;font-weight:800;line-height:1.16667;overflow:hidden;position:relative}@media (min-width:601px){.menu__linkText{font-size:2rem}}@media (min-width:769px){.menu__linkText{font-size:2.4rem}}@media (min-width:1025px){.menu__linkText{font-size:3rem}}@media (min-width:1367px){.menu__linkText{font-size:3.8rem}}@media (min-width:1601px){.menu__linkText{font-size:4.8rem}}.menu__linkText:before{background-color:#000;content:"";height:2px;left:0;margin-top:-1px;position:absolute;top:50%;transform:scaleX(0);transform-origin:left;transition:transform .2s;width:100%}.menu__link:hover .menu__linkText:before{transform:none}.menu__info{display:none}@media (min-width:601px){.menu__info{align-self:flex-end;display:block;margin-left:auto;margin-right:0}}.menu__contacts{display:block}@media (min-width:1025px){.menu__contacts{margin-bottom:3vw}}.menu__contact{display:block}.menu__contact+.menu__contact{margin-top:4vw}@media (min-width:1025px){.menu__contact+.menu__contact{margin-top:3vw}}.menu__contactLogo{display:inline-block}.menu__contactLogo:before{font-family:"icomoon"!important;speak:none;font-feature-settings:normal;font-style:normal;font-variant:normal;font-weight:400;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:""!important;font-size:2rem}.menu__contactLogoText{display:block;font-family:"Visby CF",Arial,Helvetica,sans-serif;font-size:1rem;font-weight:800;margin-top:.3em;text-align:right;text-transform:uppercase}.menu__contactAddress,.menu__contactInfos{display:block;font-size:1.2rem;line-height:1.66667;margin-top:1.2em}@media (min-width:601px){.menu__contactAddress,.menu__contactInfos{font-size:1.3rem}}@media (min-width:1025px){.menu__contactAddress,.menu__contactInfos{font-size:1.4rem}}@media (min-width:1367px){.menu__contactAddress,.menu__contactInfos{font-size:1.5rem}}@media (min-width:1601px){.menu__contactAddress,.menu__contactInfos{font-size:1.8rem}}.menu__contactAddress{white-space:pre-line}@media (min-width:1025px){.menu__contactAddress{white-space:normal}.menu__contactInfos{display:flex}}.menu__contactInfo{display:block}@media (min-width:1025px){.menu__contactInfo{flex-shrink:0}.menu__contactInfo--phone{margin-right:3vw}.menu__contactInfo--email{margin-left:auto;margin-right:0}}.menu__textLink{display:inline-block;position:relative}.menu__textLink:before{background-color:currentColor;bottom:0;content:"";display:block;height:1px;left:0;position:absolute;transform:scaleX(0);transition:transform .2s;width:100%}.menu__textLink:hover:before{transform:scaleX(1)} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.page--portfolio .imageTextHero__content{padding-bottom:40px}.page--portfolio .imageTextHero__imageWrapper{padding-right:6vw}.page--portfolio .imageTextHero__imageWrapper .imageBox{height:auto}@media (max-width:768px){.page--portfolio .imageTextHero__imageWrapper{display:none}} @keyframes arrowPrev-c9487dee{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext-c9487dee{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.page[data-v-c9487dee]{overflow:hidden}@media (max-width:768px){.page[data-v-c9487dee]{margin-right:0}} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.stickyNavbar{background:#fff;display:none;height:100%;padding:0 .3rem;position:fixed;right:0;top:0;transform:rotate(180deg);writing-mode:vertical-rl;z-index:5}@media (min-width:769px){.stickyNavbar{align-items:center;display:flex;justify-content:center}}.stickyNavbar__list{display:flex;flex-direction:row-reverse;overflow:auto;padding:6vw 0}.stickyNavbar__list::-webkit-scrollbar{display:none}@media (min-width:1601px){.stickyNavbar__list{flex-wrap:wrap;justify-content:center;padding:0}}.stickyNavbar__item{color:#171a21;cursor:pointer;flex-shrink:0;font-size:1.2rem;font-weight:800;line-height:2rem;margin:1.7vw 0;opacity:.3;transition:opacity .3s}@media (min-width:769px){.stickyNavbar__item{font-size:1.6rem;margin:.7vw 0}}@media (min-width:1601px){.stickyNavbar__item{flex-shrink:1}}.stickyNavbar__item--active,.stickyNavbar__item:hover{opacity:1} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.imageTextHero{display:flex;flex-direction:column;position:relative;z-index:0}@media screen and (min-width:769px){.imageTextHero{display:block}}@keyframes homeHeaderShow{0%{transform:scaleX(0);transform-origin:0 50%}49%{transform:scale(1);transform-origin:0 50%}50%{transform:scale(1);transform-origin:100% 50%}to{transform:scaleX(.36);transform-origin:100% 50%}}@keyframes homeHeaderShowTablet{0%{transform:scaleX(0);transform-origin:0 50%}49%{transform:scale(1);transform-origin:0 50%}50%{transform:scale(1);transform-origin:100% 50%}to{transform:scaleX(.68);transform-origin:100% 50%}}@keyframes homeHeaderShowLaptop{0%{transform:scaleX(0);transform-origin:0 50%}49%{transform:scale(1);transform-origin:0 50%}50%{transform:scale(1);transform-origin:100% 50%}to{transform:scaleX(.64);transform-origin:100% 50%}}.imageTextHero__secondaryImage{margin-left:6vw;max-width:200px;order:2}@media (min-width:769px){.imageTextHero__secondaryImage{bottom:-8vw;display:block;left:24vw;margin-left:0;order:0;position:absolute;z-index:1}}@media (min-width:1281px){.imageTextHero__secondaryImage{bottom:-4.5vw;max-width:220px}}@media (min-width:1601px){.imageTextHero__secondaryImage{left:25vw;max-width:300px}}.imageTextHero__wrapper{overflow:hidden;position:relative;width:100%}.imageTextHero__wrapper:before{background-color:#f5f7f9;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:3vw;transform:scaleX(0);transform-origin:0 50%;z-index:0}.imageTextHero--showBg .imageTextHero__wrapper:before{animation:homeHeaderShow .8s cubic-bezier(.65,0,.35,1);transform:scaleX(.36);transform-origin:100% 50%}@media (min-width:769px){.imageTextHero--showBg .imageTextHero__wrapper:before{animation:homeHeaderShowTablet .8s cubic-bezier(.65,0,.35,1);transform:scaleX(.68);transform-origin:100% 50%}}@media (min-width:1281px){.imageTextHero--showBg .imageTextHero__wrapper:before{animation:homeHeaderShowLaptop .8s cubic-bezier(.65,0,.35,1);transform:scaleX(.64);transform-origin:100% 50%}}.imageTextHero__container{padding-top:24.1vw}@media (min-width:1025px){.imageTextHero__container{padding:17.78vw 8.6vw 0}}@media (min-width:601px){.imageTextHero__container{display:flex;flex-direction:row;justify-content:space-between;padding-right:0}}@media (min-width:1281px){.imageTextHero__container{padding-left:13.22vw}}.imageTextHero__content{font-size:8.6rem;line-height:1.28em;position:relative;z-index:1}@media (min-width:601px){.imageTextHero__content{margin-right:40px}}.imageTextHero__title{padding-top:15vh;position:relative}@media (min-width:769px){.imageTextHero__title{padding-top:0}}.imageTextHero__description{font-size:1.6rem;font-weight:500;line-height:2;margin-top:24px;max-width:995px;white-space:pre-line}@media (min-width:769px){.imageTextHero__description{font-size:1.8rem}}@media (min-width:1025px){.imageTextHero__description{font-size:2.2rem;margin-top:3vw}}@media (min-width:1601px){.imageTextHero__description{font-size:2.6rem;margin-top:3.75vw}}.imageTextHero__scrollDown{display:flex;padding:0 0 12vw}@media (min-width:769px){.imageTextHero__scrollDown{padding:40px 0 0}}.imageTextHero__scrollDownWrapper{display:none}@media (min-width:769px){.imageTextHero__scrollDownWrapper{display:block}}.imageTextHero__imageWrapper{flex-shrink:0;margin-left:auto;margin-right:-6vw;margin-top:40px;width:70vw}@media (min-width:601px){.imageTextHero__imageWrapper{width:40vw}}@media (min-width:1025px){.imageTextHero__imageWrapper{margin:0;width:27.23vw}} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.basicText{display:block}.basicText--center{text-align:center}.basicText__titleBox{display:block;font-size:2.8rem;line-height:1.33333;margin:0 0 1.6rem}@media (min-width:441px){.basicText__titleBox{font-size:3.2rem;margin:0 0 1rem}}@media (min-width:769px){.basicText__titleBox{font-size:3.4rem}}@media (min-width:1025px){.basicText__titleBox{font-size:4.2rem}}@media (min-width:1367px){.basicText__titleBox{font-size:4.6rem}}@media (min-width:1601px){.basicText__titleBox{font-size:5.8rem}}.basicText__titleBox--sizeInherit{font-size:inherit;line-height:inherit}.basicText__title{font-family:"NoeDisplay","Times New Roman",Times,serif;margin-bottom:.1em}.basicText__subtitle,.basicText__title{display:block;overflow:hidden;position:relative}.basicText__subtitle{font-weight:800}.basicText__subtitle,.basicText__text{font-family:"Visby CF",Arial,Helvetica,sans-serif}.basicText__text{display:block;font-size:1.4rem;line-height:2;position:relative;white-space:pre-wrap}@media (min-width:769px){.basicText__text{font-size:1.8rem}}@media (min-width:1367px){.basicText__text{font-size:2.2rem}}@media (min-width:1601px){.basicText__text{font-size:2.6rem}}.basicText__text--thin{width:80%}.basicText__titleBox+.basicText__text{margin-top:2.6rem}.basicText__text>p+p{margin-top:2em}.basicText__text strong{font-weight:700}.basicText__inner{display:block;position:relative;transform:translateY(100%);transition:transform .2s cubic-bezier(.33,1,.68,1);white-space:pre-wrap}.basicText--show .basicText__inner{transform:translateY(0)}.basicText--show .basicText__title .basicText__inner{transition:all .4s cubic-bezier(.33,1,.68,1)}.basicText--show .basicText__subtitle .basicText__inner{transition:all .4s cubic-bezier(.33,1,.68,1) .2s}.basicText--hoverable:hover .basicText__inner{opacity:.8}@keyframes headerHover{0%{transform:translateY(100%)}to{transform:translateY(0)}} @keyframes arrowPrev-dea750ec{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext-dea750ec{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.buttonGoDown[data-v-dea750ec]{animation-duration:1.4s;animation-iteration-count:infinite;animation-name:upAndDown-dea750ec;animation-timing-function:ease-in-out;color:#171a21}.buttonGoDown[data-v-dea750ec]:before{color:#171a21;font-family:"icomoon"!important;speak:none;font-feature-settings:normal;font-style:normal;font-variant:normal;font-weight:400;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:""!important;display:block;font-size:25px;line-height:1}@media (max-width:600px){.buttonGoDown[data-v-dea750ec]:before{margin-top:0}}@media (min-width:1025px){.buttonGoDown[data-v-dea750ec]:before{margin-top:0}}.buttonGoDown[data-v-dea750ec]:hover{animation-play-state:paused}.buttonGoDown[data-v-dea750ec]:hover:before{transform:scale(1.2)}@keyframes upAndDown-dea750ec{0%,to{transform:translate(0)}50%{transform:translateY(30px)}}.buttonGoDown--theme-ghc[data-v-dea750ec]:before{color:#fff}@media (max-width:600px){.buttonGoDown--theme-ghc[data-v-dea750ec]{display:none}} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.imageBox{backface-visibility:hidden;display:block;height:100%;left:0;overflow:hidden;position:relative;top:0;width:100%;z-index:0}.imageBox--loading{min-height:64px;min-width:64px}.imageBox--inline{display:inline-block;height:auto;width:auto}.imageBox--gray{background:#1d263d;position:relative}.imageBox--gray.imageBox--bgClean,.imageBox--gray.imageBox--loading{background:none}.imageBox--filterBlue:after,.imageBox--filterBlue:before{background-color:#171a21;content:"";display:block;height:100%;isolation:isolate;left:0;position:absolute;top:0;transition:opacity .2s;width:100%;z-index:1}.imageBox--filterBlue:before{mix-blend-mode:color;opacity:1}.imageBox--filterBlue:after{mix-blend-mode:multiply;opacity:.2}.imageBox--filterBlue.imageBox--loading:after,.imageBox--filterBlue.imageBox--loading:before{display:none}.imageBox--filterBlue:hover:after,.imageBox--filterBlue:hover:before{opacity:0}.imageBox--filterBlue.imageBox--hoverDisable:hover:before{opacity:1}.imageBox--filterBlue.imageBox--hoverDisable:hover:after{opacity:.2}.imageBox--intenseBlue:after,.imageBox--intenseBlue:before{background-color:#202634;content:"";display:block;height:100%;isolation:isolate;left:0;position:absolute;top:0;transition:opacity .2s;width:100%;z-index:1}.imageBox--intenseBlue:before{mix-blend-mode:color;opacity:1}.imageBox--intenseBlue:after{mix-blend-mode:multiply;opacity:.2}.imageBox--intenseBlue.imageBox--loading:after,.imageBox--intenseBlue.imageBox--loading:before{display:none}.imageBox--intenseBlue:hover:after,.imageBox--intenseBlue:hover:before{opacity:0}.imageBox--light{background-color:#fff}.imageBox--light:after{display:none}.imageBox--light:hover .imageBox__image{mix-blend-mode:normal;opacity:1!important}.imageBox--light .imageBox__image{mix-blend-mode:luminosity;opacity:.3!important}.imageBox__image{display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:1;position:relative;top:0;transition:opacity .2s,filter .2s;width:100%}.imageBox--theme-uep .imageBox__image{transform:scale(1.3);transition:transform .2s}@media (hover:hover){.imageBox--theme-uep .imageBox__image:hover{transform:scale(1.3) translateX(60px)}}.imageBox--gray .imageBox__image{filter:grayscale(1);opacity:.85}.imageBox:hover .imageBox__image{filter:none}.imageBox--contain .imageBox__image{-o-object-fit:contain;object-fit:contain}.imageBox--inline .imageBox__image{height:auto;max-width:100%;width:auto}.imageBox--aspect .imageBox__image{position:absolute}.imageBox--loading .imageBox__image{height:auto;opacity:0;position:absolute;width:auto}.imageBox--scale .imageBox__image{transform:scale(1);transition:opacity .2s,filter .2s,transform .8s cubic-bezier(.65,0,.35,1)}.imageBox--scale.imageBox--loading .imageBox__image{transform:scale(1.2)}.imageBox--autoFit .imageBox__image{-o-object-fit:initial;object-fit:fill}.imageBox__loader{display:block;height:64px;left:50%;margin-left:-32px;margin-top:-32px;position:absolute;top:50%;width:64px}.imageBox__loader path{stroke:#171a21}[data-dark] .imageBox__loader path{stroke:#fff} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.portfolioHeading{display:block;overflow:hidden;padding-bottom:24vw;padding-top:24vw;position:relative;width:100%}@media (min-width:601px){.portfolioHeading{padding-bottom:6vw;padding-top:6vw}.portfolioHeading--noPaddingTop{padding-top:0}.portfolioHeading--noPaddingBot{padding-bottom:0}}.portfolioHeading__inner{align-items:center;display:flex;min-height:16rem;position:relative}@media (min-width:601px){.portfolioHeading__inner{min-height:24rem}}@media (min-width:1025px){.portfolioHeading__inner{min-height:32rem}}@media (min-width:1601px){.portfolioHeading__inner{min-height:42rem}}.portfolioHeading__title{color:transparent;font-size:16rem;font-weight:800;left:0;line-height:1;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:0;-webkit-text-stroke:1px #e7e8e8}@media (min-width:601px){.portfolioHeading__title{font-size:24rem}}@media (min-width:1025px){.portfolioHeading__title{font-size:32rem}}@media (min-width:1601px){.portfolioHeading__title{font-size:42rem}}.portfolioHeading__text{display:block;font-size:1.6rem;font-weight:500;line-height:2;position:relative;text-align:center;z-index:1}.portfolioHeading__text>strong{font-weight:800}@media (min-width:601px){.portfolioHeading__text{margin-left:calc(36% - 2vw);text-align:left}}@media (min-width:769px){.portfolioHeading__text{font-size:1.8rem}}@media (min-width:1367px){.portfolioHeading__text{font-size:2.2rem}}@media (min-width:1601px){.portfolioHeading__text{font-size:2.6rem}} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.portfolioProject{background-color:#fff;color:#171a21;display:block;height:100vh;overflow:hidden;position:relative;width:100%}.portfolioProject--dark{background-color:#171a21;color:#fff}.portfolioProject__effect{pointer-events:none;z-index:5}.portfolioProject__items,.portfolioProject__placeholder{height:100%;position:relative;width:100%;z-index:0}.portfolioProject__items{display:block;overflow:hidden}.portfolioProject__items--overlay{z-index:4}.portfolioProject__item{display:none;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.portfolioProject__item--active{display:block}.portfolioProject__mask{background-color:#f8f8f8;display:block;height:100%;left:0;position:absolute;top:0;transform:translateX(100%);width:100%;z-index:1}.portfolioProject--dark .portfolioProject__mask{background-color:#171a21}.portfolioProject__logo{left:6vw;position:absolute;top:6vw;z-index:2}@media (max-width:1366px){.portfolioProject__logo{top:3vw}}.portfolioProject--theme-lot .portfolioProject__logo{max-width:90px;top:12vw}@media (min-width:601px){.portfolioProject--theme-lot .portfolioProject__logo{max-width:110px;top:6vw;width:26%}}@media (min-width:1025px){.portfolioProject--theme-lot .portfolioProject__logo{max-width:140px;top:4vw}}.portfolioProject--theme-santander .portfolioProject__logo{max-width:150px;top:12vw}@media (min-width:601px){.portfolioProject--theme-santander .portfolioProject__logo{max-width:172px;top:6vw;width:30%}}@media (min-width:1025px){.portfolioProject--theme-santander .portfolioProject__logo{top:4vw}}.portfolioProject--theme-ssc .portfolioProject__logo{max-width:120px;top:12vw}@media (min-width:601px){.portfolioProject--theme-ssc .portfolioProject__logo{max-width:180px;top:6vw}}@media (min-width:1025px){.portfolioProject--theme-ssc .portfolioProject__logo{max-width:220px;top:4vw}}@media (min-width:769px){.portfolioProject--theme-photler .portfolioProject__logo{top:3vw}}@media (max-width:1366px){.portfolioProject--theme-photler .portfolioProject__logo{max-width:160px}}@media (max-width:600px){.portfolioProject--theme-photler .portfolioProject__logo{top:12vw;width:50%}}@media (max-width:1600px){.portfolioProject--theme-poznanairport .portfolioProject__logo{max-width:147px}}@media (max-width:600px){.portfolioProject--theme-poznanairport .portfolioProject__logo{top:12vw;width:40%}}@media (max-width:1600px){.portfolioProject--theme-ghc .portfolioProject__logo{max-width:240px;top:3vw}}@media (max-width:1366px){.portfolioProject--theme-ghc .portfolioProject__logo{max-width:200px}}@media (max-width:1280px){.portfolioProject--theme-ghc .portfolioProject__logo{max-width:180px}}@media (max-width:600px){.portfolioProject--theme-ghc .portfolioProject__logo{max-width:140px;top:12vw;width:40%}}@media (max-width:1366px){.portfolioProject--theme-zabka .portfolioProject__logo{max-width:127px}}@media (max-width:600px){.portfolioProject--theme-zabka .portfolioProject__logo{max-width:110px;top:12vw}}.portfolioProject--theme-ipa .portfolioProject__logo{left:auto;right:6vw}@media (max-width:1600px){.portfolioProject--theme-ipa .portfolioProject__logo{max-width:140px}}@media (max-width:1366px){.portfolioProject--theme-ipa .portfolioProject__logo{max-width:120px}}@media (max-width:600px){.portfolioProject--theme-ipa .portfolioProject__logo{max-width:100px}}@media (max-width:1366px){.portfolioProject--theme-rcgnz .portfolioProject__logo{max-width:131px}}@media (max-width:1280px){.portfolioProject--theme-rcgnz .portfolioProject__logo{max-width:110px}}@media (max-width:600px){.portfolioProject--theme-rcgnz .portfolioProject__logo{top:12vw}}@media (max-width:1366px){.portfolioProject--theme-ofix .portfolioProject__logo{max-width:144px}}@media (max-width:1280px){.portfolioProject--theme-ofix .portfolioProject__logo{max-width:110px}}@media (max-width:600px){.portfolioProject--theme-ofix .portfolioProject__logo{max-width:110px;top:12vw;width:40%}}@media (max-width:1366px){.portfolioProject--theme-trefl .portfolioProject__logo{max-width:140px}}@media (max-width:1280px){.portfolioProject--theme-trefl .portfolioProject__logo{max-width:120px}}@media (max-width:600px){.portfolioProject--theme-trefl .portfolioProject__logo{max-width:100px;top:12vw;width:40%}}.portfolioProject--theme-najiz .portfolioProject__logo{left:auto;max-width:127px;right:3vw;top:5vw}@media (max-width:1366px){.portfolioProject--theme-najiz .portfolioProject__logo{max-width:100px;top:1vw}}@media (max-width:1024px){.portfolioProject--theme-najiz .portfolioProject__logo{right:0}}@media (max-width:600px){.portfolioProject--theme-najiz .portfolioProject__logo{max-width:90px;width:30%}}.portfolioProject--theme-najiz .portfolioProject__logo:before{background-color:#fff;content:"";display:block;height:calc(100% + 8vw);left:-4vw;position:absolute;top:-6vw;transform:skewX(-27deg);transform-origin:50% 100%;width:calc(100% + 12vw)}@media (max-width:1366px){.portfolioProject--theme-najiz .portfolioProject__logo:before{height:calc(100% + 7vw);left:-3vw;width:calc(100% + 7vw)}}@media (max-width:600px){.portfolioProject--theme-najiz .portfolioProject__logo:before{height:calc(100% + 9vw);left:-9vw;width:calc(100% + 14vw)}}.portfolioProject--theme-najiz.portfolioProject--current-0 .portfolioProject__logo{max-width:none;right:4vw;top:4vw}@media (max-width:1366px){.portfolioProject--theme-najiz.portfolioProject--current-0 .portfolioProject__logo{max-width:127px}}@media (max-width:600px){.portfolioProject--theme-najiz.portfolioProject--current-0 .portfolioProject__logo{left:6vw;right:auto}}.portfolioProject--theme-najiz.portfolioProject--current-0 .portfolioProject__logo:before{content:none}.portfolioProject--theme-interia .portfolioProject__logo{left:0;padding:4vw 6vw;top:0}@media (max-width:1366px){.portfolioProject--theme-interia .portfolioProject__logo{padding:1.5vw 2vw}.portfolioProject--theme-interia .portfolioProject__logo img{max-width:100px}}@media (max-width:600px){.portfolioProject--theme-interia .portfolioProject__logo{top:3vw}}.portfolioProject--theme-interia .portfolioProject__logo:before{background-color:#fff;content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:skewX(-23deg);transform-origin:50% 0;width:calc(100% + 4vw)}@media (max-width:600px){.portfolioProject--theme-interia .portfolioProject__logo:before{height:calc(100% + 9vw);top:-3vw;width:calc(100% + 9vw)}}.portfolioProject--theme-ncbe .portfolioProject__logo{top:3vw}@media (max-width:1366px){.portfolioProject--theme-ncbe .portfolioProject__logo img{max-width:90px}}@media (max-width:600px){.portfolioProject--theme-ncbe .portfolioProject__logo{top:6vw}}@media (min-width:1025px){.portfolioProject--theme-g20 .portfolioProject__logo{max-width:110px;top:3vw}}@media (max-width:1600px){.portfolioProject--theme-cle .portfolioProject__logo img{max-width:120px}}@media (max-width:600px){.portfolioProject--theme-cle .portfolioProject__logo{top:12vw}.portfolioProject--theme-cle .portfolioProject__logo img{max-width:100px}}@media (max-width:1600px){.portfolioProject--theme-stc .portfolioProject__logo img{max-width:80px}}@media (max-width:768px){.portfolioProject--theme-stc .portfolioProject__logo{top:6vw}}.portfolioProject--theme-hrdf .portfolioProject__logo{top:3.5vw}@media (max-width:1600px){.portfolioProject--theme-hrdf .portfolioProject__logo{max-width:300px}}@media (max-width:1366px){.portfolioProject--theme-hrdf .portfolioProject__logo{max-width:230px}}@media (max-width:600px){.portfolioProject--theme-hrdf .portfolioProject__logo{top:12vw}}.portfolioProject--theme-coral .portfolioProject__logo{max-width:200px;top:6vw}@media (min-width:1025px){.portfolioProject--theme-coral .portfolioProject__logo{max-width:240px;top:3vw}}@media (min-width:1601px){.portfolioProject--theme-coral .portfolioProject__logo{max-width:300px;top:5vw}}@media (min-width:769px){.portfolioProject--theme-coral.portfolioProject--current-0 .portfolioProject__logo{left:auto;right:calc(45% - 6vw);top:10vw;transform:translateY(50%) translateX(100%)}}@media (min-width:1025px){.portfolioProject--theme-coral.portfolioProject--current-0 .portfolioProject__logo{right:calc(50% - 6vw);top:2vw}}@media (min-width:1601px){.portfolioProject--theme-coral.portfolioProject--current-0 .portfolioProject__logo{right:calc(46% - 6vw)}}.portfolioProject--theme-uep .portfolioProject__logo{left:0;padding:2.5vw 6vw;top:0}.portfolioProject--theme-uep .portfolioProject__logo:before{background-color:#fff;content:"";height:calc(80px + 5vw);left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.portfolioProject--theme-uep .portfolioProject__logo:before{height:100%;width:100vw}}@media (min-width:1025px){.portfolioProject--theme-uep .portfolioProject__logo img{max-width:204px}}.portfolioProject--theme-redsea .portfolioProject__logo{top:5.2vw}@media (min-width:1025px){.portfolioProject--theme-redsea .portfolioProject__logo{top:3vw}}@media (min-width:1601px){.portfolioProject--theme-redsea .portfolioProject__logo{top:5vw}}.portfolioProject--theme-pif .portfolioProject__logo{backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;max-width:120px;top:4.8vw}@media (min-width:1025px){.portfolioProject--theme-pif .portfolioProject__logo{max-width:164px;top:3vw}}@media (min-width:1601px){.portfolioProject--theme-pif .portfolioProject__logo{max-width:186px;top:4vw}}.portfolioProject__nav{bottom:4vw;display:block;left:0;position:absolute;width:100%;z-index:2}@media (max-width:1366px){.portfolioProject--theme-ofix .portfolioProject__nav--active-0,.portfolioProject--theme-ssc .portfolioProject__nav--active-0,.portfolioProject--theme-zabka .portfolioProject__nav--active-0{bottom:2vw}}@media (max-width:1024px){.portfolioProject--theme-ofix .portfolioProject__nav--active-0,.portfolioProject--theme-ssc .portfolioProject__nav--active-0,.portfolioProject--theme-zabka .portfolioProject__nav--active-0{bottom:4vw}}.portfolioProject--theme-ghc .portfolioProject__nav{bottom:2vw}@media (max-width:1366px){.portfolioProject--theme-ghc .portfolioProject__nav--active-0,.portfolioProject--theme-interia .portfolioProject__nav--active-0,.portfolioProject--theme-poznanairport .portfolioProject__nav--active-0,.portfolioProject--theme-rcgnz .portfolioProject__nav--active-0,.portfolioProject--theme-trefl .portfolioProject__nav--active-0{bottom:2vw}}@media (max-width:1280px){.portfolioProject--theme-ghc .portfolioProject__nav--active-0,.portfolioProject--theme-interia .portfolioProject__nav--active-0,.portfolioProject--theme-poznanairport .portfolioProject__nav--active-0,.portfolioProject--theme-rcgnz .portfolioProject__nav--active-0,.portfolioProject--theme-trefl .portfolioProject__nav--active-0{bottom:1vw}}@media (max-width:1024px){.portfolioProject--theme-ghc .portfolioProject__nav--active-0,.portfolioProject--theme-interia .portfolioProject__nav--active-0,.portfolioProject--theme-poznanairport .portfolioProject__nav--active-0,.portfolioProject--theme-rcgnz .portfolioProject__nav--active-0,.portfolioProject--theme-trefl .portfolioProject__nav--active-0{bottom:4vw}}.portfolioProject--theme-g20 .portfolioProject__nav{bottom:5vw}@media (max-width:1600px){.portfolioProject--theme-g20 .portfolioProject__nav{bottom:6vw}}@media (max-width:1366px){.portfolioProject--theme-g20 .portfolioProject__nav{bottom:2vw}}@media (max-width:600px){.portfolioProject--theme-g20 .portfolioProject__nav{bottom:0}}@media (max-width:1366px){.portfolioProject--theme-lot .portfolioProject__nav--active-0,.portfolioProject--theme-najiz .portfolioProject__nav--active-0,.portfolioProject--theme-ncbe .portfolioProject__nav--active-0{bottom:1vw}}@media (max-width:1024px){.portfolioProject--theme-lot .portfolioProject__nav--active-0,.portfolioProject--theme-najiz .portfolioProject__nav--active-0,.portfolioProject--theme-ncbe .portfolioProject__nav--active-0{bottom:4vw}}@media (min-width:1601px){.portfolioProject--theme-coral .portfolioProject__nav{bottom:3vw}}.portfolioProject--theme-coral .portfolioProject__nav--active-0{bottom:1vw}.portfolioProject__navInner{position:relative}.portfolioProject--theme-najiz .portfolioProject__navInner{transition:transform .3s cubic-bezier(.65,0,.35,1)}.portfolioProject--theme-najiz .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:translateX(0)}@media (min-width:1281px){.portfolioProject--theme-najiz .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:translateX(45.8%)}}@media (min-width:1367px){.portfolioProject--theme-najiz .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:translate(49.8%)}}@media (min-width:1601px){.portfolioProject--theme-najiz .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:translateX(49.2%)}}.portfolioProject--theme-ipa .portfolioProject__navInner{transition:transform .3s cubic-bezier(.65,0,.35,1)}.portfolioProject--theme-ipa .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:translateX(calc(51% - 3px))}@media (max-width:1600px){.portfolioProject--theme-ipa .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:translateX(47%)}}@media (max-width:1280px){.portfolioProject--theme-ipa .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:translateX(40%)}}@media (max-width:768px){.portfolioProject--theme-ipa .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:translateX(35%)}}@media (max-width:600px){.portfolioProject--theme-ipa .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:translateX(0)}}.portfolioProject--theme-stc .portfolioProject__navInner{transition:transform .3s cubic-bezier(.65,0,.35,1)}@media (min-width:769px){.portfolioProject--theme-stc .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:translateX(56%)}}@media (max-width:1366px){.portfolioProject--theme-santander .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:translateX(40%)}}@media (max-width:1024px){.portfolioProject--theme-santander .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:none}}.portfolioProject--theme-cle .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:translateX(calc(35% + 10vw))}@media (max-width:1600px){.portfolioProject--theme-cle .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:translateX(calc(35% + 10vw))}}@media (max-width:1366px){.portfolioProject--theme-cle .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:translateX(calc(35% + 12vw))}}@media (max-width:1280px){.portfolioProject--theme-cle .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:translateX(calc(32% + 6vw))}}@media (max-width:768px){.portfolioProject--theme-cle .portfolioProject__nav--active-0 .portfolioProject__navInner{transform:translateX(0)}}.portfolioProject__sideNav{color:#171a21;display:block;height:100%;overflow:hidden;position:absolute;top:0;width:calc(6vw + 20px)}@media (max-width:768px){.portfolioProject__sideNav{display:none}}@media (min-width:1601px){.portfolioProject__sideNav{width:6vw}}.portfolioProject__sideNav:before{background-color:#f8f8f8;content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:transform .2s;width:100%}.portfolioProject--dark .portfolioProject__sideNav{color:#fff}.portfolioProject--dark .portfolioProject__sideNav:before{background-color:#171a21}.portfolioProject__sideNav--prev{left:0}.portfolioProject__sideNav--prev:before{transform:translateX(-100%)}.portfolioProject__sideNav--prev:hover:before{transform:translateX(0)}.portfolioProject__sideNav--next{right:0}.portfolioProject__sideNav--next:before{transform:translateX(100%)}.portfolioProject__sideNav--next:hover:before{transform:translateX(0)}.portfolioProject--theme-pif.portfolioProject--current-0 .portfolioProject__sideNav,.portfolioProject--theme-pif.portfolioProject--current-4 .portfolioProject__sideNav{color:#fff}.portfolioProject--theme-pif.portfolioProject--current-0 .portfolioProject__sideNav:before,.portfolioProject--theme-pif.portfolioProject--current-4 .portfolioProject__sideNav:before{background-color:#171a21}.portfolioProject--theme-lot.portfolioProject--current-0 .portfolioProject__sideNav,.portfolioProject--theme-lot.portfolioProject--current-1 .portfolioProject__sideNav,.portfolioProject--theme-lot.portfolioProject--current-2 .portfolioProject__sideNav,.portfolioProject--theme-lot.portfolioProject--current-3 .portfolioProject__sideNav,.portfolioProject--theme-lot.portfolioProject--current-4 .portfolioProject__sideNav{color:#171a21}.portfolioProject--theme-lot.portfolioProject--current-0 .portfolioProject__sideNav:before,.portfolioProject--theme-lot.portfolioProject--current-1 .portfolioProject__sideNav:before,.portfolioProject--theme-lot.portfolioProject--current-2 .portfolioProject__sideNav:before,.portfolioProject--theme-lot.portfolioProject--current-3 .portfolioProject__sideNav:before,.portfolioProject--theme-lot.portfolioProject--current-4 .portfolioProject__sideNav:before{background-color:#fff}.portfolioProject--theme-g20.portfolioProject--current-0 .portfolioProject__sideNav,.portfolioProject--theme-hrdf.portfolioProject--current-0 .portfolioProject__sideNav,.portfolioProject--theme-ipa.portfolioProject--current-0 .portfolioProject__sideNav,.portfolioProject--theme-lot.portfolioProject--current-0 .portfolioProject__sideNav,.portfolioProject--theme-rcgnz.portfolioProject--current-0 .portfolioProject__sideNav{color:#171a21}.portfolioProject--theme-g20.portfolioProject--current-0 .portfolioProject__sideNav:before,.portfolioProject--theme-hrdf.portfolioProject--current-0 .portfolioProject__sideNav:before,.portfolioProject--theme-ipa.portfolioProject--current-0 .portfolioProject__sideNav:before,.portfolioProject--theme-lot.portfolioProject--current-0 .portfolioProject__sideNav:before,.portfolioProject--theme-rcgnz.portfolioProject--current-0 .portfolioProject__sideNav:before{background-color:#fff}.portfolioProject__sideLabel{display:block;font-size:1.1rem;font-weight:800;left:0;line-height:1.25;position:absolute;top:50%;transition:transform .3s;width:100%;word-break:break-all}@media (min-width:601px){.portfolioProject__sideLabel{font-size:1.2rem}}@media (min-width:1025px){.portfolioProject__sideLabel{font-size:1.4rem}}.portfolioProject__sideLabel:before{font-family:"icomoon"!important;speak:none;font-feature-settings:normal;font-style:normal;font-variant:normal;font-weight:400;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;font-size:2vw;line-height:1;margin-bottom:.3em;position:relative}.portfolioProject__sideNav--prev .portfolioProject__sideLabel{transform:translate(-100%,-50%)}.portfolioProject__sideNav--prev .portfolioProject__sideLabel:before{content:""!important}.portfolioProject__sideNav--next .portfolioProject__sideLabel{transform:translate(100%,-50%)}.portfolioProject__sideNav--next .portfolioProject__sideLabel:before{content:""!important}.portfolioProject__sideNav--active .portfolioProject__sideLabel,.portfolioProject__sideNav:hover .portfolioProject__sideLabel{transform:translateY(-50%)}.portfolioProject__sideNav--prev:hover .portfolioProject__sideLabel:before{animation:arrowPrev .3s cubic-bezier(.65,0,.35,1)}.portfolioProject__sideNav--next:hover .portfolioProject__sideLabel:before{animation:arrowNext .3s cubic-bezier(.65,0,.35,1)}[data-dark] .portfolioProject__sideLabel{filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}[data-dark].portfolioProject--theme-g20 .portfolioProject__sideLabel,[data-dark].portfolioProject--theme-hrdf .portfolioProject__sideLabel,[data-dark].portfolioProject--theme-lot .portfolioProject__sideLabel,[data-dark].portfolioProject--theme-rcgnz .portfolioProject__sideLabel{filter:none}.portfolioProject .toggle-logo-enter-active,.portfolioProject .toggle-logo-leave-active{transition:opacity .2s,transform .4s}.portfolioProject .toggle-logo-enter,.portfolioProject .toggle-logo-leave-to{opacity:0;transform:translateY(-100%)} @keyframes arrowPrev-140edef7{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext-140edef7{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.portfolioPlaceholder[data-v-140edef7]{align-items:center;display:flex;justify-content:center}.portfolioPlaceholder__content[data-v-140edef7]{max-width:54rem;padding:3vw 6vw;width:100%}@media (min-width:601px){.portfolioPlaceholder__content[data-v-140edef7]{max-width:50%}}.portfolioPlaceholder__tags[data-v-140edef7]{margin-bottom:4rem}.portfolioPlaceholder--theme-lot[data-v-140edef7]{background-color:#f8f8f8;color:#171a21}.portfolioPlaceholder--theme-najiz[data-v-140edef7]{background-color:#0d7166;color:#fff}.portfolioPlaceholder--theme-santander[data-v-140edef7]{background-color:#d82026;color:#fff}.portfolioPlaceholder--theme-interia[data-v-140edef7]{background-color:#0b6c1e;color:#fff}.portfolioPlaceholder--theme-stc[data-v-140edef7]{background-color:#2c0d4a;color:#fff}.portfolioPlaceholder--theme-ncbe[data-v-140edef7]{background-color:#f8f8f8;color:#171a21}.portfolioPlaceholder--theme-photler[data-v-140edef7]{background-color:#fbfafa;color:#171a21}.portfolioPlaceholder--theme-g20[data-v-140edef7]{background-color:#00654a;color:#fff}.portfolioPlaceholder--theme-ssc[data-v-140edef7]{background-color:#4ea800;color:#fff}.portfolioPlaceholder--theme-poznanairport[data-v-140edef7]{background-color:#fff;color:#171a21}.portfolioPlaceholder--theme-ghc[data-v-140edef7],.portfolioPlaceholder--theme-zabka[data-v-140edef7]{background-color:#159945;color:#fff}.portfolioPlaceholder--theme-ipa[data-v-140edef7]{background-color:#2a3a9b;color:#fff}.portfolioPlaceholder--theme-rcgnz[data-v-140edef7]{background-color:#1c2243;color:#fff}.portfolioPlaceholder--theme-ofix[data-v-140edef7]{background-color:#f7f8fc;color:#171a21}.portfolioPlaceholder--theme-cle[data-v-140edef7]{background-color:#fff;color:#171a21}.portfolioPlaceholder--theme-trefl[data-v-140edef7]{background-color:#011347;color:#fff} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.tags{display:block;margin:-2px -6px 2rem;position:relative}@media (min-width:1367px){.tags{margin-bottom:2rem;margin-top:4rem}}.tags__tag{color:currentColor;display:inline-block;font-size:1.2rem;line-height:1.11111;margin:4px;padding:.2em .6em;position:relative}@media (min-width:601px){.tags__tag{margin:2px 6px;padding:.4em .8em}}@media (min-width:441px){.tags__tag{font-size:1.4rem}}@media (min-width:769px){.tags__tag{font-size:1.6rem}}@media (min-width:1601px){.tags__tag{font-size:1.8rem}}.tags__tag:before{background-color:currentColor;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 0);clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 0);content:"";display:block;height:100%;left:0;opacity:.05;position:absolute;top:0;transition:opacity .3s,background-color .3s;width:100%;z-index:0}.tags__tag>span{backface-visibility:hidden;opacity:.33;position:relative;transition:opacity .3s,color .3s;z-index:1}.tags--active .tags__tag:before{opacity:.2}.tags--active .tags__tag>span{opacity:1}.tags--theme-lot.tags--active .tags__tag:before{background-color:#fff;opacity:1}.tags--theme-lot.tags--active .tags__tag>span{color:#0f2c64}.tags--theme-poznanairport.tags--active .tags__tag:before{background-color:#f0f6fb;opacity:1}.tags--theme-poznanairport.tags--active .tags__tag>span{color:#2bbaed;opacity:1}.tags--theme-hrdf.tags--active .tags__tag:before{background-color:#55af47;opacity:1}.tags--theme-hrdf.tags--active .tags__tag>span{color:#fff;opacity:1}.tags--theme-zabka.tags--active .tags__tag:before{background-color:#45ac34;opacity:1}.tags--theme-zabka.tags--active .tags__tag>span{color:#fff;opacity:1}.tags--theme-ipa.tags--active .tags__tag:before{background-color:#31c0cc;opacity:1}.tags--theme-ipa.tags--active .tags__tag>span{color:#1056a5}.tags--theme-rcgnz.tags--active .tags__tag:before{background-color:#161b3b;opacity:1}.tags--theme-rcgnz.tags--active .tags__tag>span{color:#32c0ca;opacity:1}.tags--theme-photler.tags--active .tags__tag:before{background-color:#fff;opacity:1}.tags--theme-photler.tags--active .tags__tag>span{color:#c6c6c6;opacity:1}.tags--theme-najiz.tags--active .tags__tag:before{background-color:#04574e;opacity:1}.tags--theme-najiz.tags--active .tags__tag>span{color:#3a9f93;opacity:1}.tags--theme-interia.tags--active .tags__tag:before{background-color:#23b44b;opacity:1}.tags--theme-interia.tags--active .tags__tag>span{color:#0b6c1e;opacity:1}.tags--theme-stc.tags--active .tags__tag:before{background-color:#7535b2;opacity:1}.tags--theme-stc.tags--active .tags__tag>span{color:#fff;opacity:1}.tags--theme-ergo-hestia.tags--active .tags__tag:before{background-color:#fff;opacity:1}.tags--theme-ergo-hestia.tags--active .tags__tag>span{color:#ef1233;opacity:1}.tags--theme-pk.tags--active .tags__tag:before{background-color:#0c2b6f;opacity:1}.tags--theme-pk.tags--active .tags__tag>span{color:#3977ff;opacity:1}.tags--theme-ofix.tags--active .tags__tag:before{background-color:#fff;opacity:1}.tags--theme-ofix.tags--active .tags__tag>span{color:#f86f21;opacity:1}.tags--theme-g20.tags--active .tags__tag:before{background-color:transparent;border:1px solid #bdaa77;opacity:1}.tags--theme-g20.tags--active .tags__tag>span{color:#bdaa77;opacity:1}.tags--theme-cle.tags--active .tags__tag:before{background-color:#2e2baa;opacity:1}.tags--theme-cle.tags--active .tags__tag>span{color:#fff;opacity:1}.tags--theme-ncbe.tags--active .tags__tag:before{background-color:#3c6;border:1px solid #3c6;opacity:1}.tags--theme-ncbe.tags--active .tags__tag>span{color:#fff;opacity:1}.tags--theme-coral.tags--active .tags__tag:before{background-color:#f5e5be;border:1px solid #f5e5be;opacity:1}.tags--theme-coral.tags--active .tags__tag>span{color:#1793d0;opacity:1}.tags--theme-uep.tags--active .tags__tag:before{background-color:#e4f2eb;border:1px solid #e4f2eb;opacity:1}.tags--theme-uep.tags--active .tags__tag>span{color:#02532a}.tags--theme-redsea.tags--active .tags__tag:before{background-color:transparent;border:1px solid #fff;opacity:1}.tags--theme-redsea.tags--active .tags__tag>span{color:#fff} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.portfolioMiniSlider{display:none}@media (min-width:601px){.portfolioMiniSlider{display:block;position:relative;width:100%}}.portfolioMiniSlider__wrapper{padding-right:0;width:100%}.portfolioMiniSlider__infoItem{flex-shrink:0;padding-top:6vw;width:80%}@media (min-width:1281px){.portfolioMiniSlider__infoItem{padding-right:2rem;padding-top:0}}@media (min-width:601px){.portfolioMiniSlider__infoItem{width:60%}}@media (min-width:769px){.portfolioMiniSlider__infoItem{width:50%}}@media (min-width:1281px){.portfolioMiniSlider__infoItem{width:30%}}.portfolioMiniSlider__inner{align-items:center;display:flex;position:relative}@media (min-width:1281px){.portfolioMiniSlider__box{align-items:center;display:flex}}.portfolioMiniSlider__itemsWrapper{overflow-x:hidden;width:100%}.portfolioMiniSlider__items{display:flex;margin:0 -.9rem;padding:6vw 0;width:100%}.portfolioMiniSlider__item{display:flex;flex-shrink:0;padding:0 .9rem;width:95%}@media (min-width:601px){.portfolioMiniSlider__item{width:70%}}@media (min-width:769px){.portfolioMiniSlider__item{width:50%}}@media (min-width:1367px){.portfolioMiniSlider__item{width:45%}}.portfolioMiniSlider__logos{align-items:center;display:flex;margin-left:-1rem;margin-right:1rem;margin-top:2.4rem;padding:.8rem 0}@media (min-width:601px){.portfolioMiniSlider__logos{margin-left:-1.5rem;margin-right:1.5rem}}@media (min-width:1025px){.portfolioMiniSlider__logos{margin-left:-2rem;margin-right:2rem}}@media (min-width:1601px){.portfolioMiniSlider__logos{margin-left:-2.5rem;margin-right:2.5rem}}.portfolioMiniSlider__logo{cursor:pointer;display:block;max-width:28%;padding:0 1rem}.portfolioMiniSlider__logo img.imageBox__image{opacity:1}@media (min-width:601px){.portfolioMiniSlider__logo{padding:0 1.5rem}}@media (min-width:1025px){.portfolioMiniSlider__logo{padding:0 2rem}}@media (min-width:1601px){.portfolioMiniSlider__logo{max-width:50%;padding:0 2.5rem}}.portfolioMiniSlider__logo--cargill{max-width:22%}@media (min-width:1601px){.portfolioMiniSlider__logo--cargill{max-width:50%}}.portfolioMiniSlider__logo--coral{max-width:34%}.portfolioMiniSlider__imageItem{display:block;position:relative;text-align:center;width:100%}.portfolioMiniSlider__imageItem:before{content:"";display:block;height:0;padding-top:68%;position:relative;width:100%}.portfolioMiniSlider__imageItemImage{display:block;height:100%;left:0;position:absolute;top:0;width:100%} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.portfolioText{display:block}.portfolioText__title{font-size:2rem;font-weight:800;line-height:1.6;white-space:pre-wrap}@media (min-width:601px){.portfolioText__title{font-size:2.2rem}}@media (min-width:1025px){.portfolioText__title{font-size:2.3rem}}@media (min-width:1367px){.portfolioText__title{font-size:2.4rem}}@media (min-width:1601px){.portfolioText__title{font-size:3rem}}.portfolioText__title--verysmall{font-size:1.6rem;line-height:1.2}@media (min-width:1601px){.portfolioText__title--verysmall{font-size:1.8rem}}.portfolioText__title--small{font-size:1.6rem;line-height:1.2}@media (min-width:769px){.portfolioText__title--small{font-size:1.8rem}}@media (min-width:1601px){.portfolioText__title--small{font-size:2rem}}.portfolioText__title--big{font-family:"Visby CF",Arial,Helvetica,sans-serif;font-size:2rem}@media (min-width:601px){.portfolioText__title--big{font-size:2.2rem}}@media (min-width:1025px){.portfolioText__title--big{font-family:"NoeDisplay","Times New Roman",Times,serif;font-size:4.2rem}}@media (min-width:1367px){.portfolioText__title--big{font-size:5.4rem}}.portfolioText__text{font-size:1.2rem;font-weight:500;line-height:2;white-space:pre-wrap}.portfolioText__title+.portfolioText__text{margin-top:2em}@media (min-width:601px){.portfolioText__text{font-size:1.3rem}}@media (min-width:1025px){.portfolioText__text{font-size:1.4rem}}@media (min-width:1367px){.portfolioText__text{font-size:1.5rem}}@media (min-width:1601px){.portfolioText__text{font-size:1.8rem}}.portfolioText__text--big{font-size:1.3rem}@media (min-width:601px){.portfolioText__text--big{font-size:1.4rem}}@media (min-width:1025px){.portfolioText__text--big{font-size:1.5rem}}@media (min-width:1367px){.portfolioText__text--big{font-size:1.8rem}}@media (min-width:1601px){.portfolioText__text--big{font-size:2rem}} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.portfolioMiniSliderCard{cursor:pointer;position:relative;width:100%}@media (min-width:1281px){.portfolioMiniSliderCard__imageItemWrapper{padding:2vw}}.portfolioMiniSliderCard__imageItem{display:block;overflow:hidden;position:relative;text-align:center;transition:all .2s;width:100%}.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItem{transform:translateY(-2vw)}.portfolioMiniSliderCard__imageItemWrapper{background:#eaf7df;transition:all .2s}.portfolioMiniSliderCard--takamol .portfolioMiniSliderCard__imageItemWrapper{background:#eaf7df}.portfolioMiniSliderCard--gazt .portfolioMiniSliderCard__imageItemWrapper{background:#c0e3db}.portfolioMiniSliderCard--sidf .portfolioMiniSliderCard__imageItemWrapper{background:#d4f2d9}.portfolioMiniSliderCard--pgnig .portfolioMiniSliderCard__imageItemWrapper{background:#dee5ed}.portfolioMiniSliderCard--nobiles .portfolioMiniSliderCard__imageItemWrapper{background:#aebee2}.portfolioMiniSliderCard--uw .portfolioMiniSliderCard__imageItemWrapper{background:#eef2f5}.portfolioMiniSliderCard--clubmed .portfolioMiniSliderCard__imageItemWrapper{background:#e5f2ff}.portfolioMiniSliderCard--posnania .portfolioMiniSliderCard__imageItemWrapper{background:#fce0e9}.portfolioMiniSliderCard--stc .portfolioMiniSliderCard__imageItemWrapper{background:#ded8e5}.portfolioMiniSliderCard--mediaMarkt .portfolioMiniSliderCard__imageItemWrapper{background:#eef1f5}.portfolioMiniSliderCard--cargill .portfolioMiniSliderCard__imageItemWrapper{background:#d9e8d2}.portfolioMiniSliderCard--intercity .portfolioMiniSliderCard__imageItemWrapper{background:#e0eeff}.portfolioMiniSliderCard--dqr .portfolioMiniSliderCard__imageItemWrapper{background:#e3e9ff}.portfolioMiniSliderCard--stokr .portfolioMiniSliderCard__imageItemWrapper{background:#eaeaea}.portfolioMiniSliderCard--roleshare .portfolioMiniSliderCard__imageItemWrapper{background:#e9f5f4}.portfolioMiniSliderCard--coral .portfolioMiniSliderCard__imageItemWrapper{background:#dbebf2}.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemWrapper{transform:translateY(-1vw)}.portfolioMiniSliderCard__imageItemWrapper:before{content:"";display:block;height:0;padding-top:68%;position:relative;width:100%}.portfolioMiniSliderCard__imageItemImage{display:block;overflow-y:hidden;position:absolute;top:0;transform:translateY(0)}.portfolioMiniSliderCard__imageItemImage,.portfolioMiniSliderCard__imageItemImage img{border-radius:6px 6px 0 0;transition:all .2s;width:100%}.portfolioMiniSliderCard--posnania.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--posnania.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--1,.portfolioMiniSliderCard--posnania.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--2,.portfolioMiniSliderCard--takamol.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--takamol.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--1,.portfolioMiniSliderCard--takamol.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--2{top:0}.portfolioMiniSliderCard--posnania.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--takamol.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0{transform:translateY(0);width:28%}.portfolioMiniSliderCard--posnania.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0 img,.portfolioMiniSliderCard--takamol.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0 img{margin-top:-25%}.portfolioMiniSliderCard--posnania.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--1,.portfolioMiniSliderCard--takamol.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--1{transform:translate(-50%);width:56%}.portfolioMiniSliderCard--posnania.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--1 img,.portfolioMiniSliderCard--takamol.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--1 img{margin-top:-55%}.portfolioMiniSliderCard--posnania.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--2,.portfolioMiniSliderCard--takamol.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--2{transform:translateY(0);width:28%}.portfolioMiniSliderCard--posnania.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--2 img,.portfolioMiniSliderCard--takamol.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--2 img{margin-top:-55%}.portfolioMiniSliderCard--posnania:hover .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--takamol:hover .portfolioMiniSliderCard__imageItemImage--0{transform:translateY(0);width:28%}.portfolioMiniSliderCard--posnania:hover .portfolioMiniSliderCard__imageItemImage--1,.portfolioMiniSliderCard--takamol:hover .portfolioMiniSliderCard__imageItemImage--1{transform:translate(-50%);width:56%}.portfolioMiniSliderCard--posnania:hover .portfolioMiniSliderCard__imageItemImage--2,.portfolioMiniSliderCard--takamol:hover .portfolioMiniSliderCard__imageItemImage--2{transform:translateY(0);width:28%}.portfolioMiniSliderCard--posnania .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--posnania .portfolioMiniSliderCard__imageItemImage--2,.portfolioMiniSliderCard--takamol .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--takamol .portfolioMiniSliderCard__imageItemImage--2{top:37%;width:27%}.portfolioMiniSliderCard--posnania .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--takamol .portfolioMiniSliderCard__imageItemImage--0{left:2vw}.portfolioMiniSliderCard--posnania .portfolioMiniSliderCard__imageItemImage--1,.portfolioMiniSliderCard--takamol .portfolioMiniSliderCard__imageItemImage--1{left:50%;top:3vw;transform:translate(-50%);width:55%;z-index:20}.portfolioMiniSliderCard--posnania .portfolioMiniSliderCard__imageItemImage--1 img,.portfolioMiniSliderCard--takamol .portfolioMiniSliderCard__imageItemImage--1 img{margin-top:-47%}.portfolioMiniSliderCard--posnania .portfolioMiniSliderCard__imageItemImage--2,.portfolioMiniSliderCard--takamol .portfolioMiniSliderCard__imageItemImage--2{right:2vw}.portfolioMiniSliderCard--posnania .portfolioMiniSliderCard__imageItemImage--1 img{margin-top:0}.portfolioMiniSliderCard--gazt.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--stc.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--uw.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0{transform:translate(-50%,-50%) scale(1.01)}.portfolioMiniSliderCard--gazt.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0 img,.portfolioMiniSliderCard--stc.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0 img,.portfolioMiniSliderCard--uw.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0 img{margin-top:-45%}.portfolioMiniSliderCard--gazt:hover .portfolioMiniSliderCard__imageItemImage,.portfolioMiniSliderCard--stc:hover .portfolioMiniSliderCard__imageItemImage,.portfolioMiniSliderCard--uw:hover .portfolioMiniSliderCard__imageItemImage{transform:translate(-50%,-50%) scale(1.03)}.portfolioMiniSliderCard--gazt .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--stc .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--uw .portfolioMiniSliderCard__imageItemImage--0{border-radius:6px;height:70%;left:50%;top:50%;transform:translate(-50%,-50%);width:80%}.portfolioMiniSliderCard--clubmed.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--sidf.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0{left:2vw;transform:scale(1.02)}.portfolioMiniSliderCard--clubmed.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0 img,.portfolioMiniSliderCard--sidf.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0 img{margin-top:-50%}.portfolioMiniSliderCard--clubmed.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--1,.portfolioMiniSliderCard--sidf.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--1{right:2vw;top:2vw;transform:scale(1.02)}.portfolioMiniSliderCard--clubmed.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--1 img,.portfolioMiniSliderCard--sidf.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--1 img{margin-top:-170%}.portfolioMiniSliderCard--clubmed:hover .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--clubmed:hover .portfolioMiniSliderCard__imageItemImage--1,.portfolioMiniSliderCard--sidf:hover .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--sidf:hover .portfolioMiniSliderCard__imageItemImage--1{transform:scale(1.04)}.portfolioMiniSliderCard--clubmed .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--sidf .portfolioMiniSliderCard__imageItemImage--0{left:2vw;top:2vw;width:65%;z-index:1}.portfolioMiniSliderCard--clubmed .portfolioMiniSliderCard__imageItemImage--1,.portfolioMiniSliderCard--sidf .portfolioMiniSliderCard__imageItemImage--1{border-radius:0;right:1vw;top:0;width:42%}.portfolioMiniSliderCard--clubmed .portfolioMiniSliderCard__imageItemImage--1 img,.portfolioMiniSliderCard--sidf .portfolioMiniSliderCard__imageItemImage--1 img{margin-top:-100%}.portfolioMiniSliderCard--pgnig.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0{top:0;transform:scale(1.04)}.portfolioMiniSliderCard--pgnig.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--1{transform:scale(1.02)}.portfolioMiniSliderCard--pgnig.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--1 img{margin-top:-100%}.portfolioMiniSliderCard--pgnig.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--2{transform:scale(1.01)}.portfolioMiniSliderCard--pgnig.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--2 img{margin-left:-35%}.portfolioMiniSliderCard--pgnig.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--1,.portfolioMiniSliderCard--pgnig.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--2{left:1.5vw}.portfolioMiniSliderCard--pgnig:hover .portfolioMiniSliderCard__imageItemImage--0{transform:scale(1.06)}.portfolioMiniSliderCard--pgnig:hover .portfolioMiniSliderCard__imageItemImage--1{transform:scale(1.04)}.portfolioMiniSliderCard--pgnig:hover .portfolioMiniSliderCard__imageItemImage--2{transform:scale(1.03)}.portfolioMiniSliderCard--pgnig .portfolioMiniSliderCard__imageItemImage--0{right:1.5vw;top:3vw;width:65%;z-index:2}.portfolioMiniSliderCard--pgnig .portfolioMiniSliderCard__imageItemImage--1{left:3vw;top:0;width:40%}.portfolioMiniSliderCard--pgnig .portfolioMiniSliderCard__imageItemImage--1 img{margin-top:-215%}.portfolioMiniSliderCard--pgnig .portfolioMiniSliderCard__imageItemImage--2{left:3vw;top:30%;width:38%;z-index:3}.portfolioMiniSliderCard--pgnig .portfolioMiniSliderCard__imageItemImage--2 img{margin-left:-35%}.portfolioMiniSliderCard--pgnig .portfolioMiniSliderCard__imageItemImage--1,.portfolioMiniSliderCard--pgnig .portfolioMiniSliderCard__imageItemImage--1 img,.portfolioMiniSliderCard--pgnig .portfolioMiniSliderCard__imageItemImage--2,.portfolioMiniSliderCard--pgnig .portfolioMiniSliderCard__imageItemImage--2 img{border-radius:0}.portfolioMiniSliderCard--nobiles.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--nobiles.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--1{transform:scale(1.05)}.portfolioMiniSliderCard--nobiles.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0{top:0}.portfolioMiniSliderCard--nobiles.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--2{bottom:-50%;transform:translateY(50%)}.portfolioMiniSliderCard--nobiles:hover .portfolioMiniSliderCard__imageItemImage--0{transform:scale(1.06)}.portfolioMiniSliderCard--nobiles:hover .portfolioMiniSliderCard__imageItemImage--1{transform:scale(1.04)}.portfolioMiniSliderCard--nobiles:hover .portfolioMiniSliderCard__imageItemImage--2{transform:scale(1.03)}.portfolioMiniSliderCard--nobiles .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--roleshare .portfolioMiniSliderCard__imageItemImage--0{left:2vw;top:3vw;width:62%;z-index:2}.portfolioMiniSliderCard--nobiles .portfolioMiniSliderCard__imageItemImage--1,.portfolioMiniSliderCard--roleshare .portfolioMiniSliderCard__imageItemImage--1{right:1.5vw;top:0;width:40%}.portfolioMiniSliderCard--nobiles .portfolioMiniSliderCard__imageItemImage--2,.portfolioMiniSliderCard--roleshare .portfolioMiniSliderCard__imageItemImage--2{bottom:0;height:auto;left:37%;top:auto;width:38%;z-index:3}.portfolioMiniSliderCard--nobiles .portfolioMiniSliderCard__imageItemImage--1,.portfolioMiniSliderCard--nobiles .portfolioMiniSliderCard__imageItemImage--1 img,.portfolioMiniSliderCard--nobiles .portfolioMiniSliderCard__imageItemImage--2,.portfolioMiniSliderCard--nobiles .portfolioMiniSliderCard__imageItemImage--2 img,.portfolioMiniSliderCard--roleshare .portfolioMiniSliderCard__imageItemImage--1,.portfolioMiniSliderCard--roleshare .portfolioMiniSliderCard__imageItemImage--1 img,.portfolioMiniSliderCard--roleshare .portfolioMiniSliderCard__imageItemImage--2,.portfolioMiniSliderCard--roleshare .portfolioMiniSliderCard__imageItemImage--2 img{border-radius:0}.portfolioMiniSliderCard--cargill.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0{transform:scale(1.03)}.portfolioMiniSliderCard--cargill.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0 img{margin-top:-20%}.portfolioMiniSliderCard--cargill.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--1{filter:blur(3px);transform:scale(1.03)}.portfolioMiniSliderCard--cargill.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--2{top:15%;transform:scale(1.03);z-index:4}.portfolioMiniSliderCard--cargill.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--2 img{filter:none}.portfolioMiniSliderCard--cargill:hover .portfolioMiniSliderCard__imageItemImage--0{transform:scale(1.04)}.portfolioMiniSliderCard--cargill:hover .portfolioMiniSliderCard__imageItemImage--1{transform:scale(1.01)}.portfolioMiniSliderCard--cargill:hover .portfolioMiniSliderCard__imageItemImage--2{transform:scale(1.03)}.portfolioMiniSliderCard--cargill .portfolioMiniSliderCard__imageItemImage--0{height:auto;left:2vw;top:2vw;width:70%;z-index:3}.portfolioMiniSliderCard--cargill .portfolioMiniSliderCard__imageItemImage--1{bottom:1.5vw;height:auto;right:1.5vw;top:auto;width:25%;z-index:2}.portfolioMiniSliderCard--cargill .portfolioMiniSliderCard__imageItemImage--2{right:4vw;top:1vw;width:20%}.portfolioMiniSliderCard--cargill .portfolioMiniSliderCard__imageItemImage--2 img{filter:blur(3px)}.portfolioMiniSliderCard--intercity.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--1{transform:translateY(-20%) scale(1.03)}.portfolioMiniSliderCard--intercity.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--2{z-index:3}.portfolioMiniSliderCard--intercity.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--2 img{margin-top:-20%}.portfolioMiniSliderCard--intercity:hover .portfolioMiniSliderCard__imageItemImage--0{transform:scale(1.03)}.portfolioMiniSliderCard--intercity:hover .portfolioMiniSliderCard__imageItemImage--1{transform:scale(1.06)}.portfolioMiniSliderCard--intercity:hover .portfolioMiniSliderCard__imageItemImage--2{transform:scale(1.02)}.portfolioMiniSliderCard--intercity .portfolioMiniSliderCard__imageItemImage--0{bottom:0;height:auto;right:1.5vw;top:auto;width:70%;z-index:2}.portfolioMiniSliderCard--intercity .portfolioMiniSliderCard__imageItemImage--1{bottom:2vw;height:auto;left:1.5vw;top:auto;width:45%;z-index:2}.portfolioMiniSliderCard--intercity .portfolioMiniSliderCard__imageItemImage--2{left:3vw;width:50%}.portfolioMiniSliderCard--dqr .portfolioMiniSliderCard__imageItemImage--0{height:100%;left:0;width:100%}.portfolioMiniSliderCard--dqr .portfolioMiniSliderCard__imageItemImage--0 img{left:0;padding:2vw;position:absolute;top:50%;transform:translateY(-50%);width:100%}.portfolioMiniSliderCard--dqr:hover .portfolioMiniSliderCard__imageItemImage--0 img{padding:1.5vw}.portfolioMiniSliderCard--mediaMarkt .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--stokr .portfolioMiniSliderCard__imageItemImage--0{height:100%;left:0;width:100%}.portfolioMiniSliderCard--mediaMarkt .portfolioMiniSliderCard__imageItemImage--0 img,.portfolioMiniSliderCard--stokr .portfolioMiniSliderCard__imageItemImage--0 img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);width:100%}.portfolioMiniSliderCard--mediaMarkt .portfolioMiniSliderCard__imageItemImage--0 img{-o-object-fit:initial;object-fit:fill}.portfolioMiniSliderCard--mediaMarkt:hover .portfolioMiniSliderCard__imageItemImage--0,.portfolioMiniSliderCard--stokr:hover .portfolioMiniSliderCard__imageItemImage--0{transform:translateY(0) scale(1.03)}.portfolioMiniSliderCard--roleshare.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0{z-index:4}.portfolioMiniSliderCard--roleshare.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageItemImage--0 img{margin-top:-85%}.portfolioMiniSliderCard--roleshare:hover .portfolioMiniSliderCard__imageItemImage--0{transform:scale(1.03)}.portfolioMiniSliderCard--roleshare .portfolioMiniSliderCard__imageItemImage--0{z-index:2}.portfolioMiniSliderCard--roleshare .portfolioMiniSliderCard__imageItemImage--1{width:43%;z-index:3}.portfolioMiniSliderCard--roleshare .portfolioMiniSliderCard__imageItemImage--2{left:5px;top:0;width:24%;z-index:0}.portfolioMiniSliderCard--coral .portfolioMiniSliderCard__imageItemImage--0{height:calc(100% - 4vw);position:absolute;top:2vw;width:calc(100% - 4vw)}.portfolioMiniSliderCard--coral .portfolioMiniSliderCard__imageItemImage--1{bottom:2rem;left:2rem;top:auto;width:calc(40% - 4vw)}.portfolioMiniSliderCard--coral:hover .portfolioMiniSliderCard__imageItemImage--0 img{transform:translateY(-50%)}.portfolioMiniSliderCard__imageDesc{background:#171a21;bottom:0;color:#fff;left:0;opacity:0;padding:50px;position:absolute;text-align:left;transform:translateY(0);transition:all .2s;width:100%}@media (max-width:1600px){.portfolioMiniSliderCard__imageDesc{padding:30px}}.portfolioMiniSliderCard__imageDesc--title{font-family:"NoeDisplay","Times New Roman",Times,serif;font-size:2rem;font-weight:500}@media (min-width:601px){.portfolioMiniSliderCard__imageDesc--title{font-size:2.2rem}}@media (min-width:1025px){.portfolioMiniSliderCard__imageDesc--title{font-size:2.3rem}}@media (min-width:1367px){.portfolioMiniSliderCard__imageDesc--title{font-size:2.4rem}}@media (min-width:1601px){.portfolioMiniSliderCard__imageDesc--title{font-size:3rem}}.portfolioMiniSliderCard__imageDesc--text{font-size:1.2rem;font-weight:500;margin:1.2em 0 0}@media (min-width:601px){.portfolioMiniSliderCard__imageDesc--text{font-size:1.3rem;line-height:1.8}}@media (min-width:1025px){.portfolioMiniSliderCard__imageDesc--text{font-size:1.4rem;line-height:2}}@media (min-width:1367px){.portfolioMiniSliderCard__imageDesc--text{font-size:1.5rem}}@media (min-width:1601px){.portfolioMiniSliderCard__imageDesc--text{font-size:1.8rem}}.portfolioMiniSliderCard--active .portfolioMiniSliderCard__imageDesc{opacity:1;transform:translateY(5vw)}.portfolioMiniSliderCard__loader{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.portfolioMiniSliderCard__loader>svg{display:block;height:64px;left:50%;margin-left:-32px;margin-top:-32px;position:absolute;top:50%;width:64px}.portfolioMiniSliderCard__loader>svg path{stroke:#171a21}[data-dark] .portfolioMiniSliderCard__loader>svg path{stroke:#fff} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.portfolioLogos{display:none}@media (min-width:601px){.portfolioLogos{display:block;overflow:hidden;padding-bottom:6vw;padding-top:6vw;position:relative;width:100%}}@keyframes portfolioLogosShow{0%{transform:scaleX(0);transform-origin:0 50%}49%{transform:scale(1);transform-origin:0 50%}50%{transform:scale(1);transform-origin:100% 50%}to{transform:scaleX(.64);transform-origin:100% 50%}}.portfolioLogos:before{background-color:#f5f7f9;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0 50%;z-index:-1}.portfolioLogos--showBg:before{animation:portfolioLogosShow .8s cubic-bezier(.65,0,.35,1);transform:scaleX(.64);transform-origin:100% 50%}.portfolioLogos__inner{align-items:center;display:flex;position:relative}.portfolioLogos__title{flex-shrink:0;font-size:1.4rem;font-weight:800;line-height:1.33333;padding-right:6vw;text-align:right;white-space:pre-line;width:50%}@media (min-width:601px){.portfolioLogos__title{font-size:1.6rem}}@media (min-width:1025px){.portfolioLogos__title{font-size:1.8rem}}@media (min-width:1367px){.portfolioLogos__title{font-size:2rem}}@media (min-width:1601px){.portfolioLogos__title{font-size:2.6rem}}.portfolioLogos__items{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-left:-6vw;width:calc(50% + 6vw)}.portfolioLogos__item{display:block;max-width:50%;padding-left:6vw} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.portfolioEffect{display:block;height:100%;left:0;position:absolute;top:0;width:100%} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.footer{display:block;position:relative;z-index:102}.footer__banner{background-color:#fff;position:relative;width:100%;z-index:1}.footer__buttons{bottom:0;left:0;position:sticky;width:100%;z-index:0} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.footerBanner{display:block;padding-top:6vw;position:relative}@media (min-width:601px){.footerBanner{padding-top:60px}}.footerBanner--showBg .footerBanner__textInner{transform:translateY(0)}@media (max-width:768px){.footerBanner--reversed{background:#f8f8f8}.footerBanner--reversed:before{background-color:#fff!important;color:#171a21}}.footerBanner:before{background-color:#f5f7f9;bottom:0;content:"";display:block;height:24%;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:0 50%;z-index:-1}@media (min-width:601px){.footerBanner:before{height:54%}}@keyframes footerBannerShow{0%{transform:scaleX(0);transform-origin:0 50%}49%{transform:scale(1);transform-origin:0 50%}50%{transform:scale(1);transform-origin:100% 50%}to{transform:scaleX(.7);transform-origin:100% 50%}}.footerBanner--showBg:before{animation:footerBannerShow .8s cubic-bezier(.65,0,.35,1);transform:scaleX(.7);transform-origin:100% 50%;z-index:auto}.footerBanner__inner{display:block;overflow:hidden}@media (min-width:601px){.footerBanner__inner{align-items:center;display:flex}.footerBanner__infoCol{display:flex;justify-content:center;width:50%}}@media (min-width:1025px){.footerBanner__infoCol{padding-bottom:60px;width:60%}}.footerBanner__info{padding:6vw 0}.footerBanner__titleBox{display:block;font-size:2.8rem;line-height:1.27907}@media (min-width:441px){.footerBanner__titleBox{font-size:3rem}}@media (min-width:601px){.footerBanner__titleBox{font-size:4rem}}@media (min-width:769px){.footerBanner__titleBox{font-size:4.8rem}}@media (min-width:1025px){.footerBanner__titleBox{font-size:6rem}}@media (min-width:1281px){.footerBanner__titleBox{font-size:6.8rem}}@media (min-width:1367px){.footerBanner__titleBox{font-size:7.6rem}}@media (min-width:1601px){.footerBanner__titleBox{font-size:8.6rem}}.footerBanner__subtitle,.footerBanner__title{display:block;overflow:hidden}.footerBanner__title{font-family:"NoeDisplay","Times New Roman",Times,serif;margin-bottom:.1em}.footerBanner__title .footerBanner__textInner{transition:all .4s cubic-bezier(.33,1,.68,1)}.footerBanner__subtitle{font-family:"Visby CF",Arial,Helvetica,sans-serif;font-weight:800}.footerBanner__subtitle .footerBanner__textInner{transition:all .4s cubic-bezier(.33,1,.68,1) .2s}.footerBanner__text{font-family:"Visby CF",Arial,Helvetica,sans-serif;font-size:1.6rem;line-height:2;white-space:pre-line}.footerBanner__titleBox+.footerBanner__text{margin-top:2.6rem}@media (min-width:601px){.footerBanner__titleBox+.footerBanner__text{margin-top:2.2em}}@media (min-width:769px){.footerBanner__text{font-size:1.8rem}}@media (min-width:1367px){.footerBanner__text{font-size:2rem}}@media (min-width:1601px){.footerBanner__text{font-size:2.4rem}}.footerBanner__textInner{display:block;transform:translateY(100%);white-space:pre-line}.footerBanner__cta{margin-top:1.8em}.footerBanner__imageCol{padding-right:100px;position:relative;z-index:0}@media (min-width:601px){.footerBanner__imageCol{align-self:flex-end;padding-right:80px;width:50%}}@media (min-width:1025px){.footerBanner__imageCol{padding-right:6vw;width:40%}}.footerBanner__director{bottom:6vw;display:block;position:absolute;right:0;text-align:right;z-index:1}.footerBanner__directorName{display:block;font-size:1.6rem;font-weight:800;line-height:1}@media (min-width:769px){.footerBanner__directorName{font-size:1.8rem}}@media (min-width:1367px){.footerBanner__directorName{font-size:2rem}}@media (min-width:1601px){.footerBanner__directorName{font-size:2.4rem}}.footerBanner__directorPos{display:block;font-size:1.2rem;line-height:1;margin-top:.4em}@media (min-width:601px){.footerBanner__directorPos{font-size:1.3rem}}@media (min-width:1025px){.footerBanner__directorPos{font-size:1.4rem}}@media (min-width:1367px){.footerBanner__directorPos{font-size:1.5rem}}@media (min-width:1601px){.footerBanner__directorPos{font-size:1.8rem}}.footerBanner__imageBox{filter:grayscale(100%);padding-top:100%;position:relative;width:100%;z-index:0}.footerBanner__image{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.footerBanner__image-enter,.footerBanner__image-leave-to{opacity:0}.footerBanner__centerPoint{display:block;height:0;left:43.5%;position:absolute;top:28.5%;visibility:hidden;width:0}.footerBanner__cookies{display:none;position:absolute;transition:transform .2s;z-index:10}.footerBanner__cookiesBox{height:100%;position:absolute;top:0;transform:scaleY(-1);width:100%;z-index:-1}@media (min-width:769px){.footerBanner__cookiesBox{left:0;transform:none}}@media (min-width:1281px){.footerBanner__cookiesBox{left:0}}@media (min-width:601px){.footerBanner__cookies{display:block;left:8vw;max-width:240px;min-width:240px;top:-8vw;transform:translateX(-50%);width:100%}}@media (min-width:769px){.footerBanner__cookies{left:-6.5vw;max-width:180px;min-width:180px;top:7.5vw;transform:translateY(0)}}@media (min-width:1025px){.footerBanner__cookies{left:-8.5vw;max-width:200px;min-width:200px;top:5vw}}@media (min-width:1281px){.footerBanner__cookies{left:-6.5vw;top:6vw}}@media (min-width:1367px){.footerBanner__cookies{left:-7vw;min-width:235px;top:8.2vw}}@media (min-width:1601px){.footerBanner__cookies{left:-7.5vw;max-width:280px;top:6vw}}.footerBanner__cookies--fixed{align-items:center;background-color:rgba(23,26,33,0);display:flex;height:100%;justify-content:center;left:0;max-width:none;pointer-events:none;position:fixed;top:0;transform:none;transition:background-color .3s .2s;width:100%}.footerBanner__cookies--fixed.show{background-color:rgba(23,26,33,.7)}@media (min-width:601px){.footerBanner__cookiesInner{padding:1rem calc(1rem + 5px) 1rem 1rem}}@media (min-width:769px){.footerBanner__cookiesInner{padding-right:calc(1.5rem + 5px)}}@media (min-width:1025px){.footerBanner__cookiesInner{padding:1.5rem}}@media (min-width:1367px){.footerBanner__cookiesInner{padding-right:1.5rem}}@media (min-width:1601px){.footerBanner__cookiesInner{padding:2rem 4rem 2rem 2rem}}.footerBanner__cookiesAccept,.footerBanner__cookiesText{font-family:"Visby CF",Arial,Helvetica,sans-serif;font-size:1.2rem;line-height:normal}@media (min-width:769px){.footerBanner__cookiesAccept,.footerBanner__cookiesText{font-size:1.3rem}}@media (min-width:1025px){.footerBanner__cookiesAccept,.footerBanner__cookiesText{font-size:1.4rem;line-height:1.4}}@media (min-width:1601px){.footerBanner__cookiesAccept,.footerBanner__cookiesText{font-size:1.6rem}}.footerBanner__cookiesAccept{font-weight:700}.footerBanner__cookiesPolicy{display:inline-block;opacity:.7;-webkit-text-decoration:underline;text-decoration:underline}.footerBanner__cookies-enter-active,.footerBanner__cookies-leave-active{transition:transform .2s,opacity .2s}.footerBanner__cookies-enter,.footerBanner__cookies-leave-to{opacity:0;transform:translateY(-20vh)}@keyframes scaleUp{0%{transform:scale(0)}to{transform:scale(1)}}.scale-enter-active,.scale-leave-active{transition:transform .2s}.scale-enter,.scale-leave-to{transform:scale(0);transition:transform .4s} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.pageButton{align-items:center;border-bottom:1px solid #171a21;border-top:1px solid transparent;color:#171a21;display:inline-flex;padding:6px 24px 6px 0;position:relative;transition:color .2s,transform .2s}[data-dark] .pageButton{border-bottom-color:#fff;color:#fff}.pageButton--negative{color:#fff}.pageButton--block{display:flex}.pageButton:after,.pageButton:before{font-family:"icomoon"!important;speak:none;font-feature-settings:normal;font-style:normal;font-variant:normal;font-weight:400;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;font-size:12px;height:12px;line-height:12px;margin-top:-6px;pointer-events:none;position:absolute;text-align:center;top:50%;transition:transform .2s,opacity .2s;width:12px}.pageButton:before{color:#32c0ca;content:""!important;left:0;opacity:0;transform:translate(-12px,-12px)}.pageButton:after{content:""!important;opacity:.6;right:0;transform:translate(0)}.pageButton:hover:before{opacity:1;transform:translate(0)}.pageButton:hover:after{opacity:0;transform:translate(12px,12px)}.pageButton--reversed:before{color:inherit;opacity:.6;transform:translate(0) rotate(.5turn)}.pageButton--reversed:after{color:#32c0ca;opacity:0;transform:translate(12px,12px) rotate(.5turn)}.pageButton--reversed:hover:before{opacity:0;transform:translate(-12px,-12px) rotate(.5turn)}.pageButton--reversed:hover:after{opacity:1;transform:translate(0) rotate(.5turn)}.pageButton__line{background-color:#171a21;bottom:-2px;display:block;height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:0 0;transition:transform .2s;width:100%}.pageButton--negative .pageButton__line{background-color:#fff}.pageButton--reversed .pageButton__line{transform-origin:100% 0}.pageButton:hover .pageButton__line{transform:scaleX(1)}[data-dark] .pageButton__line{background-color:#fff}.pageButton__text{display:block;font-family:"Visby CF",Arial,Helvetica,sans-serif;font-size:1.6rem;font-weight:800;line-height:1.25;position:relative;transform:translateX(0);transition:transform .2s}@media (min-width:769px){.pageButton__text{font-size:1.8rem}}@media (min-width:1367px){.pageButton__text{font-size:2rem}}@media (min-width:1601px){.pageButton__text{font-size:2.4rem}}.pageButton--reversed .pageButton__text,.pageButton:hover .pageButton__text{transform:translateX(24px)}.pageButton--reversed:hover .pageButton__text{transform:none}.pageButton--theme-lot,[data-dark] .pageButton--theme-lot{border-bottom-color:#171a21;color:#171a21}.pageButton--theme-lot .pageButton__line,[data-dark] .pageButton--theme-lot .pageButton__line{background-color:#171a21}.pageButton--theme-lot:after,.pageButton--theme-lot:before,[data-dark] .pageButton--theme-lot:after,[data-dark] .pageButton--theme-lot:before{color:#0f2c64}.pageButton--theme-lot:after,[data-dark] .pageButton--theme-lot:after{opacity:1}.pageButton--theme-lot:hover:after,[data-dark] .pageButton--theme-lot:hover:after{opacity:0}.pageButton--theme-najiz:after,.pageButton--theme-najiz:before{color:#f6b22a}.pageButton--theme-najiz:after{opacity:1}.pageButton--theme-santander:after,.pageButton--theme-santander:before{color:#d82026}.pageButton--theme-santander:after{opacity:1}.pageButton--theme-interia:after,.pageButton--theme-interia:before{color:#fdb72b}.pageButton--theme-interia:after{opacity:1}.pageButton--theme-stc:after,.pageButton--theme-stc:before{color:#7535b2}.pageButton--theme-stc:after{opacity:1}.pageButton--theme-ncbe:after,.pageButton--theme-ncbe:before{color:#3c6}.pageButton--theme-ncbe:after{opacity:1}.pageButton--theme-photler:after,.pageButton--theme-photler:before{color:#aaf5a3}.pageButton--theme-photler:after{opacity:1}.pageButton--theme-g20:after,.pageButton--theme-g20:before{color:#bdaa77}.pageButton--theme-g20:after{opacity:1}.pageButton--theme-ghc:after,.pageButton--theme-ghc:before,.pageButton--theme-ssc:after,.pageButton--theme-ssc:before,.pageButton--theme-zabka:after,.pageButton--theme-zabka:before{color:#fff}.pageButton--theme-ghc:after,.pageButton--theme-ssc:after,.pageButton--theme-zabka:after{opacity:1}.pageButton--theme-poznanairport:after,.pageButton--theme-poznanairport:before{color:#0e66bc}.pageButton--theme-ipa:after,.pageButton--theme-ipa:before{color:#1056a5}.pageButton--theme-ipa:after{opacity:1}.pageButton--theme-rcgnz:after,.pageButton--theme-rcgnz:before{color:#32c0ca}.pageButton--theme-rcgnz:after{opacity:1}.pageButton--theme-ofix:after,.pageButton--theme-ofix:before{color:#f86f21}.pageButton--theme-ofix:after{opacity:1}.pageButton--theme-cle:after,.pageButton--theme-cle:before{color:#2e2baa}.pageButton--theme-cle:after{opacity:1}.pageButton--theme-trefl:after,.pageButton--theme-trefl:before{color:#fff200}.pageButton--theme-trefl:after{opacity:1}.pageButton--theme-coral,[data-dark] .pageButton--theme-coral{border-bottom-color:rgba(23,147,208,.6)}.pageButton--theme-coral .pageButton__text{color:#171a21}.pageButton--theme-coral .pageButton__line{background-color:rgba(23,147,208,.6);height:1px}.pageButton--theme-coral:after,.pageButton--theme-coral:before{color:rgba(23,147,208,.6)}.pageButton--theme-coral:after{opacity:1}.pageButton--theme-uep:after,.pageButton--theme-uep:before{color:#02532a}.pageButton--theme-uep:after{opacity:1}.pageButton--theme-redsea:after,.pageButton--theme-redsea:before{color:#f2dec4}.pageButton--theme-redsea:after{opacity:1}.pageButton--theme-redsea-dark,[data-dark] .pageButton--theme-redsea-dark{border-bottom-color:rgba(4,37,60,.6)}.pageButton--theme-redsea-dark .pageButton__text{color:#04253c}.pageButton--theme-redsea-dark .pageButton__line{background-color:rgba(4,37,60,.6);height:1px}.pageButton--theme-redsea-dark:after,.pageButton--theme-redsea-dark:before{color:rgba(4,37,60,.4)}.pageButton--theme-redsea-dark:after{opacity:1} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.footerButtons,.footerButtons__items{display:block}@media (min-width:601px){.footerButtons__items{display:flex;justify-content:stretch}}.footerButtons__item{display:block}.footerButtons__item:not(:last-of-type){border-bottom:1px solid #23252b}@media (min-width:601px){.footerButtons__item{border-bottom:initial;flex-grow:1;flex-shrink:0;width:33.33%}}.footerButtons__link{align-items:center;background-color:#171a21;color:#fff;display:flex;height:100%;overflow:hidden;padding:6vw 10vw 6vw 6vw;position:relative}.footerButtons__link:hover{background-color:#23252b}.footerButtons__link:before{font-family:"icomoon"!important;speak:none;font-feature-settings:normal;font-style:normal;font-variant:normal;font-weight:400;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:""!important;display:block;font-size:3.3vw;line-height:1;margin-top:-1.5vw;opacity:.1;position:absolute;right:6vw;text-align:center;top:50%;transform:translate(0);transition:opacity .3s,transform .3s}.footerButtons__link:hover:before{opacity:1;transform:translate(120%,120%)}.footerButtons__box{display:flex;flex-direction:column;font-size:1.2rem;line-height:1.33333;transition:transform .3s cubic-bezier(.33,1,.68,1)}@media (min-width:601px){.footerButtons__box{font-size:1.1rem}}@media (min-width:769px){.footerButtons__box{font-size:1.4rem}}@media (min-width:1025px){.footerButtons__box{font-size:1.6rem}}@media (min-width:1281px){.footerButtons__box{font-size:1.8em}}@media (min-width:1367px){.footerButtons__box{font-size:2em}}@media (min-width:1601px){.footerButtons__box{font-size:2.3rem}}.footerButtons__link:hover .footerButtons__box{transform:translateY(-2.66667em)}.footerButtons__title{font-size:1.6rem;font-weight:800;line-height:1.33333;white-space:pre-line}@media (min-width:601px){.footerButtons__title{font-size:2rem}}@media (min-width:769px){.footerButtons__title{font-size:3.2rem}}@media (min-width:1025px){.footerButtons__title{font-size:3.8rem}}@media (min-width:1281px){.footerButtons__title{font-size:4.2rem}}@media (min-width:1367px){.footerButtons__title{font-size:4.4rem}}@media (min-width:1601px){.footerButtons__title{font-size:5.4rem}}.footerButtons__subtitle,.footerButtons__text{font-weight:500;white-space:pre-line}.footerButtons__subtitle{font-size:1.2rem;line-height:1.33333;margin-bottom:.4em;margin-right:-1vw;opacity:1;transition:opacity .3s}@media (min-width:601px){.footerButtons__subtitle{font-size:1.6rem}}@media (min-width:1025px){.footerButtons__subtitle{font-size:1.8rem}}@media (min-width:1367px){.footerButtons__subtitle{font-size:2rem}}@media (min-width:1601px){.footerButtons__subtitle{font-size:2.4rem}}.footerButtons__link:hover .footerButtons__subtitle{opacity:0}.footerButtons__text{height:2.66667em;margin-bottom:-3.06667em;margin-right:-4vw;margin-top:.4em;opacity:0;transition:opacity .3s}.footerButtons__link:hover .footerButtons__text{opacity:1} @keyframes arrowPrev{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(-50%)}50%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes arrowNext{0%{opacity:1;transform:translateX(0)}49%{opacity:0;transform:translateX(50%)}50%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}.popup{display:block;height:100%;left:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:120}.popup__overlay{background-color:rgba(0,0,0,.5);bottom:0;left:0;position:absolute;right:0;top:0;visibility:visible}.popup__overlay-enter-active,.popup__overlay-leave-active{transition:opacity .2s}.popup__overlay-enter,.popup__overlay-leave-to{opacity:0}.popup__outer{background-color:#fff;box-shadow:8px 0 24px 0 rgba(23,26,33,.2);display:block;height:100%;position:relative;visibility:visible;width:100%}.popup__outer:before{animation:popupBgShow .8s cubic-bezier(.65,0,.35,1);background-color:#f8f8f8;content:"";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:scaleX(.67);transform-origin:100% 50%;z-index:0}@keyframes popupBgShow{0%{transform:scaleX(0);transform-origin:0 50%}49%{transform:scale(1);transform-origin:0 50%}50%{transform:scale(1);transform-origin:100% 50%}to{transform:scaleX(.67);transform-origin:100% 50%}}.popup--noBg .popup__outer:before{display:none}.popup--halfSize .popup__outer{box-shadow:none}@media (min-width:769px){.popup--halfSize .popup__outer{width:50%}}.popup__close{display:block;position:absolute;right:0;top:0;z-index:2}.popup__inner{display:flex;flex-direction:column;height:100%;overflow:scroll;padding:6vw;position:relative;width:100%;z-index:1}.popup .popup-slide-enter{transform:translateX(-100%)}.popup .popup-slide-enter-active,.popup .popup-slide-leave-active{transition:transform .3s cubic-bezier(.65,0,.35,1)}.popup .popup-slide-leave-active{left:0;position:absolute;top:0}.popup .popup-slide-leave-to{transform:translateX(100%)}.popup .popup-slide-half-enter{transform:translateX(-100%)}.popup .popup-slide-half-enter-active,.popup .popup-slide-half-leave-active{transition:transform .3s cubic-bezier(.65,0,.35,1)}.popup .popup-slide-half-leave-active{left:0;position:absolute;top:0;width:50%}.popup .popup-slide-half-leave-to{transform:translateX(-100%)}</style> </head> <body > <noscript data-n-head="ssr" data-hid="gtm-noscript" data-pbody="true"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N4CD2CSB&" height="0" width="0" style="display:none;visibility:hidden" title="gtm"></iframe></noscript><div data-server-rendered="true" id="__nuxt"><div id="__layout"><div class="root"><header class="header header--portfolio"><div class="header__box header__box--static"><div class="container container--full"><div class="header__utils"><nav class="header__nav"><ul class="header__navItems"></ul></nav> <div class="header__langs"><div class="langSwitch"><ul class="langSwitch__langs"><li class="langSwitch__lang"><a href="https://crafton.eu/portfolio" target="_self" class="langSwitch__link langSwitch__link--other"> en </a></li></ul></div></div></div></div></div> <div class="header__box header__box--fixed"><div class="header__logo"><div class="header__logoBox"><div class="header__fullLogoBox"><a href="/" class="header__fullLogo nuxt-link-active"></a> <span class="header__logoText"> Hello! Cześć! مرحبا Hola! </span></div> <a href="/" class="header__sideLogo nuxt-link-active"><span class="header__sideLogoImg header__sideLogoImg--default"></span></a></div></div> <div class="header__menuButton"><div class="header__menuButtonBox"><button class="burgerButton"><div class="burgerButton__bg"><div class="burgerButton__bars"><div class="burgerButton__bar burgerButton__bar--t"></div> <div class="burgerButton__bar burgerButton__bar--m"></div> <div class="burgerButton__bar burgerButton__bar--b"></div></div></div></button></div></div> <div class="header__menu"><div data-light="" class="menu"><div class="container menu__inner"><div class="menu__head"><div class="menu__langs"><div class="langSwitch"><ul class="langSwitch__langs"><li class="langSwitch__lang"><a href="https://crafton.eu/portfolio" target="_self" class="langSwitch__link langSwitch__link--other"> en </a></li></ul></div></div> <div class="menu__socItems"><a href="https://www.facebook.com/craftonpl" target="_blank" class="menu__socItem menu__socItem--facebook"></a><a href="https://www.instagram.com/crafton.agency" target="_blank" class="menu__socItem menu__socItem--instagram"></a></div></div> <div class="menu__body"><nav class="menu__nav"><ul class="menu__items"><li class="menu__item"><a href="/" class="menu__link nuxt-link-active"><span class="menu__linkText"> Strona główna </span></a></li><li class="menu__item"><a href="/o-nas" class="menu__link"><span class="menu__linkText"> O Nas </span></a></li><li class="menu__item"><a href="/oferta" class="menu__link"><span class="menu__linkText"> Oferta </span></a></li><li class="menu__item"><a href="/portfolio" aria-current="page" class="menu__link nuxt-link-exact-active nuxt-link-active"><span class="menu__linkText"> Portfolio </span></a></li><li class="menu__item"><a href="/kariera" class="menu__link"><span class="menu__linkText"> Kariera </span></a></li><li class="menu__item"><a href="/blog" class="menu__link"><span class="menu__linkText"> Blog </span></a></li><li class="menu__item"><a href="/kontakt" class="menu__link"><span class="menu__linkText"> Kontakt </span></a></li></ul></nav> <div class="menu__info"><ul class="menu__contacts"><li class="menu__contact"><h4 class="menu__contactLogo"></h4> <p class="menu__contactAddress">ul. Woźna 14/5, 61-777 Poznań, Polska</p> <div class="menu__contactInfos"><div class="menu__contactInfo menu__contactInfo--phone"> tel.: <a href="tel:+48 61 624 86 92" target="_blank" class="menu__textLink"> +48 61 624 86 92 </a></div> <div class="menu__contactInfo menu__contactInfo--email"> e-mail: <a href="mailto:biuro@crafton.pl" target="_blank" class="menu__textLink"> biuro@crafton.pl </a></div></div></li><li class="menu__contact"><h4 class="menu__contactLogo"><span class="menu__contactLogoText"> Middle East </span></h4> <p class="menu__contactAddress">Al Yasmin Dist., King AbdulAziz Road Riyadh 13322, Arabia Saudyjska</p> <div class="menu__contactInfos"><div class="menu__contactInfo menu__contactInfo--phone"> tel.: <a href="tel:+966 558 783 670" target="_blank" class="menu__textLink"> +966 558 783 670 </a></div> <div class="menu__contactInfo menu__contactInfo--email"> e-mail: <a href="mailto:info@crafton-me.com" target="_blank" class="menu__textLink"> info@crafton-me.com </a></div></div></li></ul></div></div></div></div></div></div></header> <div class="page page--portfolio page--stickyNavbar" data-v-c9487dee><nav class="stickyNavbar" data-v-c9487dee><ul class="stickyNavbar__list"><li role="button" aria-label="Scroll To UX / UI Section" class="stickyNavbar__item"> UX / UI </li><li role="button" aria-label="Scroll To WWW Section" class="stickyNavbar__item"> WWW </li><li role="button" aria-label="Scroll To WEB APPS Section" class="stickyNavbar__item"> WEB APPS </li><li role="button" aria-label="Scroll To APPS Section" class="stickyNavbar__item"> APPS </li><li role="button" aria-label="Scroll To E-COMMERCE Section" class="stickyNavbar__item"> E-COMMERCE </li></ul></nav> <section class="imageTextHero" data-v-c9487dee> <div class="imageTextHero__wrapper"><div class="container imageTextHero__container"><div class="imageTextHero__content"><div class="imageTextHero__title heading"><div class="basicText"><h1 class="basicText__titleBox basicText__titleBox--sizeInherit"><span class="basicText__title"> <span class="basicText__inner">Nasze portfolio</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">tworzone z pasją do UX</span></span></h1>  </div></div> <p class="imageTextHero__description">Użyteczne serwisy i dedykowane aplikacje internetowe to nasza główna specjalizacja. Kreujemy optymalne rozwiązania nastawione na wymierne efekty biznesowe.</p> <div class="imageTextHero__scrollDown"><div class="imageTextHero__scrollDownWrapper"><button class="buttonGoDown" data-v-dea750ec></button></div></div></div> <div class="imageTextHero__imageWrapper"><div class="imageBox imageTextHero__image imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="Crafton Members" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div></div></div></section> <section id="portfolio-ux-ui" class="portfolioHeading container" data-v-c9487dee><div class="portfolioHeading__inner"><h2 class="portfolioHeading__title">UX / UI</h2> <p class="portfolioHeading__text">Współpracując z różnymi branżami wdrażamy najlepsze praktyki <strong>UX/UI</strong> stawiając w centrum naszego podejścia potrzeby użytkowników.</p></div></section> <section data-dark="true" class="portfolioProject portfolioProject--theme-lot portfolioProject--dark portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-lot" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-lot" data-v-140edef7><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>UI</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Polskie Linie Lotnicze LOT</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Podróż po dobrze zaprojektowanym i użytecznym interfejsie użytkownika</span></span></h2> <p class="basicText__text">Najszybciej dostarczony i w pełni responsywny serwis internetowy lot.com zachwyca lekkością oraz nowoczesnością. Proces zakupu biletu nigdy nie był łatwiejszy.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section class="portfolioProject portfolioProject--theme-pif portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-pif" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-pif" data-v-140edef7><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>UI</span></li><li class="tags__tag"><span>Business Consulting</span></li><li class="tags__tag"><span>Digital Governance</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Public Investment Fund</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Cyfrowe projekty dla globalnej potęgi inwestycyjnej Arabii Saudyjskiej</span></span></h2> <p class="basicText__text">Nasz realny wpływ na proces digitalizacji i zmian transformacyjnych największych państwowych funduszy majątkowych na świecie.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section class="portfolioMiniSlider" data-v-c9487dee><div class="portfolioMiniSlider__wrapper container"><div class="portfolioMiniSlider__box"><div class="portfolioMiniSlider__infoItem"><div class="portfolioText"><h3 class="portfolioText__title">Pomogliśmy wielu arabskim ministerstwom w UX</h3> <p class="portfolioText__text">Transformacja gospodarki Arabii Saudyjskiej niesie za sobą także zmiany w administracji publicznej. Staramy się zapewnić obywatelom wysoki poziom dostępności usług oraz intuicyjną realizację spraw urzędowych.</p></div> <div class="portfolioMiniSlider__logos"><div class="portfolioMiniSlider__logo portfolioMiniSlider__logo--takamol"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="Takamol" width="90" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div><div class="portfolioMiniSlider__logo portfolioMiniSlider__logo--gazt"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="GAZT" width="81" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div><div class="portfolioMiniSlider__logo portfolioMiniSlider__logo--sidf"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="SIDF" width="90" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div></div></div> <div class="portfolioMiniSlider__itemsWrapper"><div class="portfolioMiniSlider__items"><div data-name="takamol" class="portfolioMiniSlider__item"><div image="[object Object]" class="portfolioMiniSliderCard portfolioMiniSliderCard--takamol"><div class="portfolioMiniSliderCard__imageItem"><div class="portfolioMiniSliderCard__imageItemWrapper"><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--1"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 2"></div><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--2"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 3"></div></div> <div class="portfolioMiniSliderCard__loader"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div> <div class="portfolioMiniSliderCard__imageDesc"><h4 class="portfolioMiniSliderCard__imageDesc--title"> Takamol Holding </h4> <p class="portfolioMiniSliderCard__imageDesc--text"> Na potrzeby państwowego holdingu Takamol od 2015 roku sukcesywnie opracowujemy koncepcje i wdrażamy użyteczne serwisy internetowe. Zrealizowaliśmy kilkadziesiąt projektów usprawniających rozwój lokalnego rynku pracy m.in. serwis doszkalający, platformę e-commerce, serwis przetargowy. </p></div></div></div><div data-name="gazt" class="portfolioMiniSlider__item"><div image="[object Object]" class="portfolioMiniSliderCard portfolioMiniSliderCard--gazt"><div class="portfolioMiniSliderCard__imageItem"><div class="portfolioMiniSliderCard__imageItemWrapper"><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div></div> <div class="portfolioMiniSliderCard__loader"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div> <div class="portfolioMiniSliderCard__imageDesc"><h4 class="portfolioMiniSliderCard__imageDesc--title"> General Authority of Zakat and Tax (GAZT) </h4> <p class="portfolioMiniSliderCard__imageDesc--text"> Dla agencji rządowej Ministerstwa Finansów zaprojektowaliśmy i wdrożyliśmy główny serwis www przybliżający obywatelom obowiązki podatkowe. Dodatkowo zadbaliśmy o dobry początek dnia pracowników dzięki nowej odsłonie intranetu GAZT. </p></div></div></div><div data-name="sidf" class="portfolioMiniSlider__item"><div image="[object Object]" class="portfolioMiniSliderCard portfolioMiniSliderCard--sidf"><div class="portfolioMiniSliderCard__imageItem"><div class="portfolioMiniSliderCard__imageItemWrapper"><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--1"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 2"></div></div> <div class="portfolioMiniSliderCard__loader"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div> <div class="portfolioMiniSliderCard__imageDesc"><h4 class="portfolioMiniSliderCard__imageDesc--title"> Saudi Industrial Development Fund (SIDF) </h4> <p class="portfolioMiniSliderCard__imageDesc--text"> W ramach współpracy z instytucją udzielającą pożyczek dla prywatnego sektora przemysłowego zrealizowaliśmy portal dla pracowników oraz serwis internetowy. Zakres prac obejmował także serię warsztatów kreatywnych, badania ankietowe i moderowane badania użyteczności. </p></div></div></div></div></div></div></div></section> <section data-dark="true" class="portfolioProject portfolioProject--theme-santander portfolioProject--dark portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-santander" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-santander" data-v-140edef7><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>UI</span></li><li class="tags__tag"><span>Front-end</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Santander Consumer Bank</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Nowy wymiar serwisu transakcyjnego</span></span></h2> <p class="basicText__text">Niezawodny system bankowości internetowej, z którego każdego dnia korzystają tysiące zadowolonych użytkowników.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section class="portfolioLogos container" data-v-c9487dee><div class="portfolioLogos__inner"><h4 class="portfolioLogos__title">Pracowaliśmy dla wielu firm z sektora finansowego</h4> <div class="portfolioLogos__items"><div class="portfolioLogos__item" style="width:24%;"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="Ergo Hestia" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div><div class="portfolioLogos__item" style="width:38%;"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="SGB" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div><div class="portfolioLogos__item" style="width:28%;"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="Saudi Payments" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div></div></div></section> <section data-dark="true" class="portfolioProject portfolioProject--theme-interia portfolioProject--dark portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-interia" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-interia" data-v-140edef7><li class="tags__tag"><span>User research</span></li><li class="tags__tag"><span>Stakeholder workshops</span></li><li class="tags__tag"><span>In-depth interviews</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Smaker.pl</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Zdalne badania dla komend głosowych oraz serwisu internetowego</span></span></h2> <p class="basicText__text">Seria zwinnych badań User Experience opartych o wywiady pogłębione oraz warsztaty grupowe.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div data-light="true" class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section class="portfolioProject portfolioProject--theme-coral portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-coral" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-coral" data-v-140edef7><li class="tags__tag"><span>User Research</span></li><li class="tags__tag"><span>Stakeholder workshops</span></li><li class="tags__tag"><span>UI</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Coral Travel</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Dla miłośników niezapomnianych podróży i wyjątkowego UX</span></span></h2> <p class="basicText__text">Użyteczny i funkcjonalny serwis www lidera branży turystycznej. Proces planowania wakacji nie może być już łatwiejszy.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div data-light="true" class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section id="portfolio-www" class="portfolioHeading container" data-v-c9487dee><div class="portfolioHeading__inner"><h2 class="portfolioHeading__title">WWW</h2> <p class="portfolioHeading__text">Dostarczamy klientom w Polsce i na świecie użyteczne <strong>strony internetowe</strong> przy jednoczesnym dbaniu o realizację ich celów biznesowych.</p></div></section> <section data-dark="true" class="portfolioProject portfolioProject--theme-g20 portfolioProject--dark portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-g20" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-g20" data-v-140edef7><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>UI</span></li><li class="tags__tag"><span>Front-end</span></li><li class="tags__tag"><span>WordPress</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Grupa Państw G20</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Multimedialna rewolucja wśród prowadzenia obrad</span></span></h2> <p class="basicText__text">Platforma e-streamingowa dla przedstawicieli największych gospodarek na świecie umożliwiająca bezpieczne i intuicyjne przesyłanie treści.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section class="portfolioLogos container" data-v-c9487dee><div class="portfolioLogos__inner"><h4 class="portfolioLogos__title">Przygotowaliśmy wiele zaawansowanych stron contentowych na WordPress i Drupal dla klientów z całego świata</h4> <div class="portfolioLogos__items"><div class="portfolioLogos__item" style="width:24%;"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="hrdf" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div><div class="portfolioLogos__item" style="width:34%;"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="rega" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div><div class="portfolioLogos__item" style="width:34%;"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="mcit" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div></div></div></section> <section data-dark="true" class="portfolioProject portfolioProject--theme-uep portfolioProject--dark portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-uep" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-uep" data-v-140edef7><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>UI</span></li><li class="tags__tag"><span>Front-end</span></li><li class="tags__tag"><span>Wordpress</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Uniwersytet Ekonomiczny w Poznaniu</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">W pełni dostępny cyfrowo serwis wiodącej w Polsce uczelni ekonomicznej</span></span></h2> <p class="basicText__text">Dwujęzyczna platforma informacyjna spełniająca wymagania WCAG 2.1 oraz wymagania prawne Ministerstwa Cyfryzacji w zakresie cyfrowego dostępu dla osób z różnymi rodzajami niepełnosprawności.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section class="portfolioMiniSlider" data-v-c9487dee><div class="portfolioMiniSlider__wrapper container"><div class="portfolioMiniSlider__box"><div class="portfolioMiniSlider__infoItem"><div class="portfolioText"><h3 class="portfolioText__title">Tworzymy zaawansowane serwisy internetowe dla polskich Klientów</h3> <p class="portfolioText__text">Różnorodność branż oraz potrzeb biznesowych nie stanowi dla nas problemu. Międzynarodowe doświadczenie sprawia, że wdrażamy rozwiązania użyteczne i przyjazne użytkownikom, a jednocześnie elastyczne i skalowalne.</p></div> <div class="portfolioMiniSlider__logos"><div class="portfolioMiniSlider__logo portfolioMiniSlider__logo--pgnig"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="PGNiG" width="99" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div><div class="portfolioMiniSlider__logo portfolioMiniSlider__logo--posnania"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="posnania" width="98" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div><div class="portfolioMiniSlider__logo portfolioMiniSlider__logo--uw"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="Uniwersytet Warszawski" width="113" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div></div></div> <div class="portfolioMiniSlider__itemsWrapper"><div class="portfolioMiniSlider__items"><div data-name="pgnig" class="portfolioMiniSlider__item"><div image="[object Object]" class="portfolioMiniSliderCard portfolioMiniSliderCard--pgnig"><div class="portfolioMiniSliderCard__imageItem"><div class="portfolioMiniSliderCard__imageItemWrapper"><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--1"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 2"></div><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--2"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 3"></div></div> <div class="portfolioMiniSliderCard__loader"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div> <div class="portfolioMiniSliderCard__imageDesc"><h4 class="portfolioMiniSliderCard__imageDesc--title"> PGNIG Termika </h4> <p class="portfolioMiniSliderCard__imageDesc--text"> Dla największego w Polsce dostawcy ciepła i energii elektrycznej wdrożyliśmy nowoczesny serwis internetowy. Wykorzystując niezawodny system zarządzania treścią Drupal o wysokim poziomie bezpieczeństwa umożliwiamy efektywne zarządzanie komunikacją skierowaną do wielu grup docelowych. Efekty sprawiają, że nasza współpraca trwa od 2015 roku aż do dzisiaj. </p></div></div></div><div data-name="posnania" class="portfolioMiniSlider__item"><div image="[object Object]" class="portfolioMiniSliderCard portfolioMiniSliderCard--posnania"><div class="portfolioMiniSliderCard__imageItem"><div class="portfolioMiniSliderCard__imageItemWrapper"><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--1"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 2"></div><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--2"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 3"></div></div> <div class="portfolioMiniSliderCard__loader"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div> <div class="portfolioMiniSliderCard__imageDesc"><h4 class="portfolioMiniSliderCard__imageDesc--title"> Posnania </h4> <p class="portfolioMiniSliderCard__imageDesc--text"> Serwis internetowy największej galerii handlowej w zachodniej Polsce prezentuje odbiorcom szeroką ofertę spędzania wolnego czasu. Przygotowaliśmy oraz wdrożyliśmy responsywny projekt agregujący wizytówki sklepów, wydarzenia i plan obiektu. Dogłębna analiza pozwoliła opracować panel najemcy dostosowany do potrzeb biznesu oraz konto stałego klienta ułatwiające korzystanie z karty lojalnościowej. </p></div></div></div><div data-name="uw" class="portfolioMiniSlider__item"><div image="[object Object]" class="portfolioMiniSliderCard portfolioMiniSliderCard--uw"><div class="portfolioMiniSliderCard__imageItem"><div class="portfolioMiniSliderCard__imageItemWrapper"><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div></div> <div class="portfolioMiniSliderCard__loader"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div> <div class="portfolioMiniSliderCard__imageDesc"><h4 class="portfolioMiniSliderCard__imageDesc--title"> Uniwersytet Warszawski </h4> <p class="portfolioMiniSliderCard__imageDesc--text"> Jedna z najlepszych uczelni wyższych w Polsce zgłosiła się do nas w 2013 roku z prośbą o pomoc przy odświeżeniu oficjalnego serwisu internetowego. Usprawniliśmy komunikację wewnętrzną skierowaną do wielu grup docelowych oraz zadbaliśmy o wygodę zarządzania treścią dla dużego zespołu redaktorów. </p></div></div></div></div></div></div></div></section> <section data-dark="true" class="portfolioProject portfolioProject--theme-ssc portfolioProject--dark portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-ssc" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-ssc" data-v-140edef7><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>UI</span></li><li class="tags__tag"><span>Front-end</span></li><li class="tags__tag"><span>WordPress</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Saudi Space Commission</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Mały krok dla człowieka, a wielki dla Saudyjskiej Komisji Kosmicznej</span></span></h2> <p class="basicText__text">Interaktywny serwis www prezentujący inicjatywy i programy przemysłu kosmicznego w Arabii Saudyjskiej.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section class="portfolioProject portfolioProject--theme-poznanairport portfolioProject--current-0" data-v-c9487dee><canvas class="portfolioEffect portfolioProject__effect"></canvas> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-poznanairport" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-poznanairport" data-v-140edef7><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>UI</span></li><li class="tags__tag"><span>Front-end</span></li><li class="tags__tag"><span>WordPress</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Port Lotniczy Poznań</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Rozwiązanie bardziej dostępne dla pasażerów</span></span></h2> <p class="basicText__text">Kompletnie nowy layout, intuicyjna nawigacja i przejrzysty rozkład lotów online - tak prezentuje się nowy serwis internetowy poznańskiego lotniska Ławica.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section class="portfolioMiniSlider" data-v-c9487dee><div class="portfolioMiniSlider__wrapper container"><div class="portfolioMiniSlider__box"><div class="portfolioMiniSlider__infoItem"><div class="portfolioText"><h3 class="portfolioText__title">Wdrażamy serwisy korporacyjne z wysokimi wskaźnikami konwersji</h3> <p class="portfolioText__text">Pozytywne doświadczenia użytkowników skutkują realnymi leadami pozyskiwanymi przez firmy i instytucje. By je zapewnić projektujemy nowe serwisy www kładąc nacisk na wysoki poziom użyteczności.</p></div> <div class="portfolioMiniSlider__logos"><div class="portfolioMiniSlider__logo portfolioMiniSlider__logo--clubmed"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="ClubMed" width="97" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div><div class="portfolioMiniSlider__logo portfolioMiniSlider__logo--nobiles"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="nobiles" width="66" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div><div class="portfolioMiniSlider__logo portfolioMiniSlider__logo--stc"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="solutions by stc" width="90" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div></div></div> <div class="portfolioMiniSlider__itemsWrapper"><div class="portfolioMiniSlider__items"><div data-name="clubmed" class="portfolioMiniSlider__item"><div image="[object Object]" class="portfolioMiniSliderCard portfolioMiniSliderCard--clubmed"><div class="portfolioMiniSliderCard__imageItem"><div class="portfolioMiniSliderCard__imageItemWrapper"><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--1"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 2"></div></div> <div class="portfolioMiniSliderCard__loader"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div> <div class="portfolioMiniSliderCard__imageDesc"><h4 class="portfolioMiniSliderCard__imageDesc--title"> Club Med </h4> <p class="portfolioMiniSliderCard__imageDesc--text"> Nasza współpraca z różnymi europejskimi oddziałami Club Med, lidera międzynarodowej turystyki luksusowej, opiera się na realizacji celów marketingowych i sprzedażowych online. Implementujemy rozwiązania zwiększające generowanie leadów takie jak dynamiczne formularze ofertowe czy interaktywne kreatory pakietów. </p></div></div></div><div data-name="nobiles" class="portfolioMiniSlider__item"><div image="[object Object]" class="portfolioMiniSliderCard portfolioMiniSliderCard--nobiles"><div class="portfolioMiniSliderCard__imageItem"><div class="portfolioMiniSliderCard__imageItemWrapper"><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--1"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 2"></div><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--2"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 3"></div></div> <div class="portfolioMiniSliderCard__loader"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div> <div class="portfolioMiniSliderCard__imageDesc"><h4 class="portfolioMiniSliderCard__imageDesc--title"> Nobiles </h4> <p class="portfolioMiniSliderCard__imageDesc--text"> Projektując serwis produktowy wiodącego polskiego producenta farb skupiliśmy się na zapewnieniu wygodnego procesu zakupowego. Od inspiracji i porad, przez wybór produktów oraz kalkulator produktowy, po listę zakupów i mapę punktów sprzedaży pomagamy nabyć idealną farbę. </p></div></div></div><div data-name="stc" class="portfolioMiniSlider__item"><div image="[object Object]" class="portfolioMiniSliderCard portfolioMiniSliderCard--stc"><div class="portfolioMiniSliderCard__imageItem"><div class="portfolioMiniSliderCard__imageItemWrapper"><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div></div> <div class="portfolioMiniSliderCard__loader"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div> <div class="portfolioMiniSliderCard__imageDesc"><h4 class="portfolioMiniSliderCard__imageDesc--title"> Solutions by STC </h4> <p class="portfolioMiniSliderCard__imageDesc--text"> Togther with the leader of telecom in the Middle East market, we worked on unlocking the online sales potential, for innovative technological solutions, including IoT. A dedicated website to target industries, that brings them closer to making a purchasing decision. </p></div></div></div></div></div></div></div></section> <section id="portfolio-web-apps" class="portfolioHeading container portfolioHeading--noPaddingTop" data-v-c9487dee><div class="portfolioHeading__inner"><h2 class="portfolioHeading__title">WEB APPS</h2> <p class="portfolioHeading__text">Rozwiniemy Twój biznes dzięki dedykowanym <strong>aplikacjom internetowym</strong>, aby osiągnąć maksymalny zwrot z inwestycji. Dzięki customowym rozwiązaniom możemy uzyskać lepsze rezultaty biznesowe.</p></div></section> <section data-dark="true" class="portfolioProject portfolioProject--theme-stc portfolioProject--dark portfolioProject--current-0" data-v-c9487dee><canvas class="portfolioEffect portfolioProject__effect"></canvas> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-stc" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-stc" data-v-140edef7><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>UI</span></li><li class="tags__tag"><span>Front-end</span></li><li class="tags__tag"><span>PHP</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Saudi Telecom Company</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Technologia ułatwiająca życie</span></span></h2> <p class="basicText__text">Cyfrowe projekty realizowane podczas trwającej już ponad 3 lata współpracy zwiększają komfort obsługi klientów oraz efektywność pracy zespołu STC.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section data-dark="true" class="portfolioProject portfolioProject--theme-najiz portfolioProject--dark portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-najiz" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-najiz" data-v-140edef7><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>UI</span></li><li class="tags__tag"><span>Front-end</span></li><li class="tags__tag"><span>Back-end</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Saudyjskie Ministerstwo Sprawiedliwości</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Sprawy urzędowe bez wychodzenia z domu</span></span></h2> <p class="basicText__text">Rozprawy sądowe, formalności oraz sprawy urzędowe dla obywateli Arabii Saudyjskiej na wyciągnięcie ręki, dzięki naszej aplikacji mobilnej i stronie internetowej.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section data-dark="true" class="portfolioProject portfolioProject--theme-hrdf portfolioProject--dark portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-hrdf" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-hrdf" data-v-140edef7><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>UI</span></li><li class="tags__tag"><span>Front-end</span></li><li class="tags__tag"><span>.NET</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Human Resources Development Fund</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Zintegrowane platformy rekrutacyjno-edukacyjne</span></span></h2> <p class="basicText__text">Komplementarne aplikacje wspierające procesy rekrutacyjne oraz podnoszenie poziomu kwalifikacji.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section class="portfolioMiniSlider" data-v-c9487dee><div class="portfolioMiniSlider__wrapper container"><div class="portfolioMiniSlider__box"><div class="portfolioMiniSlider__infoItem"><div class="portfolioText"><h3 class="portfolioText__title">Mamy 10+ lat doświadczeń w budowie dedykowanych systemów IT</h3> <p class="portfolioText__text">Złożone rozwiązania wymagają przemyślanej struktury oraz integracji z systemami zewnętrznymi. Łącząc nasze kompetencje UX z doświadczeniem programistycznym oferujemy kompleksowe rozwiązania, z których każdego dnia korzysta tysiące użytkowników.</p></div> <div class="portfolioMiniSlider__logos"><div class="portfolioMiniSlider__logo portfolioMiniSlider__logo--mediaMarkt"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="MediaMarkt" width="156" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div><div class="portfolioMiniSlider__logo portfolioMiniSlider__logo--cargill"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="Cargill" width="80" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div><div class="portfolioMiniSlider__logo portfolioMiniSlider__logo--intercity"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="PKP intercity" width="169" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div></div></div> <div class="portfolioMiniSlider__itemsWrapper"><div class="portfolioMiniSlider__items"><div data-name="mediaMarkt" class="portfolioMiniSlider__item"><div image="[object Object]" class="portfolioMiniSliderCard portfolioMiniSliderCard--mediaMarkt"><div class="portfolioMiniSliderCard__imageItem"><div class="portfolioMiniSliderCard__imageItemWrapper"><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div></div> <div class="portfolioMiniSliderCard__loader"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div> <div class="portfolioMiniSliderCard__imageDesc"><h4 class="portfolioMiniSliderCard__imageDesc--title"> Media Markt </h4> <p class="portfolioMiniSliderCard__imageDesc--text"> Dla sieci sklepów Media Markt wdrożyliśmy system do obsługi i pozycjonowania produktów w porównywarce cen. Aplikacja wdrożona z wykorzystaniem frameworka Laravel automatyzuje proces pojawiania się ofert sieci na platformie Ceneo. </p></div></div></div><div data-name="cargill" class="portfolioMiniSlider__item"><div image="[object Object]" class="portfolioMiniSliderCard portfolioMiniSliderCard--cargill"><div class="portfolioMiniSliderCard__imageItem"><div class="portfolioMiniSliderCard__imageItemWrapper"><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--1"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 2"></div><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--2"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 3"></div></div> <div class="portfolioMiniSliderCard__loader"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div> <div class="portfolioMiniSliderCard__imageDesc"><h4 class="portfolioMiniSliderCard__imageDesc--title"> Cargill </h4> <p class="portfolioMiniSliderCard__imageDesc--text"> Zbudowanie aplikacji biznesowej spełniającej wymagania i założenia międzynarodowego koncernu, jakim jest Cargill, było sporym wyzwaniem. Opracowany intuicyjny proces tworzenia ofert cenowych wsparty zintegrowanymi bazami danych przyczynił się do optymalizacji pracy organizacji. </p></div></div></div><div data-name="intercity" class="portfolioMiniSlider__item"><div image="[object Object]" class="portfolioMiniSliderCard portfolioMiniSliderCard--intercity"><div class="portfolioMiniSliderCard__imageItem"><div class="portfolioMiniSliderCard__imageItemWrapper"><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--1"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 2"></div><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--2"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 3"></div></div> <div class="portfolioMiniSliderCard__loader"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div> <div class="portfolioMiniSliderCard__imageDesc"><h4 class="portfolioMiniSliderCard__imageDesc--title"> PKP Intercity </h4> <p class="portfolioMiniSliderCard__imageDesc--text"> Wspólnie z PKP Intercity zadbaliśmy o wysoką dostępność nowego serwisu internetowego. W oparciu o MODX CMS wdrożyliśmy aplikację webową prezentującą aktualną frekwencję w pociągach zintegrowaną z systemem sprzedaży rezerwacji miejsc. </p></div></div></div></div></div></div></div></section> <section class="portfolioProject portfolioProject--theme-photler portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-photler" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-photler" data-v-140edef7><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>UI</span></li><li class="tags__tag"><span>Front-end</span></li><li class="tags__tag"><span>PHP</span></li><li class="tags__tag"><span>Branding</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Photler</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Startup wspierający pasjonatów fotografii i podróży</span></span></h2> <p class="basicText__text">Zbudowaliśmy nasz własny produkt typu web-builder umożliwiający podróżnikom tworzenie swoich stron portfolio z fotografiami.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section class="portfolioMiniSlider" data-v-c9487dee><div class="portfolioMiniSlider__wrapper container"><div class="portfolioMiniSlider__box"><div class="portfolioMiniSlider__infoItem"><div class="portfolioText"><h3 class="portfolioText__title">Wspieramy startupy na całym świecie</h3> <p class="portfolioText__text">W mocno dynamicznym ekosystemie startupów jesteśmy po to, by zadbać o wysoki poziom użyteczności rozwiązań wprowadzanych przez innowatorów. Wspólnie cieszymy się każdym małym zwycięstwem świadczącym o tym, że warto.</p></div> <div class="portfolioMiniSlider__logos"><div class="portfolioMiniSlider__logo portfolioMiniSlider__logo--dqr"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="DQR" width="82" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div><div class="portfolioMiniSlider__logo portfolioMiniSlider__logo--stokr"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="STOKR" width="95" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div><div class="portfolioMiniSlider__logo portfolioMiniSlider__logo--roleshare"><div class="imageBox imageBox--loading imageBox--inline imageBox--gray imageBox--bgClean"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="roleshare" width="135" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div></div></div> <div class="portfolioMiniSlider__itemsWrapper"><div class="portfolioMiniSlider__items"><div data-name="dqr" class="portfolioMiniSlider__item"><div image="[object Object]" class="portfolioMiniSliderCard portfolioMiniSliderCard--dqr"><div class="portfolioMiniSliderCard__imageItem"><div class="portfolioMiniSliderCard__imageItemWrapper"><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div></div> <div class="portfolioMiniSliderCard__loader"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div> <div class="portfolioMiniSliderCard__imageDesc"><h4 class="portfolioMiniSliderCard__imageDesc--title"> DQR </h4> <p class="portfolioMiniSliderCard__imageDesc--text"> Wielomiesięczna współpraca z maltańskim startupem DQR obejmowała prace koncepcyjne oraz wdrożeniowe giełdy kryptowalut i serwisu www. Technologia blockchain połączona z warstwą front-end opartą o React.JS pozwala na bezproblemową skalowalność oraz dynamiczne przetwarzanie danych. </p></div></div></div><div data-name="stokr" class="portfolioMiniSlider__item"><div image="[object Object]" class="portfolioMiniSliderCard portfolioMiniSliderCard--stokr"><div class="portfolioMiniSliderCard__imageItem"><div class="portfolioMiniSliderCard__imageItemWrapper"><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div></div> <div class="portfolioMiniSliderCard__loader"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div> <div class="portfolioMiniSliderCard__imageDesc"><h4 class="portfolioMiniSliderCard__imageDesc--title"> STOKR </h4> <p class="portfolioMiniSliderCard__imageDesc--text"> Jedną z ostatnich rewolucji na rynku finansowym z pewnością można określić pojawienie się kryptowalut. Wykorzystując ich potencjał STOKR oferuje platformę inwestycyjną zbudowaną w oparciu o technologię blockchain. Nasz zespół jest istotnym ogniwem dostarczającym aplikacje i serwisy internetowe spółki. </p></div></div></div><div data-name="roleshare" class="portfolioMiniSlider__item"><div image="[object Object]" class="portfolioMiniSliderCard portfolioMiniSliderCard--roleshare"><div class="portfolioMiniSliderCard__imageItem"><div class="portfolioMiniSliderCard__imageItemWrapper"><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--0"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--1"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div><div class="portfolioMiniSliderCard__imageItemImage portfolioMiniSliderCard__imageItemImage--2"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="screen 1"></div></div> <div class="portfolioMiniSliderCard__loader"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div> <div class="portfolioMiniSliderCard__imageDesc"><h4 class="portfolioMiniSliderCard__imageDesc--title"> Roleshare </h4> <p class="portfolioMiniSliderCard__imageDesc--text"> Ideą brytyjskiego startupu Roleshare jest łączenie osób na rynku pracy z innej niż dotąd perspektywy, z zachowaniem idei work-life balance. Wspólnie uruchomiliśmy serwis ogłoszeniowy oparty na rolach i kwalifikacjach, który stale rozwijamy dążąc do międzynarodowej ekspansji. </p></div></div></div></div></div></div></div></section> <section id="portfolio-app" class="portfolioHeading container portfolioHeading--noPaddingTop portfolioHeading--noPaddingBot" data-v-c9487dee><div class="portfolioHeading__inner"><h2 class="portfolioHeading__title">APPS</h2> <p class="portfolioHeading__text">Nasze <strong>aplikacje mobilne</strong> odpowiadają na dynamicznie zmieniający się świat technologii. Są o krok dalej, ale zawsze pod ręką.</p></div></section> <section data-dark="true" class="portfolioProject portfolioProject--theme-zabka portfolioProject--dark portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-zabka" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-zabka" data-v-140edef7><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>UI</span></li><li class="tags__tag"><span>Mobile app</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Żabka</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Kolorowy świat zabaw i edukacji</span></span></h2> <p class="basicText__text">Nagradzana employer brandingowa aplikacja mobilna dedykowana dzieciom pracowników największej sieci retail w Polsce.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section data-dark="true" class="portfolioProject portfolioProject--theme-redsea portfolioProject--dark portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-redsea" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-redsea" data-v-140edef7><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>UI</span></li><li class="tags__tag"><span>Mobile app</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Red Sea Global</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Mobilna aplikacja pioniera branży deweloperskiej</span></span></h2> <p class="basicText__text">Kompleksowe podejście do projektowania nowych standardów. Nasz udział w procesie rozwoju usług dwóch wizjonerskich kurortów na Bliskim Wschodzie.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section class="portfolioProject portfolioProject--theme-ipa portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-ipa" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-ipa" data-v-140edef7><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>UI</span></li><li class="tags__tag"><span>Mobile app</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Institute of Public Administration</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Szeroka oferta materiałów edukacyjnych dla każdego!</span></span></h2> <p class="basicText__text">Rozbudowana aplikacja edukacyjna, dostosowująca się do potrzeb odbiorcy oraz wspomagająca proces rozwoju.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section id="portfolio-ecommerce" class="portfolioHeading container" data-v-c9487dee><div class="portfolioHeading__inner"><h2 class="portfolioHeading__title">E-COMMERCE</h2> <p class="portfolioHeading__text">Przyszłością handlu jest <strong>e-commerce</strong>. Niezależnie od czy potrzebujesz Magento, WooCommerce czy dedykowanej platformy - mamy dla Ciebie rozwiązania.</p></div></section> <section class="portfolioProject portfolioProject--theme-ofix portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-ofix" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-ofix" data-v-140edef7><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>UI</span></li><li class="tags__tag"><span>Front-end</span></li><li class="tags__tag"><span>Back-end</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Ofix</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Kompleksowe połączenie rozwiązań B2B oraz B2C</span></span></h2> <p class="basicText__text">Sklep internetowy zorientowany na bezproblemowy proces zakupowy, skierowany do klientów chcących szybko realizować zamówienia.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section class="portfolioProject portfolioProject--theme-cle portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-cle" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-cle" data-v-140edef7><li class="tags__tag"><span>UI</span></li><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>Mobile app</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">CLE Concierge</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">Luksusowy marketplace ze stylowymi rozwiązaniami</span></span></h2> <p class="basicText__text">Sprzedaż nowych oraz używanych produktów luksusowych jeszcze nigdy nie była tak łatwa i modna jak teraz!</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <section data-dark="true" class="portfolioProject portfolioProject--theme-trefl portfolioProject--dark portfolioProject--current-0" data-v-c9487dee> <div class="portfolioPlaceholder portfolioProject__placeholder portfolioPlaceholder--theme-trefl" data-v-140edef7><div class="portfolioPlaceholder__content" data-v-140edef7><ul class="tags portfolioPlaceholder__tags tags--active tags--theme-trefl" data-v-140edef7><li class="tags__tag"><span>UX</span></li><li class="tags__tag"><span>UI</span></li></ul> <div class="basicText portfolioPlaceholder__text" data-v-140edef7><h2 class="basicText__titleBox"><span class="basicText__title"> <span class="basicText__inner">Trefl</span></span> <span class="basicText__subtitle"> <span class="basicText__inner">E-commerce z dawką dziecięcej radości</span></span></h2> <p class="basicText__text">Internetowy sklep europejskiego lidera w produkcji gier i zabawek oferujący wygodny proces zakupowy oraz pomoc przy wyborze prezentów dla najmłodszych.</p> </div></div></div>  <div class="portfolioProject__mask"></div> <div class="portfolioProject__logo"><div class="imageBox imageBox--loading"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="imageBox__image"> <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 128 128" class="imageBox__loader"><path d="M126.031 4.447h-98.06L1.968 30.596V97.42l26.206 26.132h52.56l26.381-26.132H30.123V30.596H99.89z" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="597.405" stroke-dashoffset="597.405"><animate attributeName="stroke-dashoffset" values="-597.405029296875;0;597.405029296875" dur="1.2s" repeatCount="indefinite"></animate></path></svg></div></div>    </section> <footer class="footer" data-v-c9487dee><div class="footer__banner"><div class="footerBanner"><div class="container"><div class="footerBanner__inner"><div class="footerBanner__infoCol"><div class="footerBanner__info"><h2 class="footerBanner__titleBox"><span class="footerBanner__title"><span class="footerBanner__textInner">Nadszedł czas,</span></span> <span class="footerBanner__subtitle"><span class="footerBanner__textInner">aby się poznać!</span></span></h2> <p class="footerBanner__text">Weź filiżankę kawy i ...</p> <div class="footerBanner__cta"><a href="/kontakt" class="pageButton"><span class="pageButton__text"> Porozmawiajmy </span> <span class="pageButton__line"></span></a></div></div></div> <div class="footerBanner__imageCol"> <h3 class="footerBanner__director"><span class="footerBanner__directorName">Piotr Kulczycki</span> <span class="footerBanner__directorPos">Managing Director</span></h3> <div class="footerBanner__imageBox"> <span class="footerBanner__centerPoint"></span></div></div></div></div></div></div> <div class="footer__buttons"><div class="footerButtons"><ul class="footerButtons__items"><li class="footerButtons__item"><a href="/o-nas" class="footerButtons__link"><div class="footerButtons__box"><div class="footerButtons__subtitle">Dowiedz się więcej</div> <div class="footerButtons__title">O nas</div> <div class="footerButtons__text">Zobacz co sprawia, że jesteśmy zgranym zespołem.</div></div></a></li><li class="footerButtons__item"><a href="/oferta" class="footerButtons__link"><div class="footerButtons__box"><div class="footerButtons__subtitle">Nasza pełna</div> <div class="footerButtons__title">Oferta</div> <div class="footerButtons__text">Zobacz co sprawia, że jesteśmy zgranym zespołem.</div></div></a></li><li class="footerButtons__item"><a href="/blog" class="footerButtons__link"><div class="footerButtons__box"><div class="footerButtons__subtitle">Poczytaj</div> <div class="footerButtons__title">Blog</div> <div class="footerButtons__text">Nasze centrum wiedzy opartej na doświadczeniu.</div></div></a></li></ul></div></div></footer></div>  <div class="popup"> </div> </div></div></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,_,$,aa,ab,ac,ad,ae,af,ag,ah,ai,aj,ak,al,am,an,ao,ap,aq,ar,as,at,au,av,aw,ax,ay,az,aA,aB,aC,aD,aE,aF,aG,aH,aI,aJ,aK,aL,aM,aN,aO,aP,aQ,aR,aS,aT,aU,aV,aW,aX,aY,aZ,a_,a$,ba,bb,bc,bd,be,bf,bg,bh,bi,bj,bk,bl,bm,bn,bo,bp,bq,br,bs,bt,bu,bv,bw,bx,by,bz,bA,bB,bC,bD,bE,bF,bG,bH,bI,bJ,bK,bL,bM,bN,bO,bP,bQ,bR,bS,bT,bU,bV,bW,bX,bY,bZ,b_,b$,ca,cb,cc,cd,ce,cf,cg,ch,ci,cj,ck,cl,cm,cn,co,cp,cq,cr,cs,ct,cu,cv,cw,cx,cy,cz,cA,cB,cC,cD,cE,cF,cG,cH,cI,cJ,cK,cL,cM,cN,cO,cP,cQ,cR,cS,cT,cU,cV,cW,cX,cY,cZ,c_,c$,da,db,dc,dd,de,df,dg,dh,di,dj,dk,dl,dm,dn,do0,dp,dq,dr,ds,dt,du,dv,dw,dx,dy,dz,dA,dB,dC,dD,dE,dF,dG,dH,dI,dJ,dK,dL,dM,dN,dO,dP,dQ,dR,dS,dT,dU,dV,dW,dX,dY,dZ,d_,d$,ea,eb,ec,ed,ee,ef,eg,eh,ei,ej,ek,el,em,en,eo,ep,eq,er,es,et,eu,ev,ew,ex,ey,ez,eA,eB,eC,eD,eE,eF,eG,eH,eI,eJ,eK,eL,eM,eN,eO,eP,eQ,eR,eS,eT,eU,eV,eW,eX,eY,eZ,e_,e$,fa,fb,fc,fd,fe,ff,fg,fh,fi,fj,fk,fl,fm,fn,fo,fp,fq,fr,fs,ft,fu,fv,fw,fx,fy,fz,fA,fB,fC,fD,fE,fF,fG,fH,fI,fJ,fK,fL,fM,fN,fO,fP,fQ,fR,fS,fT,fU,fV,fW,fX,fY,fZ,f_,f$,ga,gb,gc,gd,ge,gf,gg,gh,gi,gj,gk,gl){return {layout:"default",data:[{title:ct,description:cu,pageData:{title:ct,description:cu,stickyNavbar:{navItems:[{name:_,id:cv},{name:cw,id:cx},{name:cy,id:cz},{name:cA,id:cB},{name:cC,id:cD}]},hero:{title:"Nasze portfolio",highlightedTitle:"tworzone z pasją do UX",description:"Użyteczne serwisy i dedykowane aplikacje internetowe to nasza główna specjalizacja. Kreujemy optymalne rozwiązania nastawione na wymierne efekty biznesowe.",image:{src:"\u002Fimg\u002Fportfolio\u002Fhero.svg",alt:"Crafton Members"}},section01:{title:_,text:"Współpracując z różnymi branżami wdrażamy najlepsze praktyki \u003Cstrong\u003EUX\u002FUI\u003C\u002Fstrong\u003E stawiając w centrum naszego podejścia potrzeby użytkowników.",id:cv},section02:{title:cw,text:"Dostarczamy klientom w Polsce i na świecie użyteczne \u003Cstrong\u003Estrony internetowe\u003C\u002Fstrong\u003E przy jednoczesnym dbaniu o realizację ich celów biznesowych.",id:cx},section03:{title:cA,text:"Nasze \u003Cstrong\u003Eaplikacje mobilne\u003C\u002Fstrong\u003E odpowiadają na dynamicznie zmieniający się świat technologii. Są o krok dalej, ale zawsze pod ręką.",id:cB},section04:{title:cy,text:"Rozwiniemy Twój biznes dzięki dedykowanym \u003Cstrong\u003Eaplikacjom internetowym\u003C\u002Fstrong\u003E, aby osiągnąć maksymalny zwrot z inwestycji. Dzięki customowym rozwiązaniom możemy uzyskać lepsze rezultaty biznesowe.",id:cz},section05:{title:cC,text:"Przyszłością handlu jest \u003Cstrong\u003Ee-commerce\u003C\u002Fstrong\u003E. Niezależnie od czy potrzebujesz Magento, WooCommerce czy dedykowanej platformy - mamy dla Ciebie rozwiązania.",id:cD},slider01:{title:"Pomogliśmy wielu arabskim ministerstwom w UX",text:"Transformacja gospodarki Arabii Saudyjskiej niesie za sobą także zmiany w administracji publicznej. Staramy się zapewnić obywatelom wysoki poziom dostępności usług oraz intuicyjną realizację spraw urzędowych.",logos:[{src:"\u002Fimg\u002Fportfolio\u002Fslider01\u002Ftakamol.svg",width:bl,height:bm,alt:"Takamol",name:cE},{src:"\u002Fimg\u002Fportfolio\u002Fslider01\u002Fgazt.svg",width:81,height:56,alt:"GAZT",name:cF},{src:"\u002Fimg\u002Fportfolio\u002Fslider01\u002Fsidf.svg",width:bl,height:cG,alt:"SIDF",name:cH}],images:[{image:{src:"\u002Fimg\u002Fportfolio\u002Fslider01\u002Fimage01.png",width:q,height:bn,alt:p},images:[{src:"\u002Fimg\u002Fportfolio\u002Fslider01\u002Fboxes\u002F910ths_01.png",width:cI,height:408,alt:p},{src:"\u002Fimg\u002Fportfolio\u002Fslider01\u002Fboxes\u002F910ths_03.png",width:aO,height:1088,alt:F},{src:"\u002Fimg\u002Fportfolio\u002Fslider01\u002Fboxes\u002F910ths_02.png",width:cI,height:427,alt:J}],name:cE,title:"Takamol Holding",desc:"Na potrzeby państwowego holdingu Takamol od 2015 roku sukcesywnie opracowujemy koncepcje i wdrażamy użyteczne serwisy internetowe. Zrealizowaliśmy kilkadziesiąt projektów usprawniających rozwój lokalnego rynku pracy m.in. serwis doszkalający, platformę e-commerce, serwis przetargowy."},{image:{src:"\u002Fimg\u002Fportfolio\u002Fslider01\u002Fimage02.png",width:q,height:K,alt:F},images:[{src:"\u002Fimg\u002Fportfolio\u002Fslider01\u002Fboxes\u002FGAZT.png",width:bo,height:1716,alt:p}],name:cF,title:"General Authority of Zakat and Tax (GAZT)",desc:"Dla agencji rządowej Ministerstwa Finansów zaprojektowaliśmy i wdrożyliśmy główny serwis www przybliżający obywatelom obowiązki podatkowe. Dodatkowo zadbaliśmy o dobry początek dnia pracowników dzięki nowej odsłonie intranetu GAZT."},{image:{src:"\u002Fimg\u002Fportfolio\u002Fslider01\u002Fimage03.png",width:q,height:aP,alt:J},images:[{src:"\u002Fimg\u002Fportfolio\u002Fslider01\u002Fboxes\u002FSIDF_01.png",width:aQ,height:1262,alt:p},{src:"\u002Fimg\u002Fportfolio\u002Fslider01\u002Fboxes\u002FSIDF_02.png",width:at,height:768,alt:F}],name:cH,title:"Saudi Industrial Development Fund (SIDF)",desc:"W ramach współpracy z instytucją udzielającą pożyczek dla prywatnego sektora przemysłowego zrealizowaliśmy portal dla pracowników oraz serwis internetowy. Zakres prac obejmował także serię warsztatów kreatywnych, badania ankietowe i moderowane badania użyteczności."}]},slider02:{title:"Tworzymy zaawansowane serwisy internetowe dla polskich Klientów",text:"Różnorodność branż oraz potrzeb biznesowych nie stanowi dla nas problemu. Międzynarodowe doświadczenie sprawia, że wdrażamy rozwiązania użyteczne i przyjazne użytkownikom, a jednocześnie elastyczne i skalowalne.",logos:[{src:"\u002Fimg\u002Fportfolio\u002Fslider03\u002Fpgnig.svg",width:99,height:bm,alt:"PGNiG",name:cJ},{src:"\u002Fimg\u002Fportfolio\u002Fslider03\u002Fposnania.svg",width:cK,height:31,alt:bp,name:bp},{src:"\u002Fimg\u002Fportfolio\u002Fslider03\u002Fuw.svg",width:113,height:44,alt:cL,name:cM}],images:[{image:{src:"\u002Fimg\u002Fportfolio\u002Fslider02\u002Fimage01.png",width:q,height:K,alt:p},images:[{src:"\u002Fimg\u002Fportfolio\u002Fslider02\u002Fboxes\u002FPGNIG_01.png",width:aQ,height:1421,alt:p},{src:"\u002Fimg\u002Fportfolio\u002Fslider02\u002Fboxes\u002FPGNIG_02.png",width:at,height:867,alt:F},{src:"\u002Fimg\u002Fportfolio\u002Fslider02\u002Fboxes\u002FPGNIG_03.png",width:189,height:cN,alt:J}],name:cJ,title:"PGNIG Termika",desc:"Dla największego w Polsce dostawcy ciepła i energii elektrycznej wdrożyliśmy nowoczesny serwis internetowy. Wykorzystując niezawodny system zarządzania treścią Drupal o wysokim poziomie bezpieczeństwa umożliwiamy efektywne zarządzanie komunikacją skierowaną do wielu grup docelowych. Efekty sprawiają, że nasza współpraca trwa od 2015 roku aż do dzisiaj."},{image:{src:"\u002Fimg\u002Fportfolio\u002Fslider03\u002Fimage02.png",width:q,height:aP,alt:F},images:[{src:bq,width:aO,height:br,alt:p},{src:bq,width:aO,height:br,alt:F},{src:bq,width:aO,height:br,alt:J}],name:bp,title:"Posnania",desc:"Serwis internetowy największej galerii handlowej w zachodniej Polsce prezentuje odbiorcom szeroką ofertę spędzania wolnego czasu. Przygotowaliśmy oraz wdrożyliśmy responsywny projekt agregujący wizytówki sklepów, wydarzenia i plan obiektu. Dogłębna analiza pozwoliła opracować panel najemcy dostosowany do potrzeb biznesu oraz konto stałego klienta ułatwiające korzystanie z karty lojalnościowej."},{image:{src:"\u002Fimg\u002Fportfolio\u002Fslider02\u002Fimage03.png",width:q,height:K,alt:J},images:[{src:"\u002Fimg\u002Fportfolio\u002Fslider02\u002Fboxes\u002FUW.png",width:bo,height:735,alt:p}],name:cM,title:cL,desc:"Jedna z najlepszych uczelni wyższych w Polsce zgłosiła się do nas w 2013 roku z prośbą o pomoc przy odświeżeniu oficjalnego serwisu internetowego. Usprawniliśmy komunikację wewnętrzną skierowaną do wielu grup docelowych oraz zadbaliśmy o wygodę zarządzania treścią dla dużego zespołu redaktorów."}]},slider03:{title:"Wdrażamy serwisy korporacyjne z wysokimi wskaźnikami konwersji",text:"Pozytywne doświadczenia użytkowników skutkują realnymi leadami pozyskiwanymi przez firmy i instytucje. By je zapewnić projektujemy nowe serwisy www kładąc nacisk na wysoki poziom użyteczności.",logos:[{src:"\u002Fimg\u002Fportfolio\u002Fslider03\u002Fclubmed.svg",width:97,height:18,alt:"ClubMed",name:cO},{src:"\u002Fimg\u002Fportfolio\u002Fslider02\u002Fnobiles.svg",width:66,height:cP,alt:bs,name:bs},{src:"\u002Fimg\u002Fportfolio\u002Fslider03\u002Fstc-solutions.svg",width:bl,height:25,alt:"solutions by stc",name:aR}],images:[{image:{src:"\u002Fimg\u002Fportfolio\u002Fslider03\u002Fimage01.png",width:q,height:aP,alt:p},images:[{src:"\u002Fimg\u002Fportfolio\u002Fslider03\u002Fboxes\u002FClubmed_01.png",alt:p},{src:"\u002Fimg\u002Fportfolio\u002Fslider03\u002Fboxes\u002FClubmed_02.png",alt:F}],name:cO,title:"Club Med",desc:"Nasza współpraca z różnymi europejskimi oddziałami Club Med, lidera międzynarodowej turystyki luksusowej, opiera się na realizacji celów marketingowych i sprzedażowych online. Implementujemy rozwiązania zwiększające generowanie leadów takie jak dynamiczne formularze ofertowe czy interaktywne kreatory pakietów."},{image:{src:"\u002Fimg\u002Fportfolio\u002Fslider02\u002Fimage02.png",width:q,height:K,alt:F},images:[{src:"\u002Fimg\u002Fportfolio\u002Fslider02\u002Fboxes\u002FNobiles_01.png",width:aQ,height:636,alt:p},{src:"\u002Fimg\u002Fportfolio\u002Fslider02\u002Fboxes\u002FNobiles_02.png",width:at,height:398,alt:F},{src:"\u002Fimg\u002Fportfolio\u002Fslider02\u002Fboxes\u002FNobiles_03.png",width:197,alt:J}],name:bs,title:"Nobiles",desc:"Projektując serwis produktowy wiodącego polskiego producenta farb skupiliśmy się na zapewnieniu wygodnego procesu zakupowego. Od inspiracji i porad, przez wybór produktów oraz kalkulator produktowy, po listę zakupów i mapę punktów sprzedaży pomagamy nabyć idealną farbę."},{image:{src:"\u002Fimg\u002Fportfolio\u002Fslider03\u002Fimage03.png",width:q,height:K,alt:J},images:[{src:"\u002Fimg\u002Fportfolio\u002Fslider03\u002Fboxes\u002FSTCSolutions.png",width:bo,height:1289,alt:p}],name:aR,title:"Solutions by STC",desc:"Togther with the leader of telecom in the Middle East market, we worked on unlocking the online sales potential, for innovative technological solutions, including IoT. A dedicated website to target industries, that brings them closer to making a purchasing decision."}]},slider04:{title:"Mamy 10+ lat doświadczeń w budowie dedykowanych systemów IT",text:"Złożone rozwiązania wymagają przemyślanej struktury oraz integracji z systemami zewnętrznymi. Łącząc nasze kompetencje UX z doświadczeniem programistycznym oferujemy kompleksowe rozwiązania, z których każdego dnia korzysta tysiące użytkowników.",logos:[{src:"\u002Fimg\u002Fportfolio\u002Fslider04\u002Fmedia-markt.svg",width:156,height:52,alt:"MediaMarkt",name:cQ},{src:"\u002Fimg\u002Fportfolio\u002Fslider04\u002Fcargill.svg",width:cR,height:36,alt:cS,name:cT},{src:"\u002Fimg\u002Fportfolio\u002Fslider04\u002Fpkp-intercity.svg",width:169,height:19,alt:"PKP intercity",name:cU}],images:[{image:{src:"\u002Fimg\u002Fportfolio\u002Fslider04\u002Fimage01.png",width:q,height:K,alt:p},images:[{src:"\u002Fimg\u002Fportfolio\u002Fslider04\u002Fboxes\u002FMediaMarkt.png",width:q,height:K,alt:p}],name:cQ,title:"Media Markt",desc:"Dla sieci sklepów Media Markt wdrożyliśmy system do obsługi i pozycjonowania produktów w porównywarce cen. Aplikacja wdrożona z wykorzystaniem frameworka Laravel automatyzuje proces pojawiania się ofert sieci na platformie Ceneo."},{image:{src:"\u002Fimg\u002Fportfolio\u002Fslider04\u002Fimage02.png",width:q,height:390,alt:F},images:[{src:"\u002Fimg\u002Fportfolio\u002Fslider04\u002Fboxes\u002FCargill_01.png",width:386,height:au,alt:p},{src:"\u002Fimg\u002Fportfolio\u002Fslider04\u002Fboxes\u002FCargill_02.png",width:cV,height:260,alt:F},{src:"\u002Fimg\u002Fportfolio\u002Fslider04\u002Fboxes\u002FCargill_03.png",width:126,height:cV,alt:J}],name:cT,title:cS,desc:"Zbudowanie aplikacji biznesowej spełniającej wymagania i założenia międzynarodowego koncernu, jakim jest Cargill, było sporym wyzwaniem. Opracowany intuicyjny proces tworzenia ofert cenowych wsparty zintegrowanymi bazami danych przyczynił się do optymalizacji pracy organizacji."},{image:{src:"\u002Fimg\u002Fportfolio\u002Fslider04\u002Fimage03.png",width:575,height:bn,alt:J},images:[{src:"\u002Fimg\u002Fportfolio\u002Fslider04\u002Fboxes\u002FPKPIntercity_01.png",width:av,height:290,alt:p},{src:"\u002Fimg\u002Fportfolio\u002Fslider04\u002Fboxes\u002FPKPIntercity_02.png",width:231,height:cK,alt:F},{src:"\u002Fimg\u002Fportfolio\u002Fslider04\u002Fboxes\u002FPKPIntercity_03.png",width:cW,height:430,alt:J}],name:cU,title:"PKP Intercity",desc:"Wspólnie z PKP Intercity zadbaliśmy o wysoką dostępność nowego serwisu internetowego. W oparciu o MODX CMS wdrożyliśmy aplikację webową prezentującą aktualną frekwencję w pociągach zintegrowaną z systemem sprzedaży rezerwacji miejsc."}]},slider05:{title:"Wspieramy startupy na całym świecie",text:"W mocno dynamicznym ekosystemie startupów jesteśmy po to, by zadbać o wysoki poziom użyteczności rozwiązań wprowadzanych przez innowatorów. Wspólnie cieszymy się każdym małym zwycięstwem świadczącym o tym, że warto.",logos:[{src:"\u002Fimg\u002Fportfolio\u002Fslider05\u002Fdqr.png",width:cX,height:cG,alt:cY,name:cZ},{src:"\u002Fimg\u002Fportfolio\u002Fslider05\u002Fstokr.svg",width:95,height:26,alt:c_,name:c$},{src:"\u002Fimg\u002Fportfolio\u002Fslider05\u002Froleshare.svg",width:135,height:aS,alt:bt,name:bt}],images:[{image:{src:"\u002Fimg\u002Fportfolio\u002Fslider05\u002Fimage01.png",width:q,height:K,alt:p},images:[{src:"\u002Fimg\u002Fportfolio\u002Fslider05\u002Fboxes\u002FDQR.png",width:479,height:291,alt:p}],name:cZ,title:cY,desc:"Wielomiesięczna współpraca z maltańskim startupem DQR obejmowała prace koncepcyjne oraz wdrożeniowe giełdy kryptowalut i serwisu www. Technologia blockchain połączona z warstwą front-end opartą o React.JS pozwala na bezproblemową skalowalność oraz dynamiczne przetwarzanie danych."},{image:{src:"\u002Fimg\u002Fportfolio\u002Fslider05\u002Fimage02.png",width:q,height:K,alt:F},images:[{src:"\u002Fimg\u002Fportfolio\u002Fslider05\u002Fboxes\u002Fstokr.png",width:q,height:K,alt:p}],name:c$,title:c_,desc:"Jedną z ostatnich rewolucji na rynku finansowym z pewnością można określić pojawienie się kryptowalut. Wykorzystując ich potencjał STOKR oferuje platformę inwestycyjną zbudowaną w oparciu o technologię blockchain. Nasz zespół jest istotnym ogniwem dostarczającym aplikacje i serwisy internetowe spółki."},{image:{src:"\u002Fimg\u002Fportfolio\u002Fslider05\u002Fimage03.png",width:570,height:aP,alt:J},images:[{src:"\u002Fimg\u002Fportfolio\u002Fslider05\u002Fboxes\u002FRoleshare_01.png",width:aQ,height:1347,alt:p},{src:"\u002Fimg\u002Fportfolio\u002Fslider05\u002Fboxes\u002FRoleshare_02.png",width:cW,height:K,alt:p},{src:"\u002Fimg\u002Fportfolio\u002Fslider05\u002Fboxes\u002FRoleshare_03.png",width:116,height:219,alt:p}],name:bt,title:"Roleshare",desc:"Ideą brytyjskiego startupu Roleshare jest łączenie osób na rynku pracy z innej niż dotąd perspektywy, z zachowaniem idei work-life balance. Wspólnie uruchomiliśmy serwis ogłoszeniowy oparty na rolach i kwalifikacjach, który stale rozwijamy dążąc do międzynarodowej ekspansji."}]},logos01:{title:"Przygotowaliśmy wiele zaawansowanych stron contentowych\nna WordPress i Drupal dla klientów z całego świata",logos:[{width:da,src:"\u002Fimg\u002Fportfolio\u002Flogos01\u002Fhrdf.svg",alt:db},{width:dc,src:"\u002Fimg\u002Fportfolio\u002Flogos01\u002Frega.svg",alt:"rega"},{width:dc,src:"\u002Fimg\u002Fportfolio\u002Flogos01\u002Fmcit.svg",alt:"mcit"}]},logos02:{title:"Pracowaliśmy dla wielu firm z sektora finansowego",logos:[{width:da,src:"\u002Fimg\u002Foffer\u002Fcompanies\u002Fergo.svg",alt:"Ergo Hestia"},{width:"38%",src:"\u002Fimg\u002Fportfolio\u002Flogos02\u002Fsgb.svg",alt:"SGB"},{width:"28%",src:"\u002Fimg\u002Fportfolio\u002Flogos02\u002Fsaudi-pay.svg",alt:"Saudi Payments"}]},santander:{theme:"santander",darkBg:d,logo:"\u002Fimg\u002Fprojects\u002Fsantander\u002Flogo-white.svg",directory:"PortfolioSantander",items:[{title:g,next:j,componentName:"PortfolioSantander01",content:{bg:A,tags:[b,c,y],title:"Santander Consumer Bank",subtitle:"Nowy wymiar serwisu transakcyjnego",text:"Niezawodny system bankowości internetowej, z którego każdego dnia korzystają tysiące zadowolonych użytkowników.",explore:j}},{title:h,next:a,prev:g,componentName:"PortfolioSantander02",content:{title:"Serwis transakcyjny dedykowany produktom kredytowym",text:"Na potrzeby Bankowości Internetowej Santander Consumer Bank przygotowaliśmy zupełnie nowy serwis transakcyjny. W ramach współpracy z Klientem stworzyliśmy koncepcję całej platformy. Dzięki regularnym spotkaniom oraz zwinnym podejściu projektowym dostarczyliśmy użyteczny produkt odpowiadający wszystkim wymaganiom biznesowym.",features:[[L,O,v,"Przygotowanie makiet funkcjonalnych"],[u,w,aa]],image:"\u002Fimg\u002Fprojects\u002Fsantander\u002Fcontent\u002Fscreen.png",notes:[{size:af,x:l,y:P,text:dd},{size:af,x:-.03,y:R,text:"Dbałość o detale i estetykę przekazu"},{size:af,x:ag,y:G,text:"Nastawienie na wysoki poziom interaktywności rozwiązań"}]}},{title:a,next:b,prev:a,componentName:"PortfolioSantander03",content:{bg:A,before:{label:a,image:de,text:"Naszym głównym celem było dostarczenie rozwiązania odpowiadającego na aktualne potrzeby klientów branży bankowej. Poznaliśmy je lepiej dzięki realizacji serii badań weryfikacyjnych."},after:{label:B,image:df,text:"W efekcie wypracowaliśmy szereg rozwiązań wpisujących się w wymogi biznesowe i regulacje rynku finansowego, a jednocześnie przyjazne dla użytkowników oraz wygodne w obsłudze."}}},{title:b,next:c,prev:a,componentName:"PortfolioSantander04",content:{bg:A,stats:{nav:dg,title:dd,text:"Przed rozpoczęciem prac nad prototypem skupiliśmy się na dokładnej analizie polskich i zagranicznych serwisów bankowości internetowej. Następnie przystąpiliśmy do prac koncepcyjnych, w efekcie których powstał klikalny projekt funkcjonalny. Posłużył on do przeprowadzenia pierwszej tury badań z udziałem użytkowników.",items:[{value:"105",label:"stron raportu"},{value:"16",label:dh},{value:di,label:"minut średni czas badania"}]},analyze:{nav:aT,help:{text:bu},points:[{type:C,x:f,y:f,staticLabel:dj,skip:d},{type:C,x:P,y:f},{type:i,x:r,y:f,label:"Analiza banków z całego świata",labelPos:o},{type:i,x:l,y:f,label:"Definicja grup docelowych",labelPos:D},{type:i,x:S,y:f,label:"Warsztaty kreatywne",labelPos:o},{type:z,x:k,y:f},{type:i,x:k,y:m,label:"Analiza specyfikacji biznesowej",labelPos:ah},{type:C,x:k,y:s,staticLabel:bv},{type:z,x:k,y:l},{type:i,x:n,y:l,label:"Opracowanie ścieżek użytkowników",labelPos:o},{type:i,x:G,y:l,label:"Projektowanie funkcjonalne",labelPos:D},{type:i,x:s,y:l,label:aa,labelPos:o},{type:i,x:m,y:l,label:u,labelPos:D},{type:z,x:f,y:l},{type:i,x:f,y:G,label:dk,labelPos:D},{type:C,x:f,y:n,staticLabel:"wdrożenie"},{type:z,x:f,y:k},{type:i,x:m,y:k,label:w,labelPos:o},{type:i,x:s,y:k,label:dl,labelPos:D},{type:i,x:S,y:k,label:"Support podczas integracji z warstwą back-end",labelPos:o},{type:z,x:k,y:k},{type:i,x:k,y:E,staticLabel:"wersja live"}]},research:{nav:"Badania",boxes:["Poznanie oczekiwań i preferencji użytkowników oraz zweryfikowanie użyteczności prototypu serwisu Bankowości Internetowej Santander Consumer Bank.","Zbadanie użyteczności rozwiązań zastosowanych w projekcie graficznym serwisu transakcyjnego oraz weryfikacja odbioru warstwy wizualnej."],items:[{title:"kategoryzowanie elementów",text:"Grupowanie wybranych elementów w oparciu o częstotliwość ich użytkowania oraz inne czynniki."},{title:"testy x-sekundowe",text:"Weryfikacja poprawności identyfikacji przeznaczenia poszczególnych elementów obserwowanych w krótkim przedziale czasowym."},{title:"zadania scenariuszowe",text:"Określenie ścieżki użytkownika poszukującego wskazanych treści lub wykonującego określone czynności."},{title:"testy a\u002Fb",text:"Ocena skuteczności zastosowanych rozwiązań oraz wybór jednego wariantu z zaprezentowanych opcji alternatywnych."},{title:"klikanie i komentowanie",text:"Poznawanie subiektywnej oceny użytkownika względem obserwowanego prototypu serwisu transakcyjnego."}]}}},{title:c,next:b,prev:e,componentName:"PortfolioSantander05",content:{bg:A,title:"Interfejs użytkownika",text:"Podczas współpracy z Santander Consumer Bank opracowaliśmy ponad 80 projektów desktop nowego serwisu transakcyjnego. Dodatkowo zadbaliśmy o użytkowników mobilnych projektując wersję tablet oraz smartphone. Pozytywne rezultaty sprawiły, iż przedłużona kooperacja objęła także inne projekty m.in. kalkulatory finansowe, formularze zamówień nowych produktów bankowych.",image:"\u002Fimg\u002Fprojects\u002Fsantander\u002Fcontent\u002Fscreen1.png",pins:[{x:G,y:m,title:"Ilustracje i ikony",text:"Zastosowanie charakterystycznych ilustracji wpisujących się w najnowsze trendy zwiększa pozytywny odbiór serwisu. W połączeniu z przejrzystym zbiorem ikon przekłada się także na wzrost czytelności projektowanych elementów."},{x:dm,y:r,title:"Reklamy kontekstowe",text:"Cele sprzedażowe mają swoje odzwierciedlenie w dedykowanych miejscach na reklamy kontekstowe. Dzięki atrakcyjnej grafice oraz spójności z innymi elementami nie są one od razu kategoryzowane przez odbiorców jako banery reklamowe."},{x:s,y:x,title:"Wykresy z mikrointerakcjami",text:"Najważniejsze informacje przedstawiliśmy na wykresach graficznych. Użytkownik logując się do systemu z łatwością orientuje się w aktualnym stanie własnych finansów. "},{x:r,y:G,title:"Bezpośrednie akcje",text:"Szeroki zakres funkcjonalności dostępnych w bankowości internetowej może sprawiać trudności mniej zaawansowanym użytkownikom. Z myślą o nich zaimplementowaliśmy szybkie skróty do najczęściej wykorzystywanych akcji."},{x:T,y:bw,title:"Wydarzenia i powiadomienia",text:"Specyfika kredytowych produktów finansowych sprawia, iż kluczowe jest proste zarządzanie zbliżającymi się płatnościami. W tym celu wdrożyliśmy moduł Ważne Terminy z funkcjonalnością cyklicznych powiadomień."}]}},{title:e,prev:c,componentName:"PortfolioSantander06",content:{bg:A,stats:{title:e,text:"Po ponad roku współpracy dostarczyliśmy zakodowany projekt graficzny wpisujący się w najnowsze trendy oraz wymogi usabillity.\n\nOpracowanie unikalnych widoków oraz przydatnych narzędzi wyróżnia serwis się na tle światowej konkurencji. Dzięki dokladnej analizie potrzeb klientów korzystających z serwisu także na mniejszych wyświetlaczach urządzeń mobilnych opracowaliśmy dedykowaną wersję responsywną dostarczającą wygodny dostęp do kluczowych funkcjonalności.\n\nSerwis stale notuje wysokie zainteresowanie użytkowników, o czym świadczą pozytywne opinie stałych klientów Santander Consumer Bank oraz feedback ze strony naszego Klienta.",items:[{value:"300",suffix:t,label:"tysięcy wizyt miesięcznie"},{value:di,suffix:dn,label:"wzrost poziomu satysfakcji użytkowników"},{value:do0,suffix:dn,label:"krótszy średni czas wypełniania wniosku kredytowego"}]},review:{quote:"W trakcie każdego etapu procesu projektowego Crafton pozostawał z nami w stałym kontakcie. Mieliśmy wgląd w postępy prac oraz bezpośredni wpływ na ich przebieg. Nasze potrzeby traktowane były priorytetowo oraz realizowane błyskawicznie z najwyższą starannością. Wysoki poziom świadczonych usług sprawił, że ponownie podjęliśmy współpracę w ramach realizacji kolejnych projektów, które wykonane zostały na równie wysokim poziomie.",author:"Piotr Humeńczuk",position:"Dyrektor Departamentu Zakupów i Administracji"}}}]},trefl:{theme:"trefl",logo:"\u002Fimg\u002Fprojects\u002Ftrefl\u002Flogo-color.svg",directory:"PortfolioTrefl",darkBg:d,items:[{title:g,next:j,componentName:"PortfolioTrefl01",content:{bg:"\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002Fbg01.png",tags:[b,c],title:"Trefl",subtitle:"E-commerce z dawką dziecięcej radości",text:"Internetowy sklep europejskiego lidera w produkcji gier i zabawek oferujący wygodny proces zakupowy oraz pomoc przy wyborze prezentów dla najmłodszych.",explore:j}},{title:h,prev:g,next:a,componentName:"PortfolioTrefl02",content:{title:"Niezapomniane doświadczenie zakupowe",text:"W ramach współpracy z jednym z największych producentów puzzli w Europie oraz wiodącym polskim producentem gier planszowych zadbaliśmy, by zakupy online w sklepie Trefl stały się proste i radosne. Zastosowane rozwiązania przekładają się na przyjazny dla użytkownika proces zakupowy oraz pozwalają atrakcyjnie wyeksponować produkty marki.",features:[[L,O,v],[U,u]]}},{title:a,next:b,prev:a,componentName:"PortfolioTrefl03",content:{bg:A,before:{label:dp,image:{src:"\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002Fbefore.png",wifth:dq,height:dr},text:"Komunikacja wartości marki potencjalnym klientom bywa sporym wyzwaniem. Szczególnie, gdy z jednej strony zależy nam na budowaniu relacji i świadomości marki. A z drugiej strony chcemy zadbać o wysoki poziom konwersji oraz realizację celów biznesowych."},after:{label:B,image:{src:"\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002Fafter.png",wifth:dq,height:dr},text:"Wspólnie z Klientem opracowaliśmy lekką i przyjazną formę prezentacji produktów oraz informacji na temat Grupy Trefl. Zastosowane funkcjonalności skracają ścieżki użytkowników i pomagają w intuicyjnym poszukiwaniu interesujących produktów."}}},{title:b,next:c,prev:b,componentName:"PortfolioTrefl04",content:{scheme:"\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002Ftrefl_schemat.svg",challenge:{title:ds,text:"4-osobowy zespół UX\u002FUI pracował w metodyce scrum, by dostarczyć dopracowane rozwiązania. Warsztaty kreatywne, liczne spotkania i codzienna komunikacja skutkowały płynną realizacją kolejnych sprintów. W efekcie wersja MVP projektu została przygotowana zgodnie z założonym harmonogramem.",image:dt},solution:{title:aw,text:du,image:bx},profiles:[{avatar:"\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002FavatarBoy.png",citeBox:{src:"\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002Ftrefl-dymek_01.png",width:446,height:dv},name:"Kacper",location:dw,likes:"13 lat",favorites:"Gry komputerowe, rower",about:{title:"O Kacprze",text:"Czas najchętniej spędza grając w gry komputerowe. Niestety nie może tego robić cały czas. Chce mieć wpływ na wybór gier planszowych do domu, by później móc korzystać z nich z kolegami."}},{avatar:"\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002FavatarWoman.png",citeBox:{src:"\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002Ftrefl-dymek_02.png",width:610,height:dv},name:"Aneta Kowalska",location:dw,likes:"38 lat",favorites:"Podróże, historia sztuki",about:{title:"O Anecie",text:"Mama dwójki dzieci, która dba o ich rozwój i chce zapewnić wysoki poziom rozrywki podczas rodzinnych wieczorów. Poszukuje inspiracji, jakie zabawy proponować, by nikt się nie nudził."}}]}},{title:c,next:e,prev:b,componentName:"PortfolioTrefl05",content:{title:"Grafika szyta na miarę",text:"Zaprojektowaliśmy dedykowaną szatę graficzną nowego sklepu internetowego, która żywymi kolorami pobudza zmysły odbiorców. Przygotowanie wizualne wersji responsywnej, dopracowane mikrointerakcje oraz dbałość o szczegóły sprawiły, że użytkownicy pozytywnie odbierają nowy interfejs.",features1:{text1:dx,image1:"\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002Fscreen05.png"},screens:{images:["\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002Fscreen_quiz.png","\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002Fscreen_profile.png","\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002Fscreen_search.png"],title:by},slides:[{title:"Quiz produktowy",text:"Jedną z wyróżnionych na etapie eksploracyjnym grup docelowych są osoby, które poszukują pomysłu na prezent. Często bywa to sporym wyzwaniem. Z myślą o nich stworzyliśmy prosty mechanizm ułatwiający wybór produktu. Wystarczy odpowiedzieć na kilka pytań, by otrzymać dedykowaną listę propozycji."},{title:"Profil klienta",text:"Pozytywne doświadczenia użytkownika nie kończą się na zakupie produktu. Istotnym czynnikiem jest obsługa posprzedażowa, w tym dostęp do informacji na koncie klienta. Przejrzysty układ elementów umożliwia szybkie odnalezienie szczegółów transakcji, a dodatkowe funkcjonalności zachęcają do częstego korzystania ze sklepu. Na uwagę zasługuje tutaj baza ulubionych produktów, dedykowane promocje oraz atrakcyjne przedstawienie zasad programu lojalnościowego."},{title:"Dynamiczna wyszukiwarka",text:"Serwis internetowy Trefl odwiedzają także użytkownicy, którym zależy na konkretnym produkcie. Korzystając bezpośrednio ze sklepu producenta mają oni pewność, że go odnajdą. Dzięki dynamicznemu wyszukiwaniu wraz z podpowiedziami produktów oraz kategorii tematycznych zapewniliśmy szybszą i bardziej efektywną podróż użytkownika niż w ramach wcześniejszego rozwiązania."}],safariPreview:{texts:{left:[{text:"Prezentacja produktu z nawigacją między zdjęciami oraz opcją ich powiększenia",threshold:I,maxThreshold:4.98},{text:"Szczegółowe informacje i instrukcja obsługi pozwalająca lepiej poznać produkt",threshold:ai,maxThreshold:aU},{text:"Recenzja video produktu przedstawiająca jego mocne strony oraz zachęcająca do zakupu",threshold:bz,maxThreshold:dy},{text:"Możliwość zapoznania się z opiniami rzeczywistych klientów korzystających z produktu",threshold:aS,maxThreshold:bA}],right:[{text:dx,threshold:$,maxThreshold:dz},{text:"Mikrointerakcja pozytywnie zaskakująca klienta i wywołująca uśmiech na twarzy po dodaniu produktu do koszyka",threshold:k,maxThreshold:.94},{text:"Wysoka świadomość klienta na każdym etapie procesu zakupowego poprzez m.in. informację o stanie magazynowym",threshold:.95,maxThreshold:1.48},{text:"Budzące zaufanie oznaczenie graficzne znane z opakowań produktów",threshold:1.5,maxThreshold:1.98}]},arrow:"\u002Fimg\u002Fprojects\u002Ftrefl\u002Fscreen_arrow.svg",images:["\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002Ftrefl_screen_preview.png"]}}},{title:e,prev:c,componentName:"PortfolioTrefl06",content:{title:"Nowy wymiar zakupów online",text:"Projektując sklep internetowy Trefl naszym głównym celem było dostarczenie wartości dodanej dla biznesu oraz klientów. Serwis e-commerce stał się centrum działań online skupiającym wokół siebie ekosystem marki. Pozytywne doświadczenia użytkowników oparte na wzbudzaniu zaufania, personalizacji serwisu oraz doradztwie produktowym skutkują wyższą lojalnością klientów.",link:"https:\u002F\u002Fwww.trefl.com\u002F",features:{icon:"\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002Flist_item_leaf.png",items:["Dłuższy średni czas odwiedzin","Wyższa świadomość marki podczas wizyty","Wzrost konwersji"]},screenMain:"\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002FscreenMain06.png",screenPhone:"\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002FscreenPhone.png",screens:[dA,dB,dA,dB]}}]},lot:{theme:"lot",darkBg:d,logo:"\u002Fimg\u002Fprojects\u002Flot\u002Flogo-new-color.svg",directory:"PortfolioLot",items:[{title:g,next:h,componentName:"PortfolioLot01",content:{video:"\u002Fimg\u002Fprojects\u002Flot\u002FLot.mp4",tags:[b,c],title:"Polskie Linie Lotnicze LOT",subtitle:"Podróż po dobrze zaprojektowanym i użytecznym interfejsie użytkownika",text:"Najszybciej dostarczony i w pełni responsywny serwis internetowy lot.com zachwyca lekkością oraz nowoczesnością. Proces zakupu biletu nigdy nie był łatwiejszy.",explore:j}},{title:h,prev:g,next:a,componentName:"PortfolioLot02",content:{title:"Wielowymiarowe podejście do projektowania",text:"Spotkania z zespołem LOT pomogły nam zdefiniować najważniejsze cele klienta i ustalić kierunek zmian. Dzięki temu przygotowane przez nas projekty interfejsu w pełni odpowiadają na potrzeby podróżnych i jednocześnie realizują cele strategiczne lot.com. Ośmioosobowy zespół specjalistów UX\u002FUI opracował kompleksowe podejście do wyszukiwania biletów, ułatwił proces zakupu oraz usprawnił zarządzanie rezerwacjami. Dla samej wersji desktopowej strony przygotowaliśmy ponad 300 widoków!",features:[[L,O,v],[U,u,ax]]}},{title:a,prev:h,next:c,componentName:"PortfolioLot03",content:{headings:[{title:"Nasz kierunek zmian",text:"Użyteczny serwis internetowy linii lotniczych powinien wyróżniać się wysokim poziomem intuicyjności, musi spełniać potrzeby wielu grup docelowych. Naszym głównym celem było zaprezentowanie zupełnie nowego i świeżego podejścia do procesu rezerwacji czy zakupu biletów."},{title:"Projektowanie pozytywnych doświadczeń",text:"Odkrywanie motywacji, przyzwyczajeń czy zmartwień klientów lot.com, pozwoliło nam wypracować zestaw gotowych rozwiązań dla marki. Stworzyliśmy również design system, który zawiera komplet zasad projektowania dla firmy LOT."},{title:"Team UX\u002FUI",text:"Za sumę wrażeń, jakich doświadcza użytkownik serwisu odpowiadają UX i UI designerzy. Nasz zespół ekspertów doskonale wie, że tworzenie produktów i usług cyfrowych jest kluczowe dla każdej marki. Tylko takie podejście gwarantuje, że projekt uznamy za funkcjonalny, użyteczny i intuicyjny."},{title:"Lecimy!",text:"Zabieramy użytkowników lot.com w podróż po przejrzystym serwisie www. Wypracowaliśmy łatwą nawigację, dzięki której proces rezerwacji jest znacznie ułatwiony. Nie zapomnieliśmy o szczególnych potrzebach podróżnych i dostosowaliśmy serwis zgodnie z wymaganiami dostępności cyfrowej WCAG. Subtelny design wzmacnia pozytywne wrażenia klientów."}],checkpoints:[{top:V,left:f,rotate:W,text:"Audyt aktualnego serwisu internetowego",align:o},{top:V,left:f,rotate:W,text:bB,align:o},{top:V,left:f,rotate:W,text:"Analiza grup docelowych i celów biznesowych",align:D},{top:V,left:f,rotate:W,text:"Warsztaty w siedzibie Klienta",align:o},{top:V,left:f,rotate:W,text:"Przygotowanie i omówienie raportów",align:o},{top:V,left:f,rotate:W,text:v,align:D},{top:V,left:f,rotate:W,text:U,align:o},{top:V,left:f,rotate:W,text:u,align:o},{top:V,left:f,rotate:W,text:"Konsultacje podczas wdrożenia",align:o}]}},{title:c,next:e,prev:a,componentName:"PortfolioLot04",content:{heading01:{title:ay,text:"Dzięki partnerskiej i aktywnej współpracy z naszym Klientem bardzo szybko przygotowaliśmy wszystkie projekty graficzne, co pozwoliło nam na sprawne rozpoczęcie wdrożenia serwisu. Odpowiednie zarządzanie projektem oraz precyzyjne przygotowanie niezbędnych wytycznych znacząco wpłynęło na realizację prac zgodnie z zaplanowanym harmonogramem."},heading02:{title:dC,text:dD},heading03:{title:dC,text:dD},heading04:{title:"Charakterystyczne i unikalne ikony",text:"Każdy detal ma znaczenie. Ikonografia to nieodłączny element serwisu, z którym spotyka się każdy użytkownik. Dla lot.com przygotowaliśmy obszerną bazę autorskich ikon, które nie są tylko ozdobą aplikacji. To bardzo niedoceniony jeszcze przez firmy element budujący więź z marką."},heading05:{title:"Mobile first",text:"Obecnie dla nas to nieodłączny element każdego realizowanego projektu. Bazując na najnowszych badaniach typów użytkowników, wiemy, że podejście to jest fundamentalne. Niedostosowane do odbiorców serwisy znacząco wpływają na osiągane konwersje."},heading06:{title:dE,text:"Profesjonalnie zaprojektowane skupiają uwagę klientów, ale też przekazują ważne informacje. Dla lot.com przygotowaliśmy grafiki, które dobrze wypozycjonowane pozytywnie wpływają na algorytmy wyszukiwarek."},screens:[{src:"\u002Fimg\u002Fprojects\u002Flot\u002Fcontent\u002Fwebsite04.png",width:aj,height:az,pins:[{x:r,y:l,reverse:d,title:"Mapa miejsc",text:"Ulubione miejsce? Nie ma sprawy! W łatwy i intuicyjny sposób użytkownicy mogą wybrać dla siebie i współpasażerów miejsce w samolocie."},{x:n,y:n,reverse:d,title:"Zarządzanie rezerwacją",text:"W każdej chwili można sprawdzić warunki rezerwacji lub dokonać zmian"}]},{src:"\u002Fimg\u002Fprojects\u002Flot\u002Fcontent\u002Fwebsite05.png",width:aj,height:az,pins:[{x:r,y:m,up:d,title:"Proces rezerwacji",text:"Łatwa nawigacja porządkuje stronę pod kątem strukturalnym i zdecydowanie krok po kroku pomaga klientowi w procesie zakupów."},{x:x,y:x,reverse:d,title:"Najlepsza cena",text:"Wyróżniliśmy i uporządkowaliśmy całą ofertę. Dzięki porównywarce cen każdy może wybrać najlepszą ofertę dla siebie."}]},{src:"\u002Fimg\u002Fprojects\u002Flot\u002Fcontent\u002Fwebsite06.png",width:aj,height:az,pins:[{x:G,y:x,reverse:d,title:"Dodatkowe usługi",text:"Ważnym elementem strony jest przejrzysty dodatkowy panel z usługami, które można dodać w każdej chwili!"}]}],images:{website01:{src:"\u002Fimg\u002Fprojects\u002Flot\u002Fcontent\u002Fwebsite01.png",width:1228,height:940}}}},{title:e,prev:c,componentName:"PortfolioLot05",content:{title:e,text01:"Nasza wspólna podróż z PLL LOT rozpoczęła się w 2019 roku i trwa do dziś! Dzięki zaufaniu klienta i profesjonalnemu podejściu naszego zespołu otrzymaliśmy także zadanie opracowania nowego serwisu internetowego LOT, systemu rezerwacji, Manage My Booking i e-commerce.",text02:"Przygotowaliśmy atrakcyjny wizualnie serwis internetowy, użyteczny proces zakupu biletu lotniczego online oraz wygodny system zarządzania rezerwacją. Nieustanne dbamy o właściwe wyświetlanie się treści na każdym urządzeniu, by potencjalni pasażerowie lot.com z łatwością realizowali swoje kolejne i niezapomniane podróże.\n\nIntensywna praca i kreatywne podejście do powierzonych nam zadań owocują! Współpraca z PLL LOT wciąż się rozwija, wyznaczając nam kolejne wyzwania każdego dnia.",link:"https:\u002F\u002Fwww.lot.com\u002Fpl\u002Fpl\u002F",button:{label:dF,url:"https:\u002F\u002Flot.com"},ticket:{src:"\u002Fimg\u002Fprojects\u002Flot\u002Fcontent\u002Fticket.png",width:1245,height:456}}}]},najiz:{theme:"najiz",darkBg:d,logo:"\u002Fimg\u002Fprojects\u002Fnajiz\u002Flogo-color.svg",directory:"PortfolioNajiz",items:[{title:g,next:j,componentName:"PortfolioNajiz01",content:{video:"\u002Fimg\u002Fprojects\u002Fnajiz\u002Fnajiz_cover.mp4",tags:[b,c,y,aA],title:"Saudyjskie Ministerstwo Sprawiedliwości",subtitle:"Sprawy urzędowe bez wychodzenia z domu",text:"Rozprawy sądowe, formalności oraz sprawy urzędowe dla obywateli Arabii Saudyjskiej na wyciągnięcie ręki, dzięki naszej aplikacji mobilnej i stronie internetowej.",explore:j}},{title:h,next:a,prev:g,componentName:"PortfolioNajiz02",content:{title:"Kompleksowa obsługa interesantów w sądownictwie",text:"Najiz to nowoczesna platforma umożliwiająca elektroniczne świadczenie usług wymiaru sprawiedliwości. Dzięki niej obywatele oraz mieszkańcy Arabii Saudyjskiej mogą w wygodny i bezpieczny sposób załatwiać wszelkie sprawy urzędowe. Najiz jest dostępny jako serwis internetowy z szeregiem funkcjonalności. Jednocześnie dedykowana aplikacja mobilna pozwala na zarządzanie sprawami urzędowymi w dowolnym momencie czy miejscu.",features:[[L,O,v,U,u,w]],image:{src:"\u002Fimg\u002Fprojects\u002Fnajiz\u002Fcontent\u002Fscreen.png",height:984,width:1230,alt:"Screens"},notes:[{size:M,x:r,y:dG,text:dH},{size:M,x:ab,y:m,text:dI},{size:M,x:s,y:.47,text:w}]}},{title:a,prev:"O Projekcie",componentName:"PortfolioNajiz03",content:{achievement:{title:a,text:"Sprawy urzędowe wymagają szeregu procedur. Współcześnie Internauci oczekują szybkiego załatwienia swoich spraw online i ufają, że dane rozwiązanie im to zapewni. Brzmi jak odpowiednie wyzwanie właśnie dla naszego zespołu.",screen:dJ},photos:{top:"\u002Fimg\u002Fprojects\u002Fnajiz\u002Fcontent\u002Fphoto-slide-3-3.png",right:"\u002Fimg\u002Fprojects\u002Fnajiz\u002Fcontent\u002Fphoto-slide-3-1.png",center:"\u002Fimg\u002Fprojects\u002Fnajiz\u002Fcontent\u002Fphoto-slide-3-4.png"},solution:{title:B,text:"Dzięki współpracy doświadczonych zespołów UX i UI zaprojektowaliśmy ponad 50 unikalnych widoków makiet funkcjonalnych oraz graficznych. Stworzyliśmy intuicyjną i prostą w obsłudze stronę internetową oraz aplikację mobilną. Nasze realizacje zostały dobrze przyjęte, zarówno przez interesariuszy, jak i obywateli Arabii Saudyjskiej.",frame:"\u002Fimg\u002Fprojects\u002Fnajiz\u002Fcontent\u002Fscreen-frame.png",before:dJ,after:"\u002Fimg\u002Fprojects\u002Fnajiz\u002Fcontent\u002Fafter.png"}}},{title:b,next:bC,prev:a,componentName:"PortfolioNajiz04",content:{flow:{nav:dK,title:bD,text:"Na potrzeby projektu przeprowadziliśmy warsztaty kreatywne. Współpracując z Klientem, stworzyliśmy m.in. przykładowe persony, czyli archetypy użytkowników, reprezentujące większe grono odbiorców aplikacji i portalu Najiz. Powstały także diagramy pokazujące ścieżki, którymi najczęściej podążają użytkownicy (user flow). Tego typu działania stały się podstawą do dalszych prac projektowych.",image:{width:992,height:1321,url:bE},tip:"Diagramy są bardzo pomocne w wyjaśnianiu pomysłów projektowych. Efektami warsztatów z interesariuszami wewnętrznymi są diagramy, które podsumowują oczekiwania biznesowe. Dzięki prostym schematom jesteśmy w stanie zaproponować użyteczne pomysły projektowe rozumiejąc realia pracy urzędników."},profile:{nav:aw,name:dL,position:dM,location:dN,job:dO,likes:dP,favorites:dQ,boxText:{img:"\u002Fimg\u002Fprojects\u002Fnajiz\u002Fcontent\u002Fnajiz-dymek_01.png",width:419,height:216},tip:{text:"Proste persony użytkowników portalu Najiz zostały opracowane na podstawie danych analitycznych i raportów od Klienta. To właśnie dzięki nim wiemy, dla kogo projektujemy nowe rozwiązania oraz dbamy o zaspokojenie ich potrzeb.",position:ah},motivations:[{name:"Cel",text:"“Muszę złożyć dokumenty związane z planowanym małżeństwem.”"},{name:"Frustracje",text:"“Nigdy nie wiem, jaki formularz wykorzystać albo co oznaczają niektóre zawiłe sformułowania prawnicze.”"},{name:"Dlaczego odwiedzam portal Najiz?",text:"“Szukam pomocy i chcę być na bieżąco ze statusem mojego wniosku.”"}],devices:{label:aB,items:[{icon:bF,label:bG},{icon:bH,label:bI}]},stats:[{label:dR,value:63},{label:dS,value:cX},{label:dT,value:ak},{label:dU,range:{begin:bJ,end:dV},value:62}]}}},{title:bC,next:e,prev:b,componentName:"PortfolioNajiz05",content:{title:"Projekt i wdrożenie",text:"Niezależnie od stopnia zaawansowania cyfrowego, każdy obywatel powinien mieć taki sam dostęp do usług online. Mnogość spraw urzędowych, wymagała dokładnego przeanalizowania struktury systemu. Zaprojektowaliśmy intuicyjną nawigację, która umożliwia wygodne załatwianie spraw, także w wersji mobilnej. Wdrożenie mikrointerakcji oraz animacji w warstwie front-end wzmocniło pozytywny odbiór interfejsu platformy Najiz. Z kolei wygodny panel systemu zarządzania treścią WordPress pozwala administratorom na szybką edycję treści i wprowadzanie niezbędnych modyfikacji w serwisie.",slides:[{image:{src:"\u002Fimg\u002Fprojects\u002Fnajiz\u002Fcontent\u002FScreen_animation.png"},title:"Atrakcyjna animacja",text:"Podczas ładowania aplikacji użytkownicy obserwują dynamiczną animację logotypu Najiz. Pojawiające się kropki przyciągają uwagę odbiorcy, umilają czas oczekiwania i już od pierwszego kontaktu z aplikacją podkreślają nowoczesność rozwiązania."},{image:{src:"\u002Fimg\u002Fprojects\u002Fnajiz\u002Fcontent\u002Fscreen_buttons_1.png"},title:"Schematy przycisków",text:"Konwencjonalne rozmieszczenie przycisków ułatwia wygodne poruszanie się w aplikacji mobilnej Najiz. Ma to szczególne znaczenie podczas poruszania się w rozbudowanych formularzach spraw urzędowych. Często wymagają one autoryzacji z innymi serwisami publicznymi lub dostarczania dużej liczby danych manualnie."},{image:{src:"\u002Fimg\u002Fprojects\u002Fnajiz\u002Fcontent\u002Fnajiz_scr.jpg"},title:"Szczegóły wniosku",text:"Przejrzysty układ danych związanych ze sprawą urzędową ułatwia zapoznanie się z kluczowymi informacjami. Wysoki poziom dostępności uzyskaliśmy dzięki dużym obszarom klikalnym. Jednocześnie zawierają one prosty dostęp do funkcjonalności takich jak przykładowo szybkie wyszukanie numeru licencji w bazie Ministerstwa."}]}},{title:e,prev:bC,componentName:"PortfolioNajiz06",content:{image:A,title:"Nowy wymiar sądownictwa",text:"Dzięki doświadczonemu i zgranemu zespołowi, dobrej komunikacji z Klientem oraz przeprowadzeniu licznych warsztatów UX dostarczyliśmy pełnowartościową, spełniającą założenia saudyjskiego Ministerstwa Sprawiedliwości aplikację i portal Najiz w pół roku (6 miesięcy!).\n\nNaszym partnerom z Ministerstwa Sprawiedliwości przekazaliśmy kompleksowy produkt, który zapewnia bezpieczny i łatwy dostęp do spraw urzędowych online. Uruchomieniu portalu oraz aplikacji Najiz towarzyszyła rządowa kampania informacyjna. Wysiłek zespołu Crafton został doceniony przez użytkowników portalu, którzy bardzo wysoko ocenili cyfryzację ważnych, prawnie wiążących aspektów ich życia.",stats:[{value:"57000+",label:"zdalnych rozpraw w tygodniu"},{value:"131500",label:"złożonych podpisów elektronicznych w pierwszym tygodniu po uruchomieniu"},{value:"10000",label:"przesłanych wniosków online"}]}}]},interia:{theme:"interia",darkBg:d,logo:"\u002Fimg\u002Fprojects\u002Finteria\u002Flogo-color.svg",lightLogo:d,directory:"PortfolioInteria",items:[{title:g,next:j,componentName:"PortfolioInteria01",content:{tags:["User research",dW,"In-depth interviews"],title:"Smaker.pl",subtitle:"Zdalne badania dla komend głosowych oraz serwisu internetowego",text:"Seria zwinnych badań User Experience opartych o wywiady pogłębione oraz warsztaty grupowe.",explore:j}},{title:h,next:a,prev:g,componentName:"PortfolioInteria02",content:{title:"Gotowanie w XXI wieku",text:"Dla Grupy Interia.pl zrealizowaliśmy projekt badawczy związany z jednym z największych i najbardziej znanych portali kulinarnych w Polsce. Naszym celem była eksploracja możliwości rozwoju w kierunku komend głosowych. Dodatkowo w trakcie badań weryfikowaliśmy użyteczność zarówno wersji desktopowej, jak i aplikacji mobilnej. Dzięki temu poznaliśmy wzorce zachowań użytkowników adekwatne do kontekstu użycia serwisu Smaker.pl.",features:[["Opracowanie scenariuszy i realizacja\nwywiadów pogłębionych","Przeprowadzenie warsztatów\ndla użytkowników"],["Zaprojektowanie architektury\ninformacji oraz projektów\nfunkcjonalnych","Przygotowanie szczegółowego raportu\nz rekomendacjami"]],image:{src:"\u002Fimg\u002Fprojects\u002Finteria\u002Fcontent\u002Fempty-screens.png",width:1128,height:673,alt:dX},notes:[{size:M,x:bK,y:bL,text:bM},{size:M,x:S,y:r,text:dY},{size:M,x:dZ,y:l,text:"Raport podsumowujący"}]}},{title:a,next:aV,prev:h,componentName:"PortfolioInteria03",content:{intro:{title:a,text:"Celem projektu było wyróżnienie wzorców zachowań użytkowników, które pomogą zdefiniować obszary kluczowe dla ułatwienia korzystania z aplikacji. Identyfikacja problematycznych punktów styku odbiorcy z rozwiązaniem ma przełożyć się na poprawę użyteczności. Istotnym aspektem jest także eksploracja nowoczesnych rozwiązań i potencjału ich wykorzystania w aplikacji Smaker.pl.",image1:{src:"\u002Fimg\u002Fprojects\u002Finteria\u002Fcontent\u002Fchallenge-photo-1.png",width:769,height:634,alt:"Photo 1"},image2:{src:"\u002Fimg\u002Fprojects\u002Finteria\u002Fcontent\u002Fchallenge-photo-2.png",width:626,height:527,alt:"Photo 2"}},steps:[{y:P,text:bN,features:["Analiza aktualnego rozwiązania",d_,"Omówienie procesu","Dobór aktywności"]},{y:al,text:bM,features:["Scenariusz",d$,"Spotkania online",aC]},{y:ab,text:dY,features:["Ćwiczenia",d$,"Warsztaty online",aC]},{y:aW,text:"Projekty funkcjonalne kluczowych widoków",features:[ea,"Widok przepisu","Lista składników","Ulubione"]},{y:aX,text:"Raport z badań",features:[aC,"Opis przebiegu badań","Wnioski","Rekomendacje"]}],solution:{title:B,text:"Przygotowanie dopracowanych scenariuszy badań pozwoliło na maksymalne wykorzystanie spotkań z respondentami. Dostosowane do celów badawczych ćwiczenia warsztatowe zaangażowały uczestników i zapewniły nam solidną dawkę wiedzy o grupach docelowych.",image:{src:"\u002Fimg\u002Fprojects\u002Finteria\u002Fcontent\u002Fsolution-photo.png",width:aD,height:eb,alt:"photo"}}}},{title:aV,next:bO,prev:a,componentName:"PortfolioInteria04",content:{interview:{nav:bM,title:"Swobodne rozmowy",text:"Wykorzystując zaprojektowane scenariusze wywiadów pogłębionych nasz zespół UX przeprowadził serię 10 spotkań z respondentami. Chętnie dzielili się oni swoimi przemyśleniami związanymi nie tylko z samym gotowaniem, lecz także z procesem wyboru przepisów czy okolicznościami przygotowywania posiłków. Na podstawie zgromadzonych informacji opracowaliśmy rekomendacje usprawnień uwzględniające opinie i odczucia grup docelowych nowego rozwiązania.",items:[{title:"Scenariusz badania",text:"Przygotowanie pytań badawczych i harmonogramu spotkań."},{title:"Rekrutacja respondentów",text:"Poszukiwanie osób, które są aktualnymi lub potencjalnymi odbiorcami aplikacji."},{title:"Seria 10 wywiadów pogłębionych",text:"Realizacja rozmów z respondentami."},{title:"Analiza danych",text:"Wnioskowanie na podstawie zgromadzonych danych."}]},profiles:{nav:ec,items:[{title:"O Ani",text:"Ania jest matką dwójki dzieci oraz żoną kochającego męża, który wspiera ją, kiedy tylko może. Proces kulinarny zaczyna od szukania inspiracji w Google oraz pytania rodziny, na co mają ochotę.",image:{src:"\u002Fimg\u002Fprojects\u002Finteria\u002Fcontent\u002Fprofile-woman.svg",width:305,height:243,alt:"woman image"},imageWidth:42,profile:{name:"Anna",location:"Gniezno, Polska",likes:"23 lata",favorites:"Rodzina, dzieci, gotowanie"},listsTitle:aE,lists:[{title:ed,items:["Zdrowe gotowanie","Szczęście rodziny","Zbilansowana dieta","Szybkie i syte posiłki","Dania średniobudżetowe"]},{title:ee,items:["Zwraca uwagę na składniki","Wybiera substytuty drogich produktów","Dostosowuje kuchnie pod męża i dzieci","Chce się dzielić umiejętnościami","Jest wrażliwa na opinię","Kupuje książki kulinarne","Intensywnie poszukuje inspiracji","Uczy się i eksperymentuje w kuchni","Czuje presję płynącą z otoczenia"]}]},{title:"O Robercie",text:"Szef kuchni małego lokalu gastronomicznego na przedmieściach. Fan kuchni wegetariańskiej oraz indyjskiej. W celu urozmaicenia dań szuka inspiracji na portalach polskich i zagranicznych oraz rozwija bloga kulinarnego.",image:{src:"\u002Fimg\u002Fprojects\u002Finteria\u002Fcontent\u002Fprofile-man.svg",width:248,height:280,alt:"man image"},imageWidth:bm,profile:{name:"Robert",location:ef,likes:"41 lat",favorites:"Szef kuchni, gotowanie"},listsTitle:aE,lists:[{title:ed,items:["Rozwój umiejętności kulinarnych","Wysokiej jakości potrawy","Otworzenie lokalu gastronomicznego w centrum","Zorganizowanie większej kuchni","Nawiązanie nowych kontraktów "]},{title:ee,items:["Gotuje więcej niż zjada on oraz klienci","Gotuje, aby się utrzymać","Pisze regularne wpisy na blogu","Odtwarza dania z internetu","Współpracuje z innymi szefami kuchni","Czuje presję ekonomiczną","Korzysta z grup i portali kulinarnych","Interesuje go efekt końcowy i opinia","Eksperymentuje z własnym alkoholem"]}]}]},trends:{nav:"Komendy głosowe",title:"Globalny trend",text:"Rozwiązania wykorzystujące komendy głosowe zyskują wielu entuzjastów na całym świecie. Intuicyjność oraz łatwość obsługi niezależnie od sytuacji przekonują nawet osoby mniej zainteresowane nowinkami technologicznymi. Rezultatem naszych badań było nie tylko doprecyzowanie profili użytkowników, lecz także analiza potencjału drzemiącego w komendach głosowych.",tooltip:{title:"Asystent gotowania",text:"Podczas wywiadów respondenci wykazali duży entuzjazm dla automatyzacji procesów gotowania oraz przygotowywania listy składników."}}}},{title:bO,next:e,prev:aV,componentName:"PortfolioInteria05",content:{video:{src:"\u002Fimg\u002Fprojects\u002Finteria\u002Fcontent\u002Finteria.mp4",alt:t},intro:{title:"Warsztaty Design Thinking online",text:"W ramach drugiego etapu projektu przeprowadziliśmy 2 sesje warsztatowe. Wspólnie z użytkownikami wypracowaliśmy zakres funkcjonalności oraz wstępny układ strony głównej aplikacji."},details:{title:"Empatyzacja",text:"Kluczowym elementem procesu Design Thinking jest bliższe zrozumienie użytkowników oraz ich potrzeb. Podczas warsztatów poznawaliśmy opinie i identyfikowaliśmy uczucia, które towarzyszą gotowaniu na różnych etapach procesu. Uwzględniliśmy także potrzeby osób publikujących przepisy w serwisie np. blogerów kulinarnych."},solution:{title:"Rozwiązywanie problemu",text:"Ważnym etapem w trakcie warsztatów jest postawienie uczestników przed problemami, które muszą wspólnie rozwiązać. Obserwacja zachowań oraz dyskusji pozwala zrozumieć kluczowe punkty do dalszej analizy. Uczestnicy inspirowali siebie nawzajem i generowali dużo pomysłów, które mogą stać się potencjalnymi kierunkami rozwoju aplikacji."}}},{title:e,prev:bO,componentName:"PortfolioInteria06",content:{title:e,text:"W efekcie całego procesu badawczego, składającego się z wywiadów pogłębionych i warsztatów Design Thinking, zgromadziliśmy duży zakres istotnych informacji. Analiza danych stała się podstawą do zaprojektowania kluczowych projektów funkcjonalnych. Agregując interesujące wnioski i rekomendacje opracowaliśmy szczegółową dokumentację stanowiącą podstawę do dalszych prac projektowych oraz wdrożeniowych.",stats:[{value:do0,label:"Respondentów"},{value:bP,label:"Wywiadów pogłębionych"},{value:eg,label:"Sesje warsztatów Design Thinking"},{value:"67",label:"Stron raportu"},{value:eh,label:"Kluczowych projektów funkcjonalnych"}]}}]},coral:{theme:"coral",logo:"\u002Fimg\u002Fprojects\u002Fcoral\u002Flogo.svg",lightLogo:d,directory:"PortfolioCoral",items:[{title:g,next:h,componentName:"PortfolioCoral01",content:{tags:[bQ,dW,c],title:"Coral Travel",subtitle:"Dla miłośników niezapomnianych podróży i wyjątkowego UX",text:"Użyteczny i funkcjonalny serwis www lidera branży turystycznej. Proces planowania wakacji nie może być już łatwiejszy.",explore:j,bg:am,video:{src:"\u002Fvideo\u002Fportfolio\u002Fcoral\u002Fhero_video.mp4",muted:d,autoplay:d,loop:d}}},{title:h,next:a,prev:g,componentName:"PortfolioCoral02",content:{title:"Najlepszy kierunek",text:"Już na pierwszych warsztatach ustaliliśmy, że w przygotowaniu nowego serwisu www najważniejsze jest zorientowanie na potrzeby i oczekiwania użytkowników. Dzięki sprawnej komunikacji zaprojektowaliśmy serwis internetowy w pełni odpowiadający na potrzeby biznesowe wiodącego europejskiego touroperatora Coral Travel.",bg:am,screen:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-homepage-scroll.png",screenMobile:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-mobile-scroll.png",features:[["Audyt i analiza poprzedniego serwisu","Analizy benchmarkingowe","Zorientowane na użytkownika badania UX","Architektura informacji serwisu","Makiety funkcjonalne i UI"]]}},{title:a,next:b,prev:h,componentName:"PortfolioCoral03",content:{bg:am,title:dp,text:"Wypracowanie wysokiej użyteczności serwisu, poprawa przejrzystości nawigacji, intuicyjność wyszukiwarki oraz uspójnienie wszystkich udostępnianych informacji dla klientów biura podróży było dla nas nie lada wyzwaniem.",textToggle:{title:"Nowy wymiar podróży użytkowników serwisu",text:"Wzrost konwersji, sprawniejszy remarketing, usprawnienie i unowocześnienie procesu zakupowego to tylko niektóre wartości dodane dla naszego klienta. Z powodzeniem wdrożyliśmy wiele udoskonaleń, działań angażujących użytkowników serwisu, takich jak interaktywne quizy czy zaawansowana wyszukiwarka."},screen:{image:bx,frame:an,before:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-slider-3.png",after:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-slider-2.png"}}},{title:b,next:c,prev:a,componentName:"PortfolioCoral04",content:{bg:am,ux:{title:"Badania użyteczności",text:"Przeprowadzone badania użyteczności serwisu internetowego podniosły jakość warstwy funkcjonalnej projektu i obecnie umożliwiają sprawniejszą realizację celów biznesowych biura podróży Coral Travel. Każda z sesji składała się z zadań scenariuszowych realizowanych przez grupę badawczą oraz elementów wywiadu pogłębionego.",image:ei,image2:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-ux-circle-image.png",details:[{color:"#00549F",text:"grupy respondentów",number:"4"},{color:"#0093D0",text:"średni czas rozmowy",number:"90 min"},{color:"#FFFFFF",text:"zidentyfikowanych problemów o wysokim priorytecie",number:"14"}]},wireframe:{image:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-miro.png",pins:[{x:ej,y:ek,title:"Nowa architektura informacji",text:"Na potrzeby projektu zaprojektowaliśmy zupełnie nową architekturę informacji, co pozwoliło na usprawnienie procesu wyszukiwania ofert podróży."},{x:bR,y:al,title:el,text:"Nawigacja w serwisie jest intuicyjna i łatwa w identyfikacji dla użytkowników."},{x:aY,y:em,title:"Ścieżki użytkowników",text:"Dobrze zaprojektowane ścieżki użytkowników to droga do skutecznych konwersji."}]},slider:{title:"Użyteczne nowe funkcjonalności",text:"Przeprowadzone audyty pozwoliły nam na wdrożenie rozwiązań, które zachęcają użytkowników do zakupów. Wprowadziliśmy zmiany w głównej nawigacji, strukturze treści i wzajemnych zależnościach między elementami, nazewnictwie oraz sposobie wyszukiwania usług.",frame:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-image-slider-frame.svg",screens:{images:[{base:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-image-slider-1.png",side:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-image-slider-1-side.png"},{base:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-image-slider-2.png",side:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-image-slider-2-side.png"},{base:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-image-slider-3.png",side:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-image-slider-3-side.png"}]},slides:[{title:"Zaawansowana wyszukiwarka",text:"Wyszukiwanie wycieczek jest teraz prostsze i bardziej przyjazne użytkownikowi. Zadbaliśmy o najdrobniejsze szczegóły, dzięki temu to użytkownik decyduje, w jaki sposób chce przeglądać ofertę biura podróży Coral Travel."},{title:"Filtry",text:"Podstawowe wyszukiwanie nie zawsze wystarcza. W ramach projektu funkcjonalnego stworzyliśmy zaawansowane filtry, dzięki którym klienci mogą sprecyzować swoje zapytania."},{title:"Proces zakupowy",text:"Dobrze zaprojektowana oferta wpływa bezpośrednio na proces decyzyjny klientów. Wyszukiwarka w serwisie jest jak rozmowa z klientem. Zadbaliśmy aby każdy etap był czytelny i realizował cele strategiczne."}]},summary:{image:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-summary-image.png",title:"Strefa Klienta",text:"Klienci Coral Travel nie muszą się już martwić o formalne aspekty dotyczące zbliżającego się wyjazdu. Wszystkie niezbędne dokumenty uporządkowaliśmy i zebraliśmy w jednym miejscu.",pins:[{x:k,y:Q,title:t,text:"Główna nawigacja pozwala odnaleźć to, czego użytkownik poszukuje w serwisie w krótkim czasie."},{x:ej,y:ek,title:t,text:"Klienci biura podróży Coral Travel z łatwością mogą odnaleźć najważniejsze informacje i niezbędne dokumenty dotyczące zbliżającej się podróży."},{x:G,y:en,title:t,text:"Ważne dla użytkowników powiadomienia nie są już ukryte w serwisie."}]}}},{title:c,next:e,prev:b,componentName:"PortfolioCoral05",content:{bg:am,top:{title:"Doświadczenia użytkowników",text:"Zasady i dobre praktyki UX to podstawa naszej pracy. Dzięki temu stworzyliśmy serwis, który generuje konwersje i realizuje cele strategiczne klienta. To zdecydowanie projekt dla miłośników dobrych podróży i dobrego UX!",image:{frame:an,img:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-ux-1.png",side:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-ux-1-side.png"},sub:"Zidentyfikowaliśmy elementy warte poprawy, przykładem jest wdrożenie przejrzystego i intuicyjnego panelu podróżnych."},quiz:{image:{frame:an,img:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-ux-2.png",side:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-ux-2-side.png"},sub:"Podróż idealna? Klienci mogą uzupełnić krótki quiz i odpowiadając na kilka pytań znajdują idealne dopasowane dla siebie oferty."},booking:{wireframe:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-ux-5.png",image:{frame:an,img:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-ux-3.png"},sub:"Nowy CoralTravel.pl pozwala na dopasowanie warunków podróży zgodnych z potrzebami klientów. W łatwy sposób można wybrać ulubione miejsca w samolocie."},bottom:{sub:"Dbając o dobry UX zaprojektowaliśmy ciekawą alternatywę angażującej strony 404, dzięki której użytkownik dłużej zostaje w serwisie.",image:{frame:an,img:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-ux-4.png"}}}},{title:e,prev:c,componentName:"PortfolioCoral06",content:{bg:am,title:e,text:"Badania, warsztaty, testy i mnóstwo zupełnie nowych insightów to efekt naszej wspólnej pracy. Zaprojektowane przez nas podstrony znacząco poprawiły estetykę i zwiększyły konwersje serwisu internetowego. Dzięki wprowadzonym zmianom stworzyliśmy przejrzysty układ strony głównej, przemodelowaliśmy proces zakupowy i ujednoliciliśmy główne funkcje serwisu.",image:{frame:an,img:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-result-image.png"},link:"https:\u002F\u002Fwww.coraltravel.pl\u002F",review:{quote:"„Pragniemy wyrazić pełne zadowolenie ze współpracy z Crafton i polecamy tę firmę jako rzetelnego, solidnego i profesjonalnego partnera posiadającego odpowiednie zasoby aby dostarczyć zaawansowane serwisy internetowe.”",author:"Patryk Michałek",position:"Kierownik Działu Marketingu Cyfrowego",image:"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-profile.svg"}}}]},stc:{theme:aR,darkBg:d,effect:aR,logo:"\u002Fimg\u002Fprojects\u002Fstc\u002Flogo-white.svg",directory:"PortfolioSTC",items:[{title:g,next:j,componentName:"PortfolioSTC01",content:{tags:[b,c,y,eo],title:"Saudi Telecom Company",subtitle:"Technologia ułatwiająca życie",text:"Cyfrowe projekty realizowane podczas trwającej już ponad 3 lata współpracy zwiększają komfort obsługi klientów oraz efektywność pracy zespołu STC.",explore:j}},{title:h,next:a,prev:g,componentName:"PortfolioSTC02",content:{title:"Innowacyjne usługi transformujące gospodarkę Arabii Saudyjskiej",text:"Wspólnie z bliskowschodnim liderem rynku telekomunikacyjnego pracowaliśmy nad pobudzeniem potencjału sprzedażowego online dla innowacyjnych rozwiązań technologicznych m.in. IoT. Dodatkowo realizując cele strategiczne firmy angażujemy się w rozwój aplikacji cyfryzujących organizację: systemu do przetargów online STC Tendering, aplikacji onboardingowej dla nowych pracowników Hayyak oraz digital workplace AlTakyah.",features:[[L,O,v,u,bS],[w,X,ep,aF,ax]],grid:["Aplikacja webowa\ni mobilna Hayyak","Serwis korporacyjny\nSTC Solutions",eq,"Digital workplace\nAlTakyah"]}},{title:a,next:aV,prev:h,componentName:"PortfolioSTC03",content:{intro:{projects:[er,bT,es,"AlTakyah"],title:a,text:"Ciągły rozwój STC wymaga strategii, która wyznacza kierunek dalszych zmian. Jednym z jej filarów jest zapewnienie dostępności rozwiązań cyfrowych oraz przejrzystej ścieżki pozyskiwania i utrzymania klientów. Rozpoczęliśmy współpracę, by zadbać o wysoki poziom świadomości odbiorców w różnych punktach styku z marką. Szereg wymagań biznesowych skonfrontowany z potrzebami użytkowników był podstawą do realizacji kilku projektów."},tasks:{text1:"Do naszych zadań należało zaprojektowanie i wdrożenie narzędzia usprawniającego proces przetargowy oraz zwiększającego satysfakcję zaangażowanych grup docelowych.",text2:"Nad uproszczeniem procesów w organizacji oraz komunikacji wewnętrznej pracują nasi dwaj programiści, którzy jako członkowie zespołu IT STC rozwijają funkcjonalny digital workplace dla pracowników firmy."},solution:{title:B,text:"Realizując każdy z projektów jeszcze lepiej poznajemy środowisko, w którym operuje nasz Klient. Dzięki temu możemy przygotowywać rozwiązania spełniające wymagania rynku Arabii Saudyjskiej. Jednocześnie uwzględniamy najnowsze trendy i podnosimy poprzeczkę cały czas wyżej. Wdrażane funkcjonalności odbierane są pozytywnie przez grupy docelowe, co pozwala nam kontynuować rozwój poszczególnych aplikacji."}}},{title:bU,next:H,prev:a,componentName:"PortfolioSTC04",content:{intro:{nav:"Prostota nawigacji",navTag:er,title:"Innowacyjne usługi i rozwiązania",text:"W ramach nowego serwisu internetowego STC Solutions dbamy o intuicyjność nawigacji oraz interaktywność komponentów. Przejrzysta architektura informacji pozwala sprawnie przeglądać ofertę i skontaktować się z dostawcą. Atrakcyjna szata graficzna wzbogacona językiem korzyści zachęca do spojrzenia w przyszłość w celu opracowania strategii cyfryzacji przedsiębiorstw już dzisiaj."},flow:{nav:et,navTag:bT,text:"Świeżo zatrudnieni pracownicy STC dołączają do nowego środowiska pracy sprawnie i bez większych problemów. Dział HR wykorzystuje w tym celu aplikację webową oraz mobilną Hayyak. Rozwijamy ją stale w ramach sprintów projektowych, dostarczając nowe funkcjonalności i ułatwiając pierwsze dni pracy. Angażujące wyzwania zachęcają użytkowników do korzystania z aplikacji oraz odkrywania ciekawostek na temat firmy.",items:[{title:eu},{title:bV},{title:bB},{title:aZ},{back:N,title:ev},{title:ew},{back:E,title:ex},{title:ey}]},interactivity:{nav:ez,navTag:bT,slides:[{image:{src:"\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Fslide1-4.png"},title:"Wirtualne biuro",text:"Użytkownicy mają niezwykłą możliwość sprawdzić swoje miejsce pracy czy firmową restaurację jeszcze przed rozpoczęciem współpracy. Angażująca ścieżka zwiedzania biura pozwala podróżować między budynkami, piętrami i pomieszczeniami. Wytrwali odblokowują kolejne poziomy oraz mają szansę zdobyć wyjątkową nagrodę."},{image:{src:"\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Fslide2-4.png"},title:"Szkolenia on-line",text:"Jeszcze przed pierwszym dniem pracy użytkownicy otrzymują dostęp do bazy wiedzy STC. Częścią onboardingu jest dopasowany do ich przyszłego stanowiska cykl szkoleń. Nasze intuicyjne rozwiązanie pozwala na wygodną realizację kursów oraz bieżące śledzenie postępów. Osobisty rozwój potwierdzają certyfikaty, które pracownik może bezpośrednio opublikować w serwisie społecznościowym LinkedIn lub Twitter."},{image:{src:"\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Fslide3-4.png"},title:"Program dla absolwentów",text:"W trakcie prac nad aplikacją zdecydowaliśmy się poszerzyć projekt o dodatkową grupę docelową: absolwentów. Uruchamiany co roku program stażowy wymaga dedykowanego zakresu funkcjonalności. Z myślą o tej grupie dodaliśmy szereg usprawnień m.in. panel zarządzania projektami i zadaniami. Hayyak stał się kluczową aplikacją do weryfikacji postępu programu oraz komunikacji z bardziej doświadczonymi kolegami z pracy."}]},info:{nav:"Dostęp do informacji",navTag:es,title:"Postępowanie przetargowe online",text:"Jedno z wprowadzanych przez nas usprawnień procesów wewnętrznych firmy STC związane jest z ogłaszaniem przetargów. Po analizie aktualnych mechanizmów zaproponowaliśmy system z rozbudowanymi kontami użytkowników. Atrakcyjna szata graficzna idealnie uzupełnia zaawansowane funkcjonalności związane z przeglądaniem bazy przetargów, ofertowaniem, negocjowaniem warunków i zarządzaniem procesami przetargowymi.",image:{src:"\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Finfo-screen-4.png",width:687,height:478,alt:"screen"},graph:{groups:[{subjects:[{avatar:"\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Favatar1-4.png",label:"Specjalista ds. zaopatrzenia"},{avatar:"\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Favatar2-4.png",label:"Dział zamówień"}],items:[{title:"Stworzenie nowego\nprzetargu"},{title:"Weryfikacja\npoprawności\nprzetargu"},{title:"Akceptacja\ni publikacja\nprzetargu"},{title:"Zaproszenie\ndostawców\ndo udziału"}]},{subjects:[{avatar:"\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Favatar3-4.png",label:"Dostawca"}],items:[{title:"Akceptacja zaproszenia"},{title:"Zapoznanie się\nz wymaganiami"},{title:eA},{title:"Złożenie oferty"}]}],finalSteps:[{title:"Analiza przesłanych ofert"},{title:"Etap negocjacji cenowych"},{title:"WYBÓR DOSTAWCY"}]}}}},{title:H,prev:bU,next:e,componentName:"PortfolioSTC05",content:{intro:{title:"Kilka zespołów programistów",text:"Realizacja dużej liczby projektów dla STC w przeciągu ostatnich lat wymaga od nas jednoczesnej pracy kilku dedykowanych zespołów programistów. Do każdego z projektów rekomendujemy optymalne technologie, by przygotowywać płynnie działające i niezawodne aplikacje oraz serwisy internetowe. Na wyróżnienie zasługuje zespół AlTakyah, który jako część większego zespołu IT STC, wdraża digital workplace ściśle współpracując z Saudyjskimi kolegami."},section1:{title:"Aplikacja webowa i mobilna Hayyak",text:"Podczas prac programistycznych wdrożyliśmy szereg interesujących funkcjonalności takich jak interaktywny przewodnik po systemie, rozbudowane quizy czy moduł grywalizacji połączony z wirtualnym zwiedzaniem biura. Administratorzy mogą w wygodny sposób zarządzać różnymi rolami użytkowników i treściami przy wykorzystaniu dedykowanego systemu CMS. Publikacja aplikacji jest możliwa dla różnych organizacji dzięki łatwej personalizacji wyglądu całego rozwiązania m.in. logotyp, kolory.",grid:[a_,bW,eB,eC]},section2:{title:"Digital workplace AlTakyah",text:"Wdrażana platforma pozwala na szybką komunikację wewnętrzną firmy oraz efektywne zarządzanie wnioskami dzięki licznym integracjom z innymi systemami. Realizując aplikację korzystamy z najnowszych rozwiązań front-endowych takich jak m.in. framework Tailwind CSS. Jednocześnie na bieżąco rozwijamy dokumentację komponentów w formie interaktywnego style guide.",grid:[a_,bW,"\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Fgrid-laravel.png","\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Fgrid-wave.png"]},section3:{title:eq,text:"Poza standardowym systemem do publikowania przetargów wdrożyliśmy także moduł zarządzania przebiegiem realizacji przetargu. Wszelkie formalności, w tym wystawienie faktur, odbywają się za pośrednictwem naszego systemu. Znaczącym udogodnieniem dla dostawców jest integracja dwukierunkowa z systemem ERP, co pozwala na agregację danych i funkcjonalności w jednym miejscu.",grid:[a_,bW,eB,eC]},section4:{title:"Serwis korporacyjny STC Solutions",text:"W ramach projektu byliśmy odpowiedzialni za wdrożenie warstwy front-end i back-end serwisu internetowego STC Solutions oraz integrację z zewnętrznym systemem relacji inwestorskich. Poza standardowym układem dla wersji angielskiej przygotowaliśmy także wszystkie widoki w formie RTL dla wersji arabskiej. Po zrealizowanych przez nas szkoleniach liczni redaktorzy serwisu wygodnie modyfikują treści wykorzystując system WordPress. Aktualnie stale dbamy o rozwój serwisu w ramach obsługi bieżącej.",grid:["\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Fgrid-js.png","\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Fgrid-html.png","\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Fgrid-css.png",a_,"\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Fgrid-wordpress.png"]}}},{title:e,prev:H,componentName:"PortfolioSTC06",content:{image:{src:"\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Fphoto-6.png",width:466,height:503,alt:"girl with tablet"},title:"Solidny partner",text:"Kontynuacja współpracy z STC pozwala nam rozwijać interesujące projekty, które wspierają pracowników firmy w codziennych obowiązkach. Rosnące zaangażowanie użytkowników systemów ukazuje, jak ewoluuje ich środowisko pracy. Wprowadzane funkcjonalności usprawniają procesy wewnętrzne oraz bezpośrednio wpływają na efektywność pracowników.",achievements:{title:"Co osiągnęliśmy?",items:["Poprawa satysfakcji z onboardingu wśród nowych pracowników","Ułatwienie procesu składania ofert przetargowych","Prawie dwukrotny wzrost liczby wniosków w systemie AlTakyah"]},stats:[{value:"6",label:"projektów"},{value:eD,label:"specjalistów"},{value:"500",label:"wdrożonych widoków"}]}}]},ssc:{theme:"ssc",darkBg:d,logo:"\u002Fimg\u002Fprojects\u002Fssc\u002Flogo-white.svg",directory:"PortfolioSSC",items:[{title:g,next:j,componentName:"PortfolioSSC01",content:{bg:a$,tags:[b,c,y,ba],title:"Saudi Space Commission",subtitle:"Mały krok dla człowieka, a wielki dla Saudyjskiej Komisji Kosmicznej",text:"Interaktywny serwis www prezentujący inicjatywy i programy przemysłu kosmicznego w Arabii Saudyjskiej.",explore:j}},{title:h,prev:g,next:a,componentName:"PortfolioSSC02",content:{bg:a$,intro:{title:"Strona rządowa dla sektora kosmicznego Arabii Saudyjskiej",text:"Projekt tworzony od podstaw dla Saudyjskiej Komisji Kosmicznej z myślą o dostarczeniu jak najlepszych wrażeń dla użytkownika oraz poczuciu wspólnej podrózy kosmicznej."},section1:{title:"Analiza konkurencji i konsultacje UX",text:"Wejście w nową branżę to zawsze ciekawe doświadczenie dla zespołu. Faza User Experience obejmowała analizę konkurencji, serię spotkań z Klientem i opracowanie architektury informacji. Wszystko, by w jak największym stopniu poznać oczekiwania grupy docelowej oraz cele biznesowe."},section2:{title:"Projekty funkcjonalne oraz graficzne",text:"Zaopatrzeni w sporą dawkę wiedzy zaczynamy kreować nowe rozwiązania. Wstępne pomysły przekładamy na projekty funkcjonalne, które dokładniej określają strukturę nowego serwisu internetowego. Ciekawa linia kreatywna w połączeniu z dbałością o detale poskutkowała prawdziwie kosmicznym projektem graficznym."},section3:{title:"Warstwa front-end i back-end",text:"Żeby przyspieszyć prace już po pierwszych zaakceptowanych projektach graficznych rozpoczęliśmy wdrażanie warstwy front-end. Dedykowana grafika wymagała dopracowania wielu mikrointerakcji, by przeglądanie treści stało się wyjątkowym doświadczeniem. Poziom wizualny został wsparty poprzez wdrożenie funkcjonalności po stronie back-endu oraz systemu zarządzania treścią dla wygodnej edycji danych w przyszłości."}}},{title:a,prev:h,next:b,componentName:"PortfolioSSC03",content:{bg:a$,challenge:{title:a,text:"Chcąc dostarczyć unikalne doświadczenie dla użytkowników rozpoczęliśmy realizację projektu od stworzenia Big Idea. Określenie głównego kierunku późniejszych decyzji dodało nam sporą dawkę kosmicznej energii. Następnie stanęliśmy przed wyzwaniem zaprojektowania rozwiązania, które pozwoli użytkownikom poczuć motyw podróży i zachęci do dalszej eksploracji serwisu. A wszystko tylko w 30 dni!"},idea:{title:"Big Idea Projektu",text:"Opracowując koncepcję nowego serwisu internetowego wyłoniliśmy cztery aspekty, które przyświecały nam podczas wszystkich etapów realizacji projektu."},features:[{title:eE,text:"Serwis dostępny dla wszystkich typów użytkowników, dzięki czemu mogą swobodnie podróżować i odkrywać świat SSC."},{title:eF,text:"Unikalne i zapadające w pamięć doświadczenia użytkownika, pozwalające dołączyć do kosmicznej podróży na dłużej."},{title:et,text:"Przejrzysta architektura informacji oraz zrozumiałe treści, dbające o bezproblemową podróż użytkownika w nowym serwisie."},{title:ez,text:"Interaktywne i animowane elementy zwiększające zaangażowanie użytkowników na różnych etapach podróży."}]}},{title:b,next:eG,prev:a,componentName:"PortfolioSSC04",content:{bg:a$,features:{title:"Założenia UX",text:"Już podczas pierwszych spotkań projektowych z Klientem udało nam się określić główne aspekty, jakie powinny charakteryzować nowy serwis internetowy. Jasna ich identyfikacja pozwoliła nam zachować spójność podczas realizacji oraz nigdy nie tracić wspólnego celu z oczu.",image:"\u002Fimg\u002Fprojects\u002Fnajiz\u002Fcontent\u002Fdiagram.png",items:["Intuicujna nawigacja wspierająca podróż użytkownika","Wyniki wyszukiwania z możliwością filtrowania","Funkcjonalna struktura strony","Szybki dostęp do najważniejszych informacji","Spójne przedstawienie projektów SSC"]},process:{title:"Proces Projektowy",text:"Dzięki ścisłej kooperacji z naszym Klientem mamy pewność dopasowania rozwiązań do realiów branży kosmicznej oraz oczekiwań użytkowników pochodzących z Arabii Saudyjskiej. Zarówno studenci, obywatele Arabii Saudyjskiej, jak i inwestorzy znajdą w serwisie internetowym niezbędne informacje, by odkryć potencjał drzemiący w SSC.",items:[{title:"Analiza grup docelowych"},{title:"Opracowanie strategii oraz Big Idea"},{title:U},{title:"Projekt graficzny interfejsu użytkownika"},{title:w},{title:X}]},profile:{profile:{text:aw,cite:"”Stale szukam nowych możliwości inwestycji. Szczególnie w kontekście innowacyjnych rozwiązań”"},name:dL,position:dM,location:dN,job:dO,likes:dP,favorites:dQ,devices:{label:aB,items:[{icon:eH,label:eI},{icon:eJ,label:eK}]},stats:[{label:dR,value:100},{label:dS,value:87},{label:dT,value:83},{label:dU,range:{begin:bJ,end:dV},value:cP}]}}},{title:eG,prev:b,next:e,componentName:"PortfolioSSC05",content:{bg:"\u002Fimg\u002Fprojects\u002Fssc\u002Fcontent\u002Fbg-ui.png",title:"Atrakcyjny User Interface łączymy z niezawodną technologią",text:"Zgromadzone materiały przyczyniły się do opracowania jasnej strategii komunikacji dla nowego serwisu www. Stosunkowo wczesne rozpoczęcie wdrożenia pozwoliło na realizację projektu w krótkim zakresie czasowym. Kodowanie warstwy front-end uwzględniającej wiele mikrointerakcji uzupełniliśmy warstwą back-end opartą o WordPress CMS.",feature:{title:eL,text:eM},features:[{title:eL,text:eM},{title:"Interaktywna linia czasu",text:"Działania Saudyjskiej Komisji Kosmicznej na przestrzeni czasu można podziwiać w formie atrakcyjnego timeline’u. Odwiedzający przeglądając kolejne wydarzenia dowiaduje się coraz więcej oraz zauważa szerokie spektrum funkcjonowania Komisji."},{title:"Dedykowany odtwarzacz audio",text:"Jednym z wybranych przez SSC form przekazu wiedzy są nagrania audio. W celu nadania im wyjątkowego charakteru zdecydowaliśmy się na wdrożenie customowego odtwarzacza dopasowanego do identyfikacji wizualnej marki."}]}},{title:e,prev:b,componentName:"PortfolioSSC06",content:{title:"Efektowny serwis internetowy",text:"Dedykowany zespół projektowy sprostał wyzwaniu. W miesiąc udało nam się wdrożyć nowy serwis internetowy Saudi Space Commission. Wykorzystany system zarządzania treścią WordPress pozwolił na optymalizację warstwy back-end, stabilne, bezpieczne i szybkie działanie całego serwisu. Wraz z atrakcyjną wizualnie warstwą front-end zapewniają użytkownikom niezapomnianą podróż w kosmos, na długo zapadającą w pamięć.",link:"https:\u002F\u002Fsaudispace.gov.sa\u002Fen\u002Fhome\u002F",stats:[{value:"30",label:"dni do wersji live",fractionOf:bb},{value:"94",label:"wydajność serwisu",fractionOf:"100"},{value:eN,label:"unikalnych widoków",fractionOf:bb}]}}]},poznanairport:{theme:eO,effect:eO,logo:"\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Flogo-color.svg",directory:"PortfolioPoznanAirport",items:[{title:g,next:j,componentName:"PortfolioPoznanAirport01",content:{video:"\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fpoznanairport.mp4",tags:[b,c,y,ba],title:"Port Lotniczy Poznań",subtitle:"Rozwiązanie bardziej dostępne dla pasażerów",text:"Kompletnie nowy layout, intuicyjna nawigacja i przejrzysty rozkład lotów online - tak prezentuje się nowy serwis internetowy poznańskiego lotniska Ławica.",explore:j}},{title:h,prev:g,next:a,componentName:"PortfolioPoznanAirport02",content:{intro:{title:"Wygodna w nawigacji, a przy tym atrakcyjna wizualnie",text:"Zaprojektowana strona lotniska Ławica ułatwia dostęp do informacji o rozkładzie lotów oraz oferowanych usługach. We wdrożonym rozwiązaniu odpowiedzieliśmy na potrzeby zarówno pasażerów, jak i linii lotniczych.",runway:"\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Frunway.png",plane:"\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Fplane.png",features:[[v,u,w,X,aF,ax]]},features1:{text1:eP,image1:eQ,text2:eR,image2:eS},features2:{text1:eT,image1:eU,text2:eV,image2:eW},features3:{text1:eX,image1:eY}}},{title:a,prev:h,next:_,componentName:"PortfolioPoznanAirport03",content:{achievement:{title:a,text:"Serwis internetowy poznańskiego lotniska Ławica ma nie tylko dostarczać niezbędnych informacji związanych z lotami i obsługą pasażerów, lecz także być miejscem inspirującym do podróży. Do naszych zadań należało uwzględnienie w strukturze serwisu miejsca dla opisu kierunków czy wycieczek partnerów lotniska.",image:"\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Fscreen_1.png"},photos:{left:"\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Fmask.png",right:"\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Fmask-1.png"},solution:{title:B,text:"Współpraca z Portem Lotniczym Poznań-Ławica zaowocowała opracowaniem odświeżonej koncepcji serwisu, na którą składa się wiele nowych komponentów. Teraz użytkownicy z łatwością odnajdują konkretne treści przydatne podczas zbliżającej się podróży oraz odkrywają dokąd warto polecieć z Poznania. Niezależnie od sytuacji dostęp do serwisu jest wygodny dzięki w pełni responsywnemu wdrożeniu. Nawet tuż przed wylotem czy po wylądowaniu, korzystając z urządzenia mobilnego ;-).",image:"\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Fscreen_2.png"}}},{title:_,prev:a,next:H,componentName:"PortfolioPoznanAirport04",content:{ux:{title:bU,text:"Każdy szczegół ma znaczenie.\nOpracowując koncepcję nowego serwisu internetowego lotniska Ławica zadbaliśmy o użyteczność komponentów oraz wysoki poziom dostępności treści.",image:"\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Fdiagram.png"},ui:{title:ay,text:du,image:"\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Fscreen-pins.png",pins:[{x:n,y:f,title:dE,text:"Najnowszy trend w projektowaniu ilustracji wykorzystuje przesadne proporcje i raczej nietypowe schematy kolorystyczne, aby stworzyć cudownie nierealistyczne ilustracje."},{x:m,y:s,title:"Slider",text:eZ},{x:r,y:n,title:"Kategorie",text:eZ}]},features1:{text1:eP,image1:eQ,text2:eR,image2:eS},features2:{text1:eT,image1:eU,text2:eV,image2:eW},features3:{text1:eX,image1:eY}}},{title:H,prev:_,next:e,componentName:"PortfolioPoznanAirport05",content:{title:"Wdrożenie i wsparcie",text:"Serwis internetowy Port Lotniczy Poznań-Ławica wdrożyliśmy w oparciu o system zarządzania treścią CMS WordPress. W toku prac zaimplementowane zostały interaktywne plany lotniska, wyszukiwarka połączeń lotniczych, interaktywna mapa połączeń, a także tablica przylotów i odlotów. Dodatkowo przeprowadziliśmy integrację z licznymi systemami partnerów lotniska m.in. rezerwacja hoteli, wynajem samochodów, zakup wycieczek. Na stronie zastosowaliśmy zasady accessibility (WCAG 2.0), aby ułatwić dostęp każdemu użytkownikowi. Aktualnie nadal współpracujemy z Klientem, by stale dbać o rozwój serwisu internetowego lotniska.",items:[{image:"\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Fservice3.png",text:"Bieżąca obsługa projektowa"},{image:"\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Fservice2.png",text:"Dalszy rozwój serwisu o nowe funkcjonalności"},{image:"\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Fservice1.png",text:"Optymalizacja i aktualizacja WordPressa"}]}},{title:e,prev:bX,componentName:"PortfolioPoznanAirport06",content:{title:e,text:"Przejrzystość, prostota nawigacji, odpowiedź na potrzeby pasażerów i partnerów biznesowych - tak prezentuje się nowy serwis internetowy lotniska Ławica. Zaprojektowana od podstaw strona ułatwia dostęp do najważniejszych informacji o rozkładzie lotów oraz w atrakcyjny sposób przybliża użytkownikom usługi dostępne na lotnisku. Wynajem sali na spotkanie biznesowe, szybka rezerwacja parkingu czy zamówienie hotelu to tylko kilka klików! Pozytywne wrażenia użytkowników oraz zaangażowanie zespołu sprawia, że już kolejny rok dbamy o dalszy rozwój serwisu.",link:"https:\u002F\u002Fpoznanairport.pl",counter:{value:"620445",label:"linijek kodu"},reviews:{quote:"Pragniemy wyrazić pełne zadowolenie ze współpracy z Agencją Crafton i polecamy tę firmę jako rzetelnego, solidnego i profesjonalnego partnera posiadającego odpowiednie zasoby aby dostarczyć zaawansowane serwisy internetowe.",author:"Błażej Patryn",position:"Rzecznik w Port Lotniczy Poznań-Ławica",images:[{image:"\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Flawica_review1.png"},{image:"\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Flawica_review2.png"}]}}}]},ghc:{theme:"ghc",darkBg:d,logo:"\u002Fimg\u002Fprojects\u002Fghc\u002Flogo-black.svg",directory:"PortfolioGHC",items:[{title:g,next:j,componentName:"PortfolioGHC01",content:{tags:[b,c,y,ba],title:"Gulf Health Council",subtitle:"Nie tylko UX, ale także zaawansowana technologia",text:"Szybko działająca strona z treściami wideo oraz interaktywną mapą regionu. Wdrożenie systemu CMS WordPress obejmujące rozbudowany formularz aplikacyjny.",explore:j}},{title:h,prev:g,next:a,componentName:"PortfolioGHC02",content:{title:"Szerzymy świadomość zdrowotną w regionie",text:"Instytucje związane z opieką zdrowia w Krajach Zatoki Perskiej wspólnie dbają o rozwój regionu w tym aspekcie. Gulf Health Council daje możliwości administracyjne i finansowe do realizacji strategii dostarczającej z roku na rok coraz wyższy poziom opieki medycznej dla obywateli. Wspólnie stworzyliśmy miejsce w Internecie, gdzie szerokie spektrum odbiorców może poznać najnowsze działania podejmowane przez Radę.",features:[[v,U,"Projekty graficzne"],[w,X]],image:"\u002Fimg\u002Fprojects\u002Fghc\u002Fcontent\u002Fscreen2.png"}},{title:a,prev:h,next:b,componentName:"PortfolioGHC03",content:{achievement:{title:a,text:"Uwzględniając międzynarodowy zasięg projektu Gulf Health Council nowy serwis internetowy powinien odpowiadać na potrzeby zarówno użytkowników niezaznajomionych z działaniami Rady, jak i osób mocno związanych z tą instytucją. Odzwierciedlenie różnorodności person (m.in. obywatele, pracownicy medyczni) w strukturze serwisu było podstawą do stworzenia intuicyjnego rozwiązania. Jako istotny aspekt projektu wyróżniono zaprojektowanie i wdrożenie spersonalizowanych modułów dostosowanych do różnorodnych wymagań funkcjonalnych."},steps:[{y:P,text:"Research",features:[e_,e$,"Persony wraz ze ścieżkami użytkowników"]},{y:al,text:"Strategia",features:["Wyznaczenie celów nowego serwisu","Określenie koncepcji kreatywnej","Dobór funkcjonalności"]},{y:ab,text:"Implementacja",features:[u,w,"Przygotowanie systemu zarządzania treścią"]},{y:aW,text:"Testy i weryfikacja",features:["Testy jakościowe serwisu","Zarządzanie serwerem, komponentami i danymi","Realizacja fazy deployment"]},{y:aX,text:fa,features:[L,"Bieżąca obsługa interaktywna","Propozycje rozwiązań i usprawnień serwisu"]}],solution:{title:B,text:"Postawiliśmy na ciekawe, nieszablonowe podejście do prezentacji kluczowych treści. Zaprojektowaliśmy interaktywną mapę regionu, dzięki której użytkownik może wybrać kraj członkowski i zapoznać się z obowiązującymi tam przepisami sanitarnymi. Wdrożyliśmy dostosowany do potrzeb system CMS WordPress, który pozwala na elastyczną edycję serwisu przez administratorów strony.",frame:"\u002Fimg\u002Fprojects\u002Fghc\u002Fcontent\u002Fscreen-frame.png",before:"\u002Fimg\u002Fprojects\u002Fghc\u002Fcontent\u002Fbefore.png",after:"\u002Fimg\u002Fprojects\u002Fghc\u002Fcontent\u002Fafter.png"}}},{title:b,prev:a,next:c,componentName:"PortfolioGHC04",content:{title:Y,text:"Szeroki zakres świadczonych usług, od dostarczania ważnych informacji zdrowotnych dla obywateli po rejestrację leków na terenie każdego z państw członkowskich GHC, stanowił duże wyzwanie.\n\nStworzyliśmy nową architekturę informacji (AI), która ułatwia nawigację w serwisie oraz pozwala na szybki dostęp do treści w ramach zróżnicowanych kategorii. Obywatele lub firmy, zainteresowane programami GHC, szybko znajdą potrzebną pomoc i informacje.",image:"\u002Fimg\u002Fprojects\u002Fghc\u002Fcontent\u002Fux.png",pins:[{x:fb,y:.03,title:"Przejrzyste menu",text:"Nawigacja na stronie dzięki dobrze zaplanowanej architekturze informacji jest nie tylko łatwa, ale też w ustrukturyzowany sposób pozwala na dotarcie do szerokiego spektrum danych."},{x:Q,y:P,title:"Aktualności w czasie rzeczywistym",text:"Intuicyjna edycja strony znacząco przyspiesza proces dodawania treści przez pracowników instytucji, a tym samym skraca czas oczekiwania użytkowników portalu na nowe wiadomości."},{x:aY,y:M,title:"Szybki dostęp",text:"Dedykowane miejsce promujące istotne funkcjonalności skraca ścieżkę dotarcia do informacji oraz pozwala administratorom systemu dynamicznie reagować na sytuację w regionie."},{x:.29,y:.41,title:fc,text:"Użytkownicy są na bieżąco z aktualnymi informacjami oraz wydarzeniami w regionie dzięki komponentowi na stronie głównej, z którego wygodnie korzysta się także w wersji mobilnej serwisu."},{x:bY,y:bY,title:"Realizowane programy",text:"Gulf Health Council w każdym z krajów członkowskich realizuje wiele programów z zakresu opieki zdrowotnej. Interaktywna sekcja pozwala użytkownikom zapoznać się z najważniejszymi z nich."},{x:fd,y:.64,title:"Przedstawienie Rady",text:"Dla użytkowników chcących poznać cele i działania GHC przygotowaliśmy krótki opis oraz bezpośrednie przekierowania do ważnych treści już z poziomu strony głównej."}],photos:[{src:"\u002Fimg\u002Fprojects\u002Fghc\u002Fcontent\u002Fux_screen_1.png",width:fe,height:ff},{src:"\u002Fimg\u002Fprojects\u002Fghc\u002Fcontent\u002Fux_screen_2.png",width:bc,height:q},{src:"\u002Fimg\u002Fprojects\u002Fghc\u002Fcontent\u002Fux_screen_3.png",width:bc,height:q}]}},{title:c,prev:b,next:e,componentName:"PortfolioGHC05",content:{title:"Strona główna z interaktywną mapą",text:"Dzięki współpracy specjalistów z działów User Experience i User Interface, powstał indywidualne zaprojektowany portal z atrakcyjną warstwą wizualną, umożliwiającą czytelny dostęp do najważniejszych treści. Mnogość elementów interaktywnych sprawia, iż użytkownicy z zainteresowaniem zapoznają się z treściami i chętnie regularnie wracają, by sprawdzić nowości.",image:"\u002Fimg\u002Fprojects\u002Fghc\u002Fcontent\u002Fghc_pins_screen.png",pins:[{x:Q,y:af,title:"Panel z informacjami o kraju",text:"Dla każdego z krajów przygotowaliśmy atrakcyjne zdjęcie w konturze mapy. Dedykowany panel zawiera aktualności, krótką charakterystykę działań oraz ogłoszenia związane z realizowanymi programami."},{x:aG,y:bZ,title:"Interaktywna mapa",text:"Już na stronie głównej użytkownik może skorzystać z interaktywnej mapy regionu. Więcej informacji o państwach tworzących Gulf Health Council jest dostępnych po kliku w kraj lub jego flagę w nawigacji bocznej."},{x:s,y:Q,title:fc,text:"Konferencje, webinary i inne istotne wydarzenia prezentowane są w formie przejrzystego kalendarza. Użytkownik sam decyduje, jaki format dat chce przeglądać oraz z łatwością dowiaduje się więcej o wydarzeniach, a nawet importuje je do własnego kalendarza."}]}},{title:e,prev:bX,componentName:"PortfolioGHC06",content:{title:e,text:"Dzięki zaangażowaniu naszych specjalistów i reprezentantów Gulf Health Council powstała intuicyjna strona internetowa. W ciekawy sposób podejmuje ona temat kampanii edukacyjnych związanych ze zdrowiem oraz pomagających w walce z pandemią.\n\nDodatkowo stworzyliśmy część serwisu poświęconą karierze w GHC. Rozbudowany formularz aplikacyjny z łatwym panelem zarządzania kandydatami i automatycznym systemem wysyłania powiadomień to znaczące ułatwienie pracy działu HR. Wszystkie funkcjonalności serwisu są dostępne z systemu zarządzania treścią, dzięki czemu zakres tematyczny może być dynamicznie rozwijany w odpowiedzi na bieżącą sytuację na świecie.",link:"https:\u002F\u002Fghc.sa",items:[{value:"3",label:"sesje warsztatowe"},{value:"5",label:"przeanalizowanych person"},{value:bP,label:"kluczowych projektów funkcjonalnych"},{value:eD,label:"unikalne projekty graficzne"},{value:"10k",label:"wyświetleń w pierwszym tygodniu"}],testimontial:{person:fg,text:"“W trakcie współpracy Agencja Interaktywna Crafton wykazała się wartym docenienia zaangażowaniem i pełną dyspozycyjnością. Zaproponowane rozwiązania funkcjonalne i technologiczne, doświadczenie Agencji i jej innowacyjność umożliwiły wdrożenie od podstaw serwisu Żabka Play spełniającego wszystkie nasze oczekiwania, a także najwyższe normy użyteczności.”",role:fh},stats:{photo:fi,video:fj}}}]},zabka:{theme:"zabka",darkBg:d,logo:"\u002Fimg\u002Fprojects\u002Fzabka\u002Flogo-color.svg",logoSecondary:"\u002Fimg\u002Fprojects\u002Fzabka\u002Flogo-white.svg",directory:"PortfolioZabka",toggleLogo:[E,I,ac],items:[{title:g,next:j,componentName:"PortfolioZabka01",content:{tags:[b,c,aH],title:"Żabka",subtitle:"Kolorowy świat zabaw i edukacji",text:"Nagradzana employer brandingowa aplikacja mobilna dedykowana dzieciom pracowników największej sieci retail w Polsce.",explore:j}},{title:h,prev:g,next:a,componentName:"PortfolioZabka02",content:{title:"Aplikacja mobilna dla dzieci",text:"Wspólnie z Żabka Polska przygotowaliśmy serwis i aplikację mobilną Żabka Play. Rozwiązanie powstało z myślą o dzieciach pracowników, współpracowników oraz franczyzobiorców Żabki. Użytkownicy korzystają z wielu pomysłów na spędzanie wolnego czasu, oglądają przedstawienia teatralne czy czytają ciekawostki o otaczającym świecie.",features:[[v,u,w,X],["Wdrożenie pełnej aplikacji mobilnej",ax,fk]],client:{title:"Żabka Polska",text:"To największa w Polsce, sieć niewielkich sklepów spożywczych. Jedna z najbardziej rozpoznawalnych marek w kraju. Sieć nieustannie się rozwija (ponad 7 tys. sklepów) i stawia na nieszablonowe, nowatorskie rozwiązania. Żabka Polska otworzyła w 2021 w Poznaniu, swój pierwszy bezobsługowy sklep, Żappka Store, gdzie nie ma ani kas, ani sprzedawców. Aplikacja mobilna Żappka jest tutaj niezbędna do zakupów."}}},{title:a,prev:j,next:_,componentName:"PortfolioZabka03",content:{title:"Koniec nudy",text:"W marcu 2020 roku sytuacja rodzin w Polsce uległa zmianie na skutek pandemii koronawirusa. Nowa rzeczywistość przyniosła zmianę form pracy, a także konieczność nauki zdalnej dla wielu uczniów. Żabka Polska postanowiła sprostać nowemu wyzwaniu oraz pomóc całym rodzinom jakościowo spędzać wspólny czas.",image:"\u002Fimg\u002Fprojects\u002Fzabka\u002Fcontent\u002Fscreens-mix.png",bottomText:{title:"Żabka Play",text:"Stworzyliśmy serwis edukacyjno-kreatywny dla dzieci i rodziców. Wartości firmy znalazły odzwierciedlenie w kolorowym świecie Żabka Play. Łączy on w sobie pomysły pozwalające na indywidualną zabawę dzieci podczas pracy zdalnej rodziców oraz pomysły na aktywności dla całej rodziny spędzającej więcej niż zazwyczaj czasu w domu."},pins:[{x:b_,y:Q,title:"Taby",text:"Szybki dostęp do 7 stref tematycznych."},{x:aG,y:bZ,title:"Kafel artykułu",text:"Sugerowane treści dostosowane do wieku dziecka."},{x:ab,y:x,title:"Kafel youtube",text:"Szybki dostęp do edukacyjnych treści filmowych."},{x:ag,y:bY,title:"Formularz",text:"Prosty formularz dodawania profilu dziecka."},{x:x,y:aG,title:"Player",text:"Dedykowane playlisty muzyczne na wyciągnięcie ręki."}]}},{title:b,next:H,prev:a,componentName:"PortfolioZabka04",content:{title:"Atrakcje dla każdego",text:"Podstawowym założeniem nowej aplikacji był dostęp do dedykowanych treści dla różnych grup wiekowych. Dodając profil dziecka z określeniem jego wieku rodzice są spokojni o dostosowanie poziomu treści. To właśnie na tej podstawie filtrujemy prezentowane materiały jednocześnie dbając o ich wysoki poziom merytoryczny.",profiles:[{avatar:"\u002Fimg\u002Fprojects\u002Fzabka\u002Fcontent\u002Favatar-boy-3.png",name:"Adaś",location:"Szczecin, Polska",likes:fl,favorites:"Gry karciane, klocki, puzzle",devices:{label:aB,items:[{icon:bF,label:bG},{icon:bH,label:bI}]}},{avatar:"\u002Fimg\u002Fprojects\u002Fzabka\u002Fcontent\u002Favatar-boy-2.png",name:"Marek",location:ef,likes:9,favorites:"Gry planszowe, łamigłowki, puzzle",devices:{label:aB,items:[{icon:eH,label:eI},{icon:eJ,label:eK}]}},{avatar:"\u002Fimg\u002Fprojects\u002Fzabka\u002Fcontent\u002Favatar-girl-4.png",name:"Majka",location:"Kraków, Polska",likes:ai,favorites:"Lalki, konie, pieski",devices:{label:aB,items:[{icon:bF,label:bG},{icon:bH,label:bI}]}}],slides:[{image:{src:"\u002Fimg\u002Fprojects\u002Fzabka\u002Fcontent\u002Fiphone_screen_1.png"},title:"Kategorie tematyczne",text:"Wygodne przełączanie się między kategoriami na liście z artykułami oraz dedykowana wersja kolorystyczna każdej z kategorii."},{image:{src:"\u002Fimg\u002Fprojects\u002Fzabka\u002Fcontent\u002Fiphone_screen_2.png"},title:"Konkursy zachęcające do działania",text:"Możliwość realizacji zadań z nagrodami m.in. poszukiwanie wskazówek w artykułach i wysyłanie zdjęć prac za pośrednictwem formularza konkursowego."},{image:{src:"\u002Fimg\u002Fprojects\u002Fzabka\u002Fcontent\u002Fiphone_screen_3.png"},title:"Książki online",text:"Dedykowany moduł umożliwiający przeglądanie publikacji online oraz zapisanie jej na urządzeniu."},{image:{src:"\u002Fimg\u002Fprojects\u002Fzabka\u002Fcontent\u002Fiphone_screen_4.png"},title:"Zabawy interaktywne",text:"Urozmaicające serwis akcje specjalne, przykładowo prosty kreator kartek świątecznych dla młodszych dzieci."}]}},{title:H,prev:b,next:e,componentName:"PortfolioZabka05",content:{title:H,text:"Sprawne wdrożenie systemu było możliwe dzięki wykorzystaniu frameworka Nuxt.js oraz Laravel. Żabka Play została wyposażona w wysoki poziom zabezpieczeń oraz jeden z najnowocześniejszych systemów uwierzytelniania. Dzięki najnowszej wersji PHP możliwa jest stała optymalizacja rozwiązania oraz obsługa zwiększonego ruchu użytkowników w czasie akcji specjalnych.\n\nRealizacja projektu w oparciu o dwie bazy danych (Redis, MySQL) pozwala efektywnie zarządzać treściami w nowym serwisie. Dedykowany panel administratora jest nie tylko w wygodny w obsłudze, ale także elastyczny i dostosowany do wymagań Klienta. ",image:"\u002Fimg\u002Fprojects\u002Fzabka\u002Fcontent\u002Fzabka_features.png",pins:[{x:dm,y:$,title:"Szybkie logowanie kodem QR",text:t},{x:bK,y:Q,title:"Zarządzanie dostępem do treści przez rodziców",text:t},{x:.79,y:M,title:"Dashboard z najważniejszymi statystykami aplikacji",text:t},{x:b$,y:fm,title:"Personalizacja treści odpowiednich dla wieku dziecka",text:t},{x:x,y:ad,title:"Tworzenie kategorii tematycznych wraz z wyborem koloru",text:t},{x:s,y:ao,title:"Zarządzanie publikowanymi flipbookami",text:t}]}},{title:e,prev:bX,componentName:"PortfolioZabka06",content:{title:"Aplikacja pełna radości",text:"W wyjątkowym czasie pandemii udało nam się w miesiąc zrealizować aplikację mobilną dającą radość dzieciom. Już od pierwszego dnia po uruchomieniu dzieci pracowników Żabka Polska chętnie odwiedzają Żabka Play i biorą udział w aktywnościach.\n\nNa bieżąco wspieramy naszego Klienta w długofalowym dbaniu o rozwiązanie w ramach obsługi interaktywnej.",link:"https:\u002F\u002Fzabkaplay.pl",googlePlay:fn,appStore:fn,items:[{value:"240",label:"postów"},{value:"+16 000",label:"odsłon"},{value:t,label:"Wyróżnienie w konkursie Employer Branding Excellence Awards 2020",icon:"\u002Fimg\u002Fprojects\u002Fzabka\u002Fcontent\u002Folive-award.png"}],reviews:{quote:"W trakcie współpracy Agencja Interaktywna Crafton wykazała się wartym docenienia zaangażowaniem i pełną dyspozycyjnością. Zaproponowane rozwiązania funkcjonalne i technologiczne, doświadczenie Agencji i jej innowacyjność umożliwiły wdrożenie od podstaw serwisu Żabka Play spełniającego wszystkie nasze oczekiwania, a także najwyższe normy użyteczności.",author:fg,position:fh,image:"\u002Fimg\u002Fprojects\u002Fzabka\u002Fcontent\u002Fmask.png",framePhoto:"\u002Fimg\u002Fprojects\u002Fzabka\u002Fcontent\u002Fscreen_ipad.png",video:"https:\u002F\u002Fwww.youtube-nocookie.com\u002Fembed\u002Fm1M0K_4nkpc"}}}]},ipa:{theme:"ipa",logo:"\u002Fimg\u002Fprojects\u002Fipa\u002Flogo-white.svg",logoSecondary:"\u002Fimg\u002Fprojects\u002Fipa\u002Flogo-colored.svg",toggleLogo:[E,ac],directory:"PortfolioIPA",items:[{title:g,next:h,componentName:"PortfolioIPA01",content:{tags:[b,c,aH],title:"Institute of Public Administration",subtitle:"Szeroka oferta materiałów edukacyjnych dla każdego!",text:"Rozbudowana aplikacja edukacyjna, dostosowująca się do potrzeb odbiorcy oraz wspomagająca proces rozwoju.",explore:j}},{title:h,next:ap,prev:g,componentName:"PortfolioIPA02",content:{title:"Ustawiczne samokształcenie",text:"Produkty umożliwiające rozwój osobisty w czasie pandemii COVID-19 stały się niezwykle istotnym elementem życia. Institute of Public Administration (IPA), jako organizacja dbająca o poziom umiejętności pracowników administracji publicznej, postanowiła wyjść naprzeciw tym oczekiwaniom. Wspólnie z Klientem mieliśmy przyjemność zaprojektować rozbudowaną aplikację mobilną oferującą szeroką gamę kursów oraz produktów edukacyjnych.",features:[[L,O,v,u,aa]],image:"\u002Fimg\u002Fprojects\u002Fipa\u002F02\u002Fphone.svg",notes:[{size:r,x:bL,y:s,text:"Badania User Experience (badania ankietowe)"},{size:r,x:1.05,y:ae,text:"Analiza oraz rekomendacje wdrożeniowe"},{size:r,x:fo,y:T,text:"Projekt graficzny aplikacji mobilnej"}]}},{title:ap,next:b,prev:h,componentName:"PortfolioIPA03",content:{title01:a,text01:"IPA zaobserwowała rosnące zapotrzebowanie na rozwiązania związane ze zdalną edukacją doszkalającą w Arabii Saudyjskiej. Nadrzędnym celem jest stworzenie elastycznego narzędzia odpowiadającego na potrzeby rynku pracy, który w ostatnich latach dynamicznie się zmienia. Dedykowane rozwiązanie mobilne ma pozytywnie zaskoczyć nawet najbardziej wymagających użytkowników.",title02:B,text02:"W ramach projektu przygotowaliśmy aplikację dostosowującą się do użytkownika: od dopasowanych treści przez personalizowane komunikaty po oferty odpowiadające poziomowi rozwoju osobistego. Zastosowanie intuicyjnej nawigacji w połączeniu z usystematyzowaną architekturą informacji skracają ścieżki użytkownika i przyspieszają odnalezienie pożądanych treści.",photos:[{src:"\u002Fimg\u002Fprojects\u002Fipa\u002F03\u002Fphoto01.png",width:bc,height:q},{src:"\u002Fimg\u002Fprojects\u002Fipa\u002F03\u002Fphoto02.png",width:fe,height:ff},{src:"\u002Fimg\u002Fprojects\u002Fipa\u002F03\u002Fphoto03.png",width:bc,height:q}],solution:{frame:"\u002Fimg\u002Fprojects\u002Fipa\u002F03\u002FIPA_mockup.png",before:"\u002Fimg\u002Fprojects\u002Fipa\u002F03\u002FIPA_wireframe.png",after:"\u002Fimg\u002Fprojects\u002Fipa\u002F03\u002FIPA_screen.png"}}},{title:b,next:c,prev:ap,componentName:"PortfolioIPA04",content:{ux:{nav:Y,title:"Słuchamy użytkowników",text:"Proces User Experience rozpoczęliśmy od wspólnego warsztatu koncepcyjnego z zespołem Institute of Public Administration, podczas którego wyznaczyliśmy główne cele projektowe. Chcąc odpowiedzieć na potrzeby potencjalnych użytkowników zrealizowaliśmy badania ankietowe. Zgromadzone informacje wraz z danymi z innych źródeł stanowiły podstawę zakresu funkcjonalnego nowej aplikacji. W efekcie przygotowaliśmy dopasowane rozwiązanie zgodnie z oczekiwaniami nie tylko interesariuszy, lecz także przyszłych użytkowników serwisu.",respondents:at},ourWay:{nav:"Nasze podejście",stats:{title:"xd",text:"xdddd",items:[{id:Z,value:at,label:dh},{id:E,value:N,label:"rodzaje person"},{id:I,value:ca,label:"typów produktów"}]}},video:{src:"\u002Fimg\u002Fprojects\u002Fipa\u002F04\u002Fipa.mp4"},analyze:{nav:aT,help:{text:"Przeciągnij kwadrat wzdłuż linii"},points:[{type:C,x:f,y:f,staticLabel:dj,skip:d},{type:C,x:.165,y:f},{type:i,x:bK,y:f,label:"Audyt aktualnych rozwiązań",labelPos:o},{type:i,x:T,y:f,label:"Analiza platform edukacyjnych",labelSubLines:["z całego świata"],labelPos:D},{type:z,x:k,y:f},{type:i,x:k,y:m,label:"Badania ankietowe",labelPos:ah},{type:C,x:k,y:s,staticLabel:bv},{type:z,x:k,y:l},{type:i,x:S,y:l,label:"Tworzenie person",labelPos:o},{type:i,x:ao,y:l,label:bN,labelPos:D},{type:z,x:m,y:l},{type:i,x:m,y:.63,label:"Opracowanie zakresu",labelSubLines:["funkcjonalnego aplikacji"],labelPos:cb},{type:C,x:m,y:n,staticLabel:"Projekt"},{type:z,x:m,y:k},{type:i,x:r,y:k,label:u,labelPos:o},{type:i,x:l,y:k,label:"Desktop i mobile",labelPos:D}]}}},{title:c,next:e,prev:b,componentName:"PortfolioIPA05",content:{title:fp,text:"Dedykowana szata graficzna podkreśla łatwy dostęp do funkcjonalności oraz kieruje uwagę użytkownika na kluczowe elementy aplikacji mobilnej. Wysoka dbałość o szczegóły, mikrointerakcje oraz wypracowana wizualna hierarchia elementów graficznych sprawia, że korzystanie z aplikacji staje się przyjemne i intuicyjne.",phones:[{id:Z,image:{src:"\u002Fimg\u002Fprojects\u002Fipa\u002F05\u002Fphone01.png",width:aq,height:ar},pin:[{x:fq,y:ao,title:"Przypomnienia o nauce",text:"Dedykowana funkcjonalność wspierająca użytkowników w osiąganiu zamierzonych celów. Dzięki niej już nigdy nie zostaną pominięte wyznaczone zadania!"}]},{id:E,image:{src:"\u002Fimg\u002Fprojects\u002Fipa\u002F05\u002Fphone02.png",width:aq,height:ar},pin:[{x:ae,y:x,reverse:d,title:"Webinary oraz klasy online",text:"Cyklicznie organizowane wydarzenia i grupowe nauczanie online stanowią przełom w podejściu do nauczania. Globalizacja wiedzy nigdy nie była tak łatwa."}]},{id:I,image:{src:"\u002Fimg\u002Fprojects\u002Fipa\u002F05\u002Fphone03.png",width:aq,height:ar},pin:[{x:ae,y:x,title:"Główne obszary aplikacji",text:"Logicznie pogrupowane kategorie oraz intuicyjna dolna nawigacja umożliwiają szybki dostęp do głównych obszarów aplikacji bez większego wysiłku."}]},{id:N,image:{src:"\u002Fimg\u002Fprojects\u002Fipa\u002F05\u002Fphone04.png",width:aq,height:ar},pin:[{x:ae,y:x,reverse:d,title:"Powiadomienia",text:"Natywne powiadomienia aplikacji budują zaangażowanie i wpływają na wzrost liczby ukończonych kursów."}]},{id:ac,image:{src:"\u002Fimg\u002Fprojects\u002Fipa\u002F05\u002Fphone05.png",width:aq,height:ar},pin:[{x:ae,y:x,title:"Rozbudowany profil użytkownika",text:"Użytkownik nie tylko może zaktualizować swoje dane, lecz także sprawdzić najnowsze kompetencje za wykonane kamienie milowe oraz zdobyte certyfikaty."}]},{id:ai,image:{src:"\u002Fimg\u002Fprojects\u002Fipa\u002F05\u002Fphone06.png",width:aq,height:ar},pin:[{x:ae,y:x,reverse:d,title:"Integracja Apple Pay i Google Pay",text:"Współcześnie odbiorcy chętnie korzystają ze zintegrowanych systemów płatności mobilnych. Nie mogło ich zabraknąć w naszej aplikacji!"}]}]}},{title:e,prev:c,componentName:"PortfolioIPA06",content:{title:e,number01:cc,title01:"Każde miejsce jest dobre na naukę",text01:"Dzięki współpracy i wysiłkom zespołów dostarczyliśmy funkcjonalny projekt graficzny, który nie tylko cieszy oko, ale również dba o optymalne warunki realizacji kursów online.",number02:cd,title02:"Nowe formy edukacji",text02:"Odpowiadając na potrzeby użytkowników stworzyliśmy miejsce, gdzie nauka przybiera różne formy dopasowane do preferencji odbiorców.",number03:fr,title03:"Dodatkowe funkcjonalności",text03:"W ramach projektu z naszej inicjatywy zaprojektowaliśmy takie rozwiązania jak przypomnienia o nauce czy interaktywne quizy. Wzbogacone ścieżki edukacji poprawiają atrakcyjność aplikacji i wprowadzają motyw grywalizacji."}}]},ofix:{theme:"ofix",logo:"\u002Fimg\u002Fprojects\u002Fofix\u002Flogo-color.png",directory:"PortfolioOfix",items:[{title:g,next:j,componentName:"PortfolioOfix01",content:{tags:[b,c,y,aA],title:"Ofix",subtitle:"Kompleksowe połączenie rozwiązań B2B oraz B2C",text:"Sklep internetowy zorientowany na bezproblemowy proces zakupowy, skierowany do klientów chcących szybko realizować zamówienia.",explore:j}},{title:h,next:a,prev:g,componentName:"PortfolioOfix02",content:{title:"Ecommerce internetowy stworzony z pasją do robienia zakupów",text:"Realizując projekt całkowicie nowej odsłony sklepu Ofix.pl skupiliśmy się na użyteczności oraz szybkim dostępie do najważniejszych funkcjonalności sklepu. Współpracując z zespołem Ofix oraz rozmawiając z użytkownikami serwisu już od samego początku mieliśmy na uwadzę wyzwania, z którymi mierzą się klienci z sektora B2B oraz B2C. Zebrane dane, jak i stała walidacja założeń, pozwoliły nam na wdrożenie zaawansowanego e-sklepu spójnego wizualnie oraz funkcjonalnie, przy jednoczesnym zachowaniu prostoty użytkowania.",features:[[O,v,U,u],[w,X,aF,aa]]}},{title:a,prev:h,next:a,componentName:"PortfolioOfix03",content:{title:a,text:"Nadrzędnym celem projektu było odświeżenie wizerunku spełniające kryteria potrzebne do intuicyjnego poruszania się i dokonywania zakupów przez użytkowników B2B oraz B2C.",solution:{title:B,text:"Ecommerce z ponad 13 tysiącami produktów musi zapewniać pełen komfort z korzystania zarazem będąc elastycznym narzędziem do składania zamówień. Dzięki rozbudowanej wyszukiwarce wykorzystującej silnik Elasticsearch umożliwiamy szybki dostęp do produktów, a intuicyjny i przejrzysty checkout przyspiesza finalizacje każdej transakcji. Dodatkowo usprawniliśmy nawigację oraz wdrożyliśmy dedykowane funkcjonalności B2B ułatwiając tym samym klientom składanie cyklicznych zamówień."}}},{title:b,next:c,prev:a,componentName:"PortfolioOfix04",content:{bg:A,stats:{nav:dg,title:"Proces kreatywny",text:"Proces powstawania skomplikowanego narzędzia sprzedażowego dla klientów biznesowych oraz indywidualnych jest zarazem ekscytujący, jak i wymagający. Znając pułapki, jakie na nas czekały, dokładnie zaplanowaliśmy każdy następny krok. W celu wstępnego rozpoznania przeprowadziliśmy warsztaty przedwdrożeniowe z Klientem, analizę konkurencji oraz badania ankietowe z użytkownikami serwisu. Dodatkowo przeprowadziliśmy serię warsztatów eksploracyjnych i koncepcyjnych, które pozwoliły nam zrozumieć cele biznesowe naszego Klienta. Zebrane dane były idealne, aby wyznaczyć główne kierunki rozwoju oraz stworzyć zestaw rekomendacji i funkcjonalności, które znacząco poprawią komfort korzystania z platformy. Dobrze znając potrzeby użytkowników przystąpiliśmy do tworzenia szczegółowych projektów funkcjonalnych.",items:[{value:"316",label:"godzin analiz, warsztatów i badań"},{value:"472",label:"godzin nad projektem funkcjonalnym i graficznym"},{value:"84",label:"godzin integracji z systemem ERP"}]},analyze:{nav:"Przebieg fazy UX",items:[{title:fs},{title:ft},{title:"Badania z użytkownikami serwisu"},{title:"Warsztaty eksploracyjne i koncepcyjne"},{title:"Ewaluacja systemu"},{title:"Finalna koncepcja"},{title:"Projekty funkcjonalne"}]},research:{nav:fu,boxes:[{title:fs,text:"Pierwszy krok zawsze jest najtrudniejszy, dlatego stawiamy go wspólnie z Klientem. Poznaliśmy nie tylko zespół Ofix, ale również cele biznesowe, które są kluczowe dla sukcesu projektu."},{title:"Warsztaty eksploracyjne",text:"W celu odkrycia obszarów do poprawy spotkaliśmy się w siedzibie naszego partnera, gdzie podczas wykonywania kreatywnych ćwiczeń oraz wspólnej zabawy poznaliśmy najważniejsze procesy, elementy oraz grupy konsumentów platformy."},{title:bN,text:"Znając potrzeby użytkowników oraz cele biznesowe projektu stanęliśmy przed wyzwaniem zaprojektowania i optymalizacji procesów sprzedażowych. W związku z tym przygotowaliśmy zestaw ćwiczeń, dzięki którym opracowaliśmy wspólny kierunek działania."},{title:"Warsztaty technologiczne",text:"W trakcie trwania projektu pojawiły się pomysły oraz możliwości reorganizacji technologicznej. Wraz z zespołem programistów pojawiliśmy się w siedzibie klienta, gdzie wspólnymi siłami wybraliśmy efektywne rozwiązania dotyczące zarządzania treścią oraz produktami."}]}}},{title:c,prev:b,next:e,componentName:"PortfolioOfix06",content:{title:"eCommerce interface",text:"Mając na celu zapewnienie najlepszych wrażeń podczas korzystania z platformy zaprojektowaliśmy interfejs wspierający użytkownika na każdym etapie procesu zakupowego. Spójna wizualnie platforma daje poczucie swobody oraz ułatwia procesy poznawcze, dzięki czemu eksploracja całego sklepu staje się łatwa i intuicyjna. Wyróżniające się elementy “Call to action” wspierają komunikację sprzedażową oraz budują zaangażowanie użytkownika.",image:"\u002Fimg\u002Fprojects\u002Fofix\u002Fscreen_big.png",pins:[{x:fv,y:Q,title:"Atrakcyjna strona główna",text:"Dostosowana hierarchia informacji ułatwia szybkie skanowanie najważniejszych informacji produktowych oraz skraca czas potrzebny użytkownikowi do podjęcia decyzji zakupowej."},{x:bw,y:s,title:"Użyteczna wyszukiwarka",text:"Rozbudowana wyszukiwarka znacząco poprawia jakość wyszukań, tym samym zmniejszając liczbę kliknięć potrzebną do znalezienia i zakupu produktu."},{x:l,y:G,title:"Intuicyjny checkout",text:"Prosty i funkcjonalny checkout łączący możliwości B2B i B2C zapewnia dużą elastyczność oraz buduje poczucie bezpieczeństwa użytkowników."},{x:b$,y:n,title:"Przejrzyste informacje produktowe",text:"Kafle produktowe z najważniejszymi informacjami z punktu widzenia kupującego ułatwiają przeglądanie produktów, a funkcjonalna porównywarka umożliwia ich szybkie zestawienie i porównanie całej listy parametrów."}]}},{title:e,prev:c,componentName:"PortfolioOfix05",content:{title:"Intuicyjny i funkcjonalny ecommerce",text:"W trakcie prawie 2-letniej współpracy dostarczyliśmy zintegrowaną z dedykowanym ERP warstwę front-end platformy sprzedażowej Ofix.pl. Naszym priorytetem było dostarczenie w pełni użytecznego systemu, który jest dostosowany do klientów zarówno z sektora B2C, jak i B2B. Przejrzysty interfejs oraz wykorzystanie dobrze znanych schematów wpływają na pozytywne doświadczenia użytkowników płynące z eksploracji kategorii produktowych. Z kolei wykorzystanie najnowszych technologii pozwoliło na bezproblemową integrację z dedykowanym systemem ERP. Stale współpracując, rozwijamy platformę Ofix.pl o nowe funkcjonalności oraz obszary wspierające użytkowników w ich codziennych zadaniach.",link:"https:\u002F\u002Fwww.ofix.pl\u002F",stats:[{value:"136",label:"projektów graficznych"},{value:eh,label:"osób dedykowanego zespołu"},{value:eg,label:"lata\nwspółpracy"}],reviews:{quote:"Komunikując się z nami zespół Crafton wykazał się niezwykłym zrozumieniem naszych potrzeb. Nasz zespół był na bieżąco informowany i zaangażowany w proces tworzenia. Elastyczność firmy Crafton, jej otwartość i doświadczenie zaowocowało świetną współpracą, nowoczesną i intuicyjną platformą e-commerce, która codziennie wspiera nasz biznes.",author:"Mateusz Lewandowski",position:fw,image:"\u002Fimg\u002Fprojects\u002Fofix\u002Fofix-testimonial.png"}}}]},cle:{theme:"cle",darkBg:aI,logo:"\u002Fimg\u002Fprojects\u002Fcle\u002Flogo.svg",logoSecondary:"\u002Fimg\u002Fprojects\u002Fcle\u002Flogo-white-1.svg",toggleLogo:[ac],directory:"PortfolioCLE",items:[{title:g,next:j,componentName:"PortfolioCLE01",content:{bg:"\u002Fimg\u002Fprojects\u002Fcle\u002Fbg.png",tags:[c,b,aH],title:"CLE Concierge",subtitle:"Luksusowy marketplace ze stylowymi rozwiązaniami",text:"Sprzedaż nowych oraz używanych produktów luksusowych jeszcze nigdy nie była tak łatwa i modna jak teraz!",product:{title:"Saint Laurent",subtitle:"small chain bracelet",price:"$795"},button:"Add to cart",explore:j}},{title:h,next:a,prev:g,componentName:"PortfolioCLE02",content:{bg01:"\u002Fimg\u002Fprojects\u002Fcle\u002Fbg02.png",bg02:"\u002Fimg\u002Fprojects\u002Fcle\u002Fbg03.png",bg03:"\u002Fimg\u002Fprojects\u002Fcle\u002Fbg04.png",title:"Ekskluzywne miejsce dla ludzi ceniących styl",subtitle:"W ramach współpracy z dynamicznie rozwijającym się marketplace CLE w Arabii Saudyjskiej zadbaliśmy o kompleksowe rozwiązanie sprzedażowe. Stworzyliśmy responsywną platformę internetową oraz aplikację mobilną. Wspólnie wypracowany e-commerce charakteryzuje się wysokim poczuciem stylu i licznymi funkcjonalnościami wspierającymi sprzedaż.",list:[[L,O,v,u,bS,aa]]}},{title:a,next:b,prev:h,componentName:"PortfolioCLE03",content:{bg01:ce,bg02:ce,bg03:ce,top:{title:a,text:"Marketplace CLE nie jest kolejnym typowym miejscem zakupów. Prestiż marki podkreślamy już od pierwszego wyświetlenia serwisu. Użytkownicy powinni w łatwy i przyjazny sposób kupować, ale również sprzedawać, produkty marek luksusowych. Ich potrzeby należy odzwierciedlić w zakresie funkcjonalnym. Szczególnie w aplikacji mobilnej istotny jest wysoki poziom konkurencyjności w stosunku do podobnych największych serwisów e-commerce na rynku."},middle:{title:B,text:"Wspólnie z Klientem opracowaliśmy atrakcyjną formę prezentacji produktów w stylistyce premium. Luksusowe akcesoria, torebki lub zegarki przyciągają uwagę odbiorców. Kluczowe funkcjonalności nowego serwisu zidentyfikowaliśmy podczas warsztatów kreatywnych. Przeprowadziliśmy także moderowane badania z udziałem użytkowników pozwalające lepiej zrozumieć oczekiwania i wymagania specyficznej grupy docelowej."},bottom:{title:t,text:t}}},{title:b,next:c,prev:a,componentName:"PortfolioCLE04",content:{ourProcess:{nav:fx,title:Y,text:"Opracowanie koncepcji marketplace na rynek Arabii Saudyjskiej to zarazem spore, jak i ciekawe wyzwanie. Nasze zadanie rozpoczęliśmy od zdefiniowania poszczególnych etapów procesu projektowego. Pozwoliło nam to odnaleźć możliwości oraz zagrożenia projektowe, na które na bieżąco odpowiadaliśmy.",box:"\u002Fimg\u002Fprojects\u002Fcle\u002Fboxcle04.svg"},analyze:{nav:aT,help:{text:bu},points:[{type:C,x:f,y:f,staticLabel:"kickoff",skip:d},{type:C,x:P,y:f},{type:i,x:R,y:f,label:ft,labelPos:o},{type:i,x:l,y:f,label:"Warsztaty wprowadzające",labelPos:D},{type:i,x:ad,y:f,subLabel:"Warsztaty 1:",label:"Persony, user stories",labelPos:o},{type:z,x:k,y:f},{type:i,x:k,y:r,subLabel:"Warsztaty 2:",label:"Card sorting, user journey",labelPos:ah},{type:z,x:k,y:l},{type:C,x:ad,y:l,staticLabel:bv},{type:i,x:l,y:l,label:"Badania z udziałem",labelSubLines:["użytkowników"],labelPos:o},{type:i,x:R,y:l,label:u,labelPos:D},{type:z,x:f,y:l},{type:i,x:f,y:G,label:dk,labelPos:cb},{type:C,x:f,y:S,staticLabel:"projekt graficzny"},{type:i,x:f,y:n,label:w,labelPos:cb},{type:z,x:f,y:k},{type:i,x:m,y:k,label:dl,labelPos:o},{type:i,x:l,y:k,label:"Support podczas integracji",labelSubLines:["z warstwą back-end"],labelPos:o},{type:C,x:ad,y:k,staticLabel:"projekt aplikacji mobilnej"},{type:z,x:k,y:k},{type:i,x:k,y:k,staticLabel:t}]},userProfile:{nav:aw,avatar:{image:"\u002Fimg\u002Fprojects\u002Fcle\u002Favatar.svg",name:"Nawaf",city:"Rijad, Arabia Saudyjska",age:"36 lat",hobby:"Podróże i dobre jedzenie, kryptowaluty, piłka nożna"},title:"O Nawafie",text:"Nawaf jako bankier inwestycyjny przywiązuje uwagę do szczegółów oraz ma wysokie poczucie stylu. Posiada dzieci, aczkolwiek niestety jest rozwodnikiem. Ma wysokie umiejętności technologiczne, przez co stawia na rozwiązania, które zwiększają jego efektywność, nawet gdy wymagają początkowo więcej wysiłku.",userBehavior:{label:aE,goals:{label:"1. Cele",items:[{id:Z,label:"Nawiązywanie nowych kontaktów biznesowych"},{id:E,label:"Posiadanie większego wpływu na otoczenie"},{id:I,label:"Kupowanie produktów premium zawsze w atrakcyjnej cenie"},{id:N,label:"Odkrywanie nowych rozwiązań technologicznych"},{id:ac,label:"Rozwijanie własnego portfela kryptowalut"}]},actions:{label:"2. Akcje",items:[{id:Z,label:"Inwestuje - nie tylko w kryptowaluty"},{id:E,label:"Intensywnie poszukuje inspiracji modowych"},{id:I,label:"Korzysta z aplikacji mobilnych w ruchu"},{id:N,label:"Lubi wypróbować nowe produkty"},{id:ac,label:"Kupuje produkty, które może za darmo zwrócić"},{id:ai,label:"Dba o bezpieczeństwo swoich transakcji"},{id:ca,label:"Korzysta z Twittera"},{id:aU,label:"Czasem dokonuje zakupów lokalnie"}]}},image:"\u002Fimg\u002Fprojects\u002Fcle\u002Fcleimage02.svg"},uxTests:{nav:cf,title:aa,text:"Postawiliśmy na nieszablonowe, ekskluzywne podejście do prezentacji sprzedawanych produktów. W celu weryfikacji koncepcji wykonaliśmy moderowane wywiady pogłębione. W badaniach wzięło udział 30 respondentów. Zapytaliśmy ich o odczucia i przemyślania w kontekście kluczowych funkcjonalności. Poznaliśmy opinię potencjalnej grupy odbiorców oraz na tej podstawie wprowadziliśmy niezbędne modyfikacje.",quotes:{boxed:"„Bardzo prosty, nieskomplikowany proces zmiany hasła. Nie muszę kontaktować się z obsługą klienta, co jest dla mnie dużym plusem.”",colored:"“Strona główna ma przyjazny układ. Dobór koloru czarnego i fioletowego kojarzy mi się z luksusem. Do tego odpowiednia nawigacja od razu pozwoliła mi znaleźć produkty, których szukam.”"},image:"\u002Fimg\u002Fprojects\u002Fcle\u002Fman.svg"}}},{title:c,next:e,prev:b,componentName:"PortfolioCLE05",content:{bg:"\u002Fimg\u002Fprojects\u002Fcle\u002Fclebg.svg",title:"Luksusowe produkty, prestiżowy marketplace",text:"Zgromadzone materiały wykorzystaliśmy do stworzenia projektów graficznych nowego marketplace CLE. Podczas projektowania uwzględniliśmy wiele ścieżek, realizujących różnorodne cele użytkowników. Koncepcję platformy sprzedażowej wzbogaciliśmy o wizard wyszukiwania prezentów, specjalne konto dla użytkowników premium oraz możliwość personalizacji wyświetlanych produktów.",image:"\u002Fimg\u002Fprojects\u002Fcle\u002Fbg07.jpg",pins:[{x:s,y:fo,title:"Prosta i elegancka stylistyka całego serwisu podkreśla trend minimalizmu."},{x:x,y:m,reverse:d,title:"Intrygujące produkty przedstawiane na realnych fotografiach zachęcają do poznania produktu bliżej."},{x:s,y:r,title:"Po zalogowaniu użytkownik może w kilku prostych krokach wystawić używany produkt do sprzedaży w ramach marketplace CLE."},{x:r,y:.78,title:"CLE żyje światem mody - stąd dostęp do magazynu modowego oraz sesji streamingowych na żywo, by stale być na czasie."},{x:ad,y:bw,reverse:d,title:"Produkty luksusowe to też inwestycja - pomagamy użytkownikom CLE śledzić najnowsze zmiany."}]}},{title:e,prev:c,componentName:"PortfolioCLE06",content:{bg:"\u002Fimg\u002Fprojects\u002Fcle\u002Fbg06.png",title:e,text:"Tworząc marketplace w ścisłej współpracy z Klientem dostarczyliśmy projekty dedykowane platformie desktopowej (RWD) oraz aplikacji mobilnej. Warstwa wizualna charakteryzuje się poczuciem stylu, a zakres funkcjonalności wpływa na wysoki poziom użyteczności. Nawet wymagający klienci, pragnący sprawdzonych, licencjonowanych towarów z najwyższej półki, widzą duży potencjał w nowym rozwiązaniu.",items:[{id:Z,value:I,text:"platformy"},{id:E,value:aS,text:"wywiadów pogłębionych"},{id:I,value:N,text:"typy kont użytkowników"},{id:N,value:aU,text:"specjalistów w zespole"}]}}]},photler:{theme:"photler",darkBg:aI,logo:"\u002Fimg\u002Fprojects\u002Fphotler\u002Fphotler.svg",directory:"PortfolioPhotler",items:[{title:g,next:j,componentName:"PortfolioPhotler01",content:{video:"\u002Fimg\u002Fprojects\u002Fphotler\u002Ftest.mp4",bg:"\u002Fimg\u002Fprojects\u002Fphotler\u002Fcontent\u002Fbg.png",tags:[b,c,y,eo,"Branding"],title:"Photler",subtitle:"Startup wspierający pasjonatów fotografii i podróży",text:"Zbudowaliśmy nasz własny produkt typu web-builder umożliwiający podróżnikom tworzenie swoich stron portfolio z fotografiami.",explore:j}},{title:h,next:a,prev:g,componentName:"PortfolioPhotler02",content:{title:"Kreator stron internetowych dla fotografów",text:"Od kwietnia 2016 roku rozwijamy własny produkt. Photler to serwis internetowy dostępny w modelu subskrypcyjnym. Chcemy umożliwić każdemu fotografowi posiadanie niezwykłej strony internetowej dostosowanej do jego wymagań. Wyjątkowe szablony nastawione są na atrakcyjną prezentację zdjęć z naciskiem położonym na fotografię podróżniczą. Dzięki rozbudowanej bazie zdjęć inspirujemy do odwiedzania nawet bardzo odległych zakątków świata.",features:[[v,U,u,w,X],[ax,aa,"Identyfikacja wizualna",fk,"Copywriting"]],image:"\u002Fimg\u002Fprojects\u002Fphotler\u002Fcontent\u002Fuser_panel.png",notes:[]}},{title:a,next:b,prev:h,componentName:"PortfolioPhotler03",content:{bg:A,before:{label:"Jak to się zaczęło?",image:de,text:"Piotr Kulczycki, założyciel Agencji Crafton, od wielu lat jest pasjonatem fotografii i podróży. Odpowiadając na potrzeby innych fotografów zdecydował się stworzyć miejsce ukazujące potencjał drzemiący w zdjęciach."},after:{label:"Startujemy!",image:df,text:"Największym wyzwaniem było przygotowanie kreatora stron internetowych, który umożliwia użytkownikom zarządzanie własnymi serwisami w bardzo intuicyjny sposób. Jednocześnie powinni oni zachować pełną kontrolę nad dodawanymi zdjęciami, a także móc odkryć możliwości biznesowe obecności online (moduł sprzedaży zdjęć). Wszystko sprawnie i szybko, dla osób bez wiedzy programistycznej. Chcemy stale angażować fotografów w budowanie społeczności wokół marki oraz wspólnie poszerzać wiedzę jako ambasadorzy fotografii podróżniczej."},pins:[{x:R,y:cg,title:"Nawigacja główna",text:"Wyróżnienie podstawowych funkcjonalności nastawionych na rozwój społeczności."},{x:m,y:.31,title:"Podróżniczy charakter",text:"Projekt graficzny podkreślający elementy związane z podróżami po całym świecie."},{x:dz,y:.67,title:"Podręczna nawigacja dodatkowa",text:"Kafle kontynentów z alfabetyczną listą krajów oraz skrót do mapy świata z wyszukiwarką."},{x:.19,y:ad,title:"Galeria dnia",text:"Docenienie aktywnych użytkowników poprzez promowanie ich galerii na stronie głównej."},{x:s,y:x,title:"Panel logowania",text:"Szybki dostęp do formularza logowania niezależnie od pozycji w serwisie."}],stats:[{value:"167",label:"odwiedzonych krajów",isReferenced:aI},{value:"115%",label:"wzrost liczby użytkowników",isReferenced:aI},{value:"15M",label:"uploadowanych zdjęć przez użytkowników",isReferenced:aI}]}},{title:b,next:ch,prev:a,componentName:"PortfolioPhotler05",content:{bg:A,ux:{title:"Tworzymy aplikację od podstaw",text:"Prace projektowe rozpoczęliśmy od określenia oczekiwań i preferencji społeczności fotografów podróżników. Zgromadzone dane posłużyły nam do zdefiniowania preferencji głównych grup docelowych, optymalizacji ścieżki użytkownika oraz opracowania zestawu unikalnych funkcjonalności stanowiących wyróżniający się fundament narzędzia.",image:"\u002Fimg\u002Fprojects\u002Fphotler\u002Fcontent\u002Fux_bg.png"},ui:{title:"Dbamy o atrakcyjność wizualną",text:"Projekt graficzny zarówno samego serwisu, jak i szablonów stron portfolio musiał być dopracowany w najmniejszych detalach, a jednocześnie bardzo elastyczny. Naszą uwagę poświęciliśmy także na dostosowanie systemu po zalogowaniu. Przejrzysta szata graficzna nadała aplikacji lekkości, a wdrożony autorski system Crafton CMS umożliwia zarządzanie portfolio w efektywny sposób.",image:"\u002Fimg\u002Fprojects\u002Fphotler\u002Fcontent\u002Fnative_theme.png"},centerImages:{main:"\u002Fimg\u002Fprojects\u002Fphotler\u002Fcontent\u002Fblog.png",side:"\u002Fimg\u002Fprojects\u002Fphotler\u002Fcontent\u002Fnorway.png"},map:{image:"\u002Fimg\u002Fprojects\u002Fphotler\u002Fcontent\u002Fphotler_map.svg",header:"Grupy docelowe",text:"Projektując Photlera staraliśmy się odpowiedzieć na potrzeby różnych grup docelowych. Chcemy stworzyć nie tylko miejsce do gromadzenia fotografii, ale także aktywną społeczność powiększającą się z miesiąca na miesiąc.",pinImage:"\u002Fimg\u002Fprojects\u002Fphotler\u002Flens_pin.svg",pins:[{x:Q,y:aJ,text:"Pasjonaci podróży"},{x:M,y:.53,text:"Profesjonalni podróżnicy"},{x:fy,y:x,text:"Fotografowie amatorzy"},{x:ab,y:fd,text:"Profesjonalni fotografowie"},{x:.87,y:ad,text:"Osoby poszukujące pięknych zdjęć z całego świata"}]},brand:{title:"Budujemy markę z charakterem",text:"Nowy produkt wymaga dopracowanej strategii marketingowej oraz spójnego wizerunku w każdym punkcie styku odbiorców z marką. Na potrzeby Photlera zaprojektowaliśmy dedykowany system identyfikacji wizualnej. W logotypie podkreślamy dynamizm, innowacyjność i otwartość. Proste logo charakteryzuje się mocnym fontem, z kolei sygnet łączy w sobie podróże (globus) oraz fotografię (obiektyw)."},safariPreview:{texts:{left:[{text:"Dedykowane landingi sprzedazowe",threshold:10,maxThreshold:fl},{text:"4 podstawowe szablony oferowanych galerii",threshold:13,maxThreshold:bz},{text:"Panel kreatora stron internetowych",threshold:21,maxThreshold:aS}],right:[{text:"Serwis internetowy Photler",threshold:Z,maxThreshold:aU},{text:"Krokowy formularz rejestracji i tworzenia wlasnego portfolio",threshold:fz,maxThreshold:ak},{text:"Centrum pomocy i blog",threshold:ak,maxThreshold:fA},{text:"Liczne kampanie mailingowe",threshold:76,maxThreshold:cR}]},arrow:"\u002Fimg\u002Fprojects\u002Fphotler\u002Fcurved_arrow.svg",topBar:"\u002Fimg\u002Fprojects\u002Fphotler\u002Fphotler_safari_top_bar.png",images:["\u002Fimg\u002Fprojects\u002Fphotler\u002Fcontent\u002Fphotler_safari.png"]}}},{title:ch,next:e,prev:b,componentName:"PortfolioPhotler04",content:{bg:"\u002Fimg\u002Fprojects\u002Fphotler\u002Fcontent\u002Fphotler_branding_bg.png",arrow1:"\u002Fimg\u002Fprojects\u002Fphotler\u002Fcontent\u002Farrow_1.svg",arrow2:"\u002Fimg\u002Fprojects\u002Fphotler\u002Fcontent\u002Farrow_2.svg",arrow3:"\u002Fimg\u002Fprojects\u002Fphotler\u002Fcontent\u002Farrow_3.svg",improvements:{title:"Ciągłe udoskonalanie",text:"Nie spoczywamy na laurach i stale rozwijamy nasz produkt. Otrzymując realny feedback od użytkowników aplikacji staramy się na bieżąco usprawniać dostępne funkcjonalności. Jako drugi niezależny tor rozwoju przyjęliśmy dodawanie nowych rozwiązań. Do tej pory wdrożyliśmy system zczytywania danych EXIF, automatyczny mechanizm znaku wodnego na fotografiach i moduł komentarzy.",image:"\u002Fimg\u002Fprojects\u002Fphotler\u002Fcontent\u002Fwatermarks_screen.png"},society:{title:"Społeczność pasjonatów fotografii i podróży",text:"Photler nie jest kolejnym zwykłym kreatorem stron internetowych. Specyfika grupy docelowej sprawia, iż utrzymujemy bliski kontakt z naszymi klientami. Wiemy, co u nich się dzieje, dyskutujemy online, a niektórych nawet mieliśmy okazję poznać na żywo. Społeczność dodaje nam skrzydeł. To dla nich organizujemy różne akcje specjalne m.in. inspirujące poniedziałki, kreatywne notesy dla podróżników, ebooki edukacyjne."},activity:{title:"Aktywność międzynarodowa",text:"Niszowość produktu sprawia, iż od pierwszego dnia nastawieni jesteśmy na rynek międzynarodowy. Bierzemy udział w wielu wydarzeniach dedykowanych dla innowacyjnych organizacji m.in. Startup Safary Berlin. Jako jeden ze 100 startupów z całego świata zostaliśmy zaproszeni przez Bank Centralny Libanu do Bejrutu na konferencję BDL Accelerate.",image:"\u002Fimg\u002Fprojects\u002Fphotler\u002Fcontent\u002Fphotler_interview.png"}}},{title:e,prev:ch,componentName:"PortfolioPhotler06",content:{bg:A,stats:{title:"Synergia prostoty i użyteczności",text:"Od początku działalności Photler zgromadził wokół siebie dużą grupę oddanych użytkowników. Stworzone narzędzie oferuje samodzielne uruchomienie strony internetowej z możliwością sprzedaży zdjęć.\n\nWszystko w wyjątkowym, nowoczesnym designie wybranym przez użytkownika oraz dostosowanym do jego preferencji. Społeczność chętnie wchodzi w interakcję z marką i zachęca do podejmowania kolejnych wyzwań.",link:"https:\u002F\u002Fphotler.com\u002F",photo:fi,video:fj},review:{quote:"I have a long history of working with different development teams and creative agencies, and I must admit - there is not even one company that I’ve ever worked with that provides better quality than Crafton.",author:"Agnieszka Boeske",position:fw}}}]},rcgnz:{theme:fB,darkBg:d,logo:"\u002Fimg\u002Fprojects\u002Frcgnz\u002Flogo-white.svg",logoSecondary:"\u002Fimg\u002Fprojects\u002Frcgnz\u002Flogo-color.svg",toggleLogo:[E],directory:"PortfolioRcgnz",items:[{title:g,next:j,componentName:"PortfolioRcgnz01",content:{bg:A,tags:[b,c,aH,aA],title:"RCGNZ App",subtitle:"Zdjęcia z wydarzeń na wyciągnięcie ręki",text:"Prosta i użyteczna aplikacja mobilna w technologii Flutter odpowiadająca na bieżące potrzeby branży eventowej oraz rosnący trend social media oparty o image recognition.",explore:j}},{title:h,next:a,prev:g,componentName:"PortfolioRcgnz02",content:{title:"Rozwiązanie mobilne z modułem rozpoznawania twarzy",text:"Podczas pracy nad aplikacją RCGNZ mieliśmy okazję wspierać naszego Klienta z USA prawie od samego początku. Bazując na głównej idei i pierwszych kilku wizualizacjach opracowaliśmy zakres aplikacji. Dzięki bieżącej konsultacji projektów graficznych wdrożyliśmy dedykowane panele webowe oraz spójne rozwiązanie w oparciu o framework Flutter na system iOS i Android.",features:[["Strategiczne doradztwo projektowe",O,v,U],[w,X,ep,aF]],image:"\u002Fimg\u002Fprojects\u002Frcgnz\u002Fcontent\u002FiPhone.png",notesTheme:fB,notes:[{size:n,x:-.4,y:bL,text:"Dedykowane panele dla różnych typów użytkowników"},{size:n,x:n,y:aJ,text:"Przejrzysty interfejs do zarządzania dużym zakresem danych"},{size:n,x:-.2,y:T,text:"Intuicyjna obsługa aplikacji wykorzystująca gesty"}]}},{title:a,next:b,prev:a,componentName:"PortfolioRcgnz03",content:{bg:A,before:{label:a,text:"Wyobraźmy sobie duże wydarzenie branżowe, setki gości, zespół fotografów. Wszyscy bawią się świetnie, a po spotkaniu chętnie dzielą się informacjami w mediach społecznościowych. Doskonale byłoby obejrzeć zdjęcia, na których Ciebie uwieczniono. Jednak ogromna galeria na Facebooku odstrasza skutecznie. A gdyby było to możliwe bez przeglądania tysięcy zdjęć?"},after:{label:B,text:"Dedykowana aplikacja stworzona została z myślą o organizatorach i uczestnikach eventów. Dzięki łatwemu procesowi check-in tworzymy bazę danych uczestników, którą wykorzystujemy podczas automatycznego rozpoznawania twarzy. Wszystko w jednym narzędziu, wygodnym w obsłudze oraz przyjaznym dla użytkownika."}}},{title:b,next:H,prev:a,componentName:"PortfolioRcgnz04",content:{stats:{title:ds,text:"Stworzenie jednego zespołu kreatywnego wraz z pracownikami Klienta pozwoliło na ścisłą i efektywną współpracę podczas ustalania zakresu projektu. Już od pierwszego spotkania w Nowym Jorku finalny koncept nabierał kształtów. Projekty funkcjonalne przygotowane w oparciu o analizę ścieżek podróży użytkowników ułatwiły komunikację z projektantem graficznym po stronie Klienta. Z kolei kreatywne warsztaty online znacząco podniosły efektywność kooperacji."},process:[{photo:"\u002Fimg\u002Fprojects\u002Frcgnz\u002Fcontent\u002FiPhone_process_1.svg",header:"Nowe wydarzenie",text:"Dzięki implementacji krokowego formularza organizator szybko i wygodnie tworzy nowe wydarzenie. Dodatkowo z łatwością zarządza listą gości oraz uprawnieniami dostępu dla członków zespołu m.in. bramkarzy, fotografów."},{photo:"\u002Fimg\u002Fprojects\u002Frcgnz\u002Fcontent\u002FiPhone_process_2.svg",header:"Check-in gości",text:"Bramkarze pracujący podczas wydarzenia mają dostęp do systemu pozwalający na check-in gościa oraz dodanie jego zdjęcia. Powiadomienia push oraz podgląd statystyk na żywo ułatwia organizatorowi zarządzanie wydarzeniem."},{photo:"\u002Fimg\u002Fprojects\u002Frcgnz\u002Fcontent\u002FiPhone_process_3.svg",header:"Analiza zdjęć",text:"Wysłane przez fotografa zdjęcia są automatycznie poddawane analizie. Organizator otrzymuje zdjęcia z już rozpoznanymi osobami, co usprawnia dalsze ich udostępnianie m.in. w mediach społecznościowych, poprzez dedykowane galerie zdjęć dla gości."}]}},{title:H,next:b,prev:e,componentName:"PortfolioRcgnz05",content:{title:"Nowoczesne technologie mobilne",screen:"\u002Fimg\u002Fprojects\u002Frcgnz\u002Fcontent\u002Fscreen_techs.png",technologies:[{title:"Back-end: PHP Laravel",text:"Aplikacja RCGNZ opiera się na gromadzeniu danych, ich przetwarzaniu oraz automatycznej dystrybucji. Wykorzystaliśmy framework PHP Laravel, który charakteryzuje się wysokim poziomem bezpieczeństwa i elastyczności."},{title:"Aplikacja mobilna: Flutter",text:"Natywną aplikację mobilną wdrożyliśmy na bazie framework’a Flutter. Wykorzystanie języka Dart, optymalna architektura systemu oraz szybkie renderowanie komponentów umożliwia użytkownikom wygodne korzystanie z aplikacji."},{title:"Panel fotografa i galeria gościa: Flutter",text:"Wsparciem dla aplikacji mobilnej są webowe rozwiązania dostosowane do dwóch grup docelowych: fotografów i uczestników wydarzenia. Przygotowaliśmy je w oparciu o framework Flutter, by zachować wysoki poziom wydajności na każdej platformie."},{title:"Liczne integracje: Amazon Face Recognition",text:"Tworzony system został wyposażony w unikalne funkcjonalności oraz zintegrowany z dodatkowymi rozwiązaniami m.in. Amazon Rekognition. Dzięki temu nie tylko rozpoznajemy gości na zdjęciach, ale także analizujemy je pod kątem wielu atrybutów twarzy np. uśmiechu."}]}},{title:e,prev:c,componentName:"PortfolioRcgnz06",content:{bg:A,stats:{title:"Ciągły rozwój ",text:"Kilkanaście miesięcy współpracy za nami, a jeszcze więcej przed nami. Wdrożone funkcjonalności obsługują podstawowe scenariusze użytkowników aplikacji mobilnej RCGNZ. Przygotowane rozwiązanie odpowiada w innowacyjny sposób na potrzeby branży eventowej oraz charakteryzuje się prostotą interfejsu w odróżnieniu do wielu aplikacji konkurencyjnych. Następnym etapem prac jest rozwój aplikacji w oparciu o kolejne scenariusze zidentyfikowane na etapie koncepcyjnym i testowania.",items:[{value:fC,label:"przeanalizowane ścieżki użytkowników"},{value:"155",label:"projektów funkcjonalnych"},{value:eN,label:"map ekranów aplikacji"}]}}}]},g20:{theme:"g20",darkBg:d,logo:"\u002Fimg\u002Fprojects\u002Fg20\u002Flogo-main.svg",directory:"PortfolioG20",items:[{title:g,next:j,componentName:"PortfolioG2001",content:{tags:[b,c,y,ba],title:"Grupa Państw G20",subtitle:"Multimedialna rewolucja wśród prowadzenia obrad",text:"Platforma e-streamingowa dla przedstawicieli największych gospodarek na świecie umożliwiająca bezpieczne i intuicyjne przesyłanie treści.",bg:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-start-bg.jpg",ribbon:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-ribbon.png",image01:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-image-01.png",image02:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-image-02.png",explore:j}},{title:h,next:a,prev:g,componentName:"PortfolioG2002",content:{bgTriangles:aK,cornerTriangle:aL,title:"Zapewniliśmy dostęp do obrad szczytu G20",text:"Grupa G20 to 19 państw oraz Unia Europejska, która raz w roku spotyka się w celu obrad nad wspólną polityką finansową. W 2020 roku organizatorem została Arabia Saudyjska, przed którą stanęło nie lada wyzwanie - konferencja musiała odbyć się online ze względu na panującą pandemię COVID-19. Wspólnie stworzyliśmy platformę e-streamingową, za pośrednictwem której dziennikarze mogli śledzić obrady w bezpieczny sposób.",features:[[L,v,u],[w,X,aF]],tablet01:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg2002-tablet-01.png",tablet02:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg2002-tablet-02.png",photo01:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-photo-01.png",photo02:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-photo-02.png"}},{title:a,next:b,prev:h,componentName:"PortfolioG2003",content:{bgTriangles:aK,cornerTriangle:aL,titleFirst:a,textFirst:"Dużym wyzwaniem, przed którym stanął nasz zespół, był bardzo krótki czas realizacji. Naszym zadaniem było wdrożenie w pełni działającej platformy w przeciągu miesiąca. Za podstawę serwisu uznaliśmy spójny design i funkcjonalne rozwiązania, które miały wspierać użytkowników podczas oglądania relacji na żywo. Zależało nam na osiągnięciu celów biznesowych, jak również na zrozumieniu potrzeb użytkownika końcowego.",titleSecond:B,textSecond:"Stworzyliśmy serwis umożliwiający naszemu Klientowi kompleksową prezentację danych. Poprawnie zaprojektowana architektura informacji zapewnia szybkie odnajdywanie treści na temat wirtualnego szczytu G20. Opracowana koncepcja serwisu internetowego wyróżnia główne funkcjonalności, a interaktywne podstrony zapewniają wysoki poziom zaangażowania użytkowników.",photo01:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-photo-03.png",photo02:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-photo-04.png",screen01:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-tablet-03.png",screen02:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-tablet-04.png",screen03:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-tablet-05.png"}},{title:b,next:H,prev:a,componentName:"PortfolioG2004",content:{bgTriangles:aK,cornerTriangle:aL,title01:"Strategia kreatywna",text01:"Po dokładnym zrozumieniu wstępnych wymagań, rozpoczęliśmy projektowanie nowego rozwiązania. Szczególny nacisk położyliśmy na benchmarking, aby zapoznać się z aktualnymi trendami i rozwiązaniami wykorzystywanymi w podobnych serwisach internetowych. Zebraliśmy kluczowe spostrzeżenia, które stały się przepustką do zrozumienia użytkownika końcowego oraz opracowania zakresu funkcjonalnego. Określiliśmy myśl przewodnią serwisu, wokół której zbudowana została koncepcja kreatywna.",title02:"Nowoczesne rozwiązanie",text02:"Mając solidne ustalenia z fazy UX, zaprojektowaliśmy wizualną część serwisu internetowego. Pamiętając o szerokiej grupie użytkowników zainteresowanych wirtualnym szczytem G20 zapewniliśmy odpowiednią hierarchię treści, rozmiar komponentów oraz paletę kolorów. Elementy te sprawiają, że serwis charakteryzuje się wysokim poziomem użyteczności.",screen01:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-tablet-06.png",screen02:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-tablet-07.png",screen03:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-tablet-08.png",screen04:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-tablet-09.png",pins01:[{x:aY,y:cg,title:"Nawigacja",text:"Zaprojektowaliśmy przejrzystą architekturę informacji z podziałem materiałów prasowych oraz naukowych na kategorie i podkategorie."},{x:ao,y:fv,title:"Śledzenie aktywności G20",text:"Centrum strony głównej stanowi kalendarz, który prezentuje dostępne streamy podczas dwóch dni szczytu. Wydarzenia zostały podzielone na trzy grupy: zakończone, na żywo oraz nadchodzące. Odpowiednio do grup, użytkownik miał możliwość obejrzenia streamu ponownie, w danym momencie lub dodania do swojego kalendarza."}],pins02:[{x:R,y:.39,title:"Elastyczność",text:"Zapewniliśmy użytkownikom możliwość dołączenia do streamu w dowolnym momencie. Dla użytkowników, którzy nie mogli dołączyć w danym momencie, uwzględniliśmy opcję ponownego obejrzenia konferencji."},{x:.61,y:l,title:eE,text:"W celu wyboru tematu streamu najbliższego preferencjom użytkownika zapewniliśmy łatwe przełączanie się między nimi za pomocą bocznego panelu. Do każdego wydarzenia została dołączona opcja share, by użytkownicy szybko mogli podzielić się informacjami ze współpracownikami."}]}},{title:H,next:e,prev:b,componentName:"PortfolioG2005",content:{bgTriangles:aK,cornerTriangle:aL,photo:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-photo-05.png",title01:"Sprawnie i na czas",text01:"Krótki termin realizacji wpłynął na dynamiczną współpracę zespołu developerskiego z projektantami graficznymi. Opracowane wizualizacje wdrożyliśmy uwzględniając nie tylko zakres funkcjonalny, lecz także dbając o pozytywne doświadczenie użytkownika. Delikatne mikrointerakcje sprawiły, że przeglądanie serwisu jest przyjemne. Odbiorcy z chęcią korzystali z proponowanych funkcji m.in. kalendarza wydarzeń. Z kolei prace back-endowe obejmowały takie elementy jak integrację czatu na żywo czy zarządzanie różnymi grupami uprawnień.",title02:"Dyżur 24\u002F7",text02:"Wdrożenie projektu nowej strony internetowej szczytu G20 to nie był koniec naszych zadań. W trakcie obrad nasi specjaliści na bieżąco kontrolowali ataki DDOS, zapewniając tym samym nieprzerwane działanie strony. Nasze zaangażowanie zostało wyróżnione w Top 2020 Achievements Reports przez CITC."}},{title:e,prev:H,componentName:"PortfolioG2006",content:{bgTriangles:aK,cornerTriangle:aL,title:e,text:"Dzięki ścisłej współpracy naszego zespołu specjalistów i osób zaangażowanych ze strony Klienta, dostarczyliśmy w przeciągu miesiąca interaktywny serwis, który ułatwił relacjonowanie wydarzeń szczytu.\n\nDodatkowo strona posłużyła jako informator na temat Arabii Saudyjskiej i pomogła przedstawić kraj Klienta od interesującej perspektywy. Zaprojektowanie widoków prezentujących różne miasta było nie tylko ich wizytówką, ale umożliwiło przekazanie założeń Saudi Vision 2030.",number01:"17",desc01:"przygotowanych projektów graficznych",number02:"96",desc02:"godzin nagrań streamingowych z wydarzenia",number03:bP,desc03:"dni dostępności naszych administratorów 24h\u002Fdobę",video:{photo:"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fg20-video.png",url:"https:\u002F\u002Fwww.youtube-nocookie.com\u002Fembed\u002FXH_LxQD1suI"}}}]},ncbe:{theme:"ncbe",logo:"\u002Fimg\u002Fprojects\u002Fncbe\u002Flogo_color.svg",directory:"PortfolioNCBE",items:[{title:g,next:h,componentName:"PortfolioNCBE01",content:{tags:[b,c,y,fD],title:"King Abdulaziz City for Science and Technology",subtitle:"System do monitorowania etyki badań naukowych",text:"Cyfryzacja procesów opiniowania etycznych aspektów projektów badawczych z udziałem człowieka zgłaszanych przez naukowców i instytucje naukowe.",explore:j,images:{bg:"\u002Fimg\u002Fprojects\u002Fncbe\u002F01\u002Fbg.svg",helix:ci,ipad:aM,website:"\u002Fimg\u002Fprojects\u002Fncbe\u002F01\u002Fwebsite.png"}}},{title:h,next:a,prev:g,componentName:"PortfolioNCBE02",content:{title:"Krajowy Komitet ds. Bioetyki (NCBE) w Arabii Saudyjskiej",text:"Badania naukowe powinny rozwijać dorobek współczesnej nauki, lecz także chronić prawa i bezpieczeństwo osób biorących w nich udział. Wspólnie z NCBE dostarczyliśmy naukowcom oraz pracownikom Komitetu rozwiązanie umożliwiające zarządzanie wnioskami związanymi z badaniami naukowymi realizowanymi na terenie kraju.",list:[[L,O,v],[u,w]],images:{bg:"\u002Fimg\u002Fprojects\u002Fncbe\u002F02\u002Fbg.svg",helix:"\u002Fimg\u002Fprojects\u002Fncbe\u002F02\u002Fhelix.svg",ipad:aM,website:"\u002Fimg\u002Fprojects\u002Fncbe\u002F01\u002Fscreen.png"}}},{title:a,next:b,prev:h,componentName:"PortfolioNCBE03",content:{title01:a,text01:"Rosnące zaangażowanie NCBE w badania naukowe wymaga podkreślenia obecności online oraz weryfikacji dotychczasowych aktywności. Jako główny cel naszych działań określiliśmy ułatwienie komunikacji między naukowcami a pracownikami Komitetu. Analiza obejmowała potrzeby aż 6 grup docelowych i szereg zależności z innymi instytucjami rządowymi.",image:{src:"\u002Fimg\u002Fprojects\u002Fncbe\u002F03\u002Fpath.svg",height:780,width:1110,alt:"Path"},steps:[{y:P,text:eF,features:[e_,e$,"Weryfikacja aktualnych procesów zarządzania wnioskami"]},{y:al,text:bV,features:[d_,"Value proposition canvas","User journey","Affinity diagramming"]},{y:ab,text:aZ,features:["Określenie zakresu funkcjonalnego",v,"Modelowanie procesu wnioskowania online"]},{y:aW,text:fE,features:["Opracowanie trzech linii kreatywnych","Projektowanie graficzne serwisu internetowego","Projektowanie graficzne systemu dla naukowców"]},{y:aX,text:y,features:["Wdrożenie serwisu internetowego","Personalizacja zestawu dashboardów dla różnych grup użytkowników","Wdrożenie systemu dla naukowców"]}],title02:B,text02:"W efekcie naszych działań powstał serwis internetowy o charakterze informacyjnym oraz system do zarządzania aktywnościami Komitetu. Zadbaliśmy o automatyzację procesów wewnętrznych dzięki przeniesieniu działań związanych z weryfikacją etycznych aspektów badań biologicznych i medycznych do narzędzia online. Odpowiednia komunikacja wymagań oraz uproszczenie procedur składania wniosków przekłada się na wysoką efektywność pracy jednostek NCBE, nawet przy dużej liczbie napływających wniosków.",images:{bg:"\u002Fimg\u002Fprojects\u002Fncbe\u002F03\u002Fbg.svg",helix:"\u002Fimg\u002Fprojects\u002Fncbe\u002F03\u002Fhelix1.png",helixLeft:"\u002Fimg\u002Fprojects\u002Fncbe\u002F03\u002Fhelix2.png",ipad:aM,website:"\u002Fimg\u002Fprojects\u002Fncbe\u002F03\u002Fwebsite2.png"}}},{title:b,next:c,prev:a,componentName:"PortfolioNCBE04",content:{userGroups:{nav:"Grupy użytkowników",title:"Dostępność funkcjonalności",text:"Projektując rozwiązanie szczególny nacisk położyliśmy na dostosowanie nowego systemu do poszczególnych grup docelowych. Wiele procesów zmodyfikowaliśmy, by ułatwić zarządzanie wnioskami. Odtąd za pośrednictwem Internetu nie tylko można złożyć wniosek, lecz także cały proces recenzji odbywa się przy wykorzystaniu naszego narzędzia. Wstępna ocena, komunikacja z naukowcem, głosowanie zatwierdzające badanie, konsultacje z instytucjami zewnętrznymi czy nawet raportowanie w trakcie realizacji badań nie wymagają już fizycznej obecności na uczelni.",slider:[{id:Z,avatar:"\u002Fimg\u002Fprojects\u002Fncbe\u002F04\u002Favatar.png",name:"Bandar",role:"Doradca",description:"Naukowiec, który jest członkiem lokalnego komitetu odpowiadającego za weryfikację aspektów etycznych badań naukowych.",problem:{label:cj,text:"Proces wnioskowania i zarządzania badaniami oparty o dokumenty papierowe."},need:{label:ck,text:"Łatwość zarządzania zadaniami dla członków komitetu lokalnego."}},{id:E,avatar:"\u002Fimg\u002Fprojects\u002Fncbe\u002F04\u002Favatar02.png",name:"Bashir",role:"Nowicjusz",description:"Młody naukowiec, który jest w trakcie realizacji pierwszego badania naukowego.",problem:{label:cj,text:"Brak przejrzystości procedur oraz zasad."},need:{label:ck,text:"Zdobycie wymaganiego szkolenia i zarejestrowanie badania."}},{id:I,avatar:"\u002Fimg\u002Fprojects\u002Fncbe\u002F04\u002Favatar03.png",name:"Assel",role:"Ekspert",description:"Doświadczony naukowiec, ktory właśnie rozpoczya swoje szóste badanie w karierze naukowej.",problem:{label:cj,text:"Niepewność odnośnie ciągle zmieniających sie regulacji prawnych."},need:{label:ck,text:"Poszerzanie wiedzy z zakresu etyki."}}]},uxWorkshops:{nav:fu,tiles:[{id:Z,number:cc,text:"Podczas pierwszych warsztatów poznaliśmy bliżej działania oraz kulturę organizacyjną NCBE, jak również użytkowników końcowych. Pomysły wygenerowane podczas wykonania affinity diagramming stanowiły podstawę do zaprojektowania kluczowych funkcjonalności strony informacyjnej."},{id:E,number:cd,text:"Wraz z Komitetem chcieliśmy zaproponować innowacyjne rozwiązania także dla systemu zarządzania jego aktywnościami. W trakcie drugiego spotkania stworzyliśmy user stories dla dwóch kluczowych zadań użytkownika oraz poszukiwaliśmy pomysłów, jak usprawnić te procesy."}]},userFlow:{nav:dK,title:"Proces składania wniosku",text:"Pierwszym kluczowym procesem dla naukowca w nowej platformie jest poprawne złożenie wniosku związanego z planowanymi badaniami naukowymi. Mimo skomplikowanego procesu, jest to zrozumiałe i wygodne dzięki odpowiedniej ścieżce użytkownika oraz przejrzystym formularzom."},images:{bg:"\u002Fimg\u002Fprojects\u002Fncbe\u002F04\u002Fbg.svg",helix:ci,diagram:"\u002Fimg\u002Fprojects\u002Fncbe\u002F04\u002Fdiagram.svg",image:ei}}},{title:c,next:e,prev:b,componentName:"PortfolioNCBE05",content:{title:"Projekt platformy skoncentrowanej na badaniach",text:"Razem z Komitetem stworzyliśmy ponad 20 projektów graficznych w wersji desktop dla strony informacyjnej oraz ponad 80 unikalnych widoków dla systemu zarządzania badaniami. Naszym wspólnym celem było wypracowanie przyjaznego interfejsu, który zwiększy komfort i użyteczność obu platform. W tym celu nasze prace nad portalem NCBE rozpoczęliśmy od stworzenia design systemu z komponentami dla wszystkich kluczowych widoków. Zapewniło nam to spójność oraz umożliwiło realizację projektu w krótkim okresie czasu. Fazę UI zakończyliśmy opracowaniem 4 dashboardów dla kluczowych użytkowników końcowych.",asideText:"Serwis internetowy NCBE pomaga naukowcom oraz komitetom rozwijać wiedzę na temat etyki związanej z realizacją badań naukowych.",subtitle:by,slides:[{image:{src:"\u002Fimg\u002Fprojects\u002Fncbe\u002F05\u002FNCBE_screen_reports.png",style:{width:bd}},title:"Statusy badań naukowych",text:"Opracowaliśmy listy statusów kluczowych funkcjonalności personalizowane dla każdej grupy użytkowników. Dzięki wizualnemu wyróżnieniu statusów zalogowany użytkownik z łatwością znajduje informacje o aktualnym stanie przesłanych dokumentów."},{image:{src:"\u002Fimg\u002Fprojects\u002Fncbe\u002F05\u002FNCBE_screen_dashboard.png",style:{width:bd}},title:"Śledzenie aktywności",text:"Wyznaczenie miejsca dla najnowszych powiadomień umożliwiło nam uzupełnienie dashboardu o dodatkowe informacje oraz zwiększenie jego komfortu i użyteczności."},{image:{src:"\u002Fimg\u002Fprojects\u002Fncbe\u002F05\u002FNCBE_screen_monitoring.png",style:{width:bd}},title:"Monitorowanie efektywności",text:"Zaimplementowane moduły statystyk służą użytkownikom podczas analizowania efektywności prac komitetów poprzez wskaźniki takie jak liczba zatwierdzonych wniosków czy zaopiniowanych raportów."},{image:{src:"\u002Fimg\u002Fprojects\u002Fncbe\u002F05\u002FNCBE_screen_voting.png",style:{width:bd}},title:"Moduł głosowania",text:"Portal NCBE jest nie tylko miejscem do weryfikacji etyki w realizowanych badaniach, ale również platformą do zarządzania spotkaniami zespołów zatwierdzających wnioski."}],images:{bg:"\u002Fimg\u002Fprojects\u002Fncbe\u002F05\u002Fbg.svg",helix:"\u002Fimg\u002Fprojects\u002Fncbe\u002F05\u002Fhelix.png",ipad:aM,website01:"\u002Fimg\u002Fprojects\u002Fncbe\u002F05\u002Fwebsite01.png",website02:"\u002Fimg\u002Fprojects\u002Fncbe\u002F05\u002Fwebsite02.png"}}},{title:e,prev:c,componentName:"PortfolioNCBE06",content:{title:e,items:[{id:Z,title:"Baza wiedzy online",text:"Strona informacyjna umożliwia NCBE dostarczanie najważniejszych informacji ze świata nauki badaczom oraz komitetom lokalnym. Rozbudowana strona z wydarzeniami informuje działaczy naukowych o nadchodzących konferencjach, a zainteresowani użytkownicy mają możliwość rejestracji na wybrane wydarzenie."},{id:E,title:"Funkcjonalny system",text:"Portal dla naukowców znacząco usprawnił bieżącą pracę komitetów naukowych. Użyteczne rozwiązania, takie jak skrzynka wiadomości wewnątrz systemu, pozwalają zaoszczędzić wiele czasu w procesie wnioskowania i zarządzania etyką w badaniach naukowych."},{id:I,title:"Dedykowane konta i zakres uprawnień",text:"Portal NCBE zapewnia kompleksowe zarządzanie badaniami naukowymi - od momentu złożenia dokumentów, poprzez akceptację badania, aż do jego zakończenia. Dodatkowo zaprojektowaliśmy ścieżkę e-learningową, za pomocą której zarejestrowani użytkownicy mogą odbyć kurs uprawniający do składania wniosków."},{id:N,title:"Transparentna komunikacja",text:"Wypracowane razem z Komitetem materiały posłużyły jako baza do zaprojektowania docelowej usługi oraz umożliwiły nam dostarczenie wdrożonej warstwy front-end strony informacyjnej i systemu do zarządzania aktywnościami w zaledwie 4 miesiące."}],images:{bg:"\u002Fimg\u002Fprojects\u002Fncbe\u002F06\u002Fbg.svg",helix:ci,ipad:aM,website:"\u002Fimg\u002Fprojects\u002Fncbe\u002F06\u002Fwebsite.png"}}}]},hrdf:{theme:db,darkBg:d,logo:"\u002Fimg\u002Fprojects\u002Fhrdf\u002Flogos\u002Fhrdf_logo_color.svg",logoSecondary:"\u002Fimg\u002Fprojects\u002Fhrdf\u002Flogos\u002Fhrdf_logo_white.svg",toggleLogo:[I,N,ac],directory:"PortfolioHRDF",items:[{title:g,next:j,componentName:"PortfolioHRDF01",content:{tags:[b,c,y,fD],title:"Human Resources Development Fund",subtitle:"Zintegrowane platformy rekrutacyjno-edukacyjne",text:"Komplementarne aplikacje wspierające procesy rekrutacyjne oraz podnoszenie poziomu kwalifikacji.",explore:j}},{title:h,next:j,prev:g,componentName:"PortfolioHRDF02",content:{bg:"\u002Fimg\u002Fprojects\u002Fhrdf\u002F02\u002Ftlo.png",title:"Rozwój kariery na wyciągnięcie ręki",text:"W ramach współpracy z Human Resources Development Fund (HRDF) stworzyliśmy koncepcję oraz zaprojektowaliśmy dwie platformy. Wspólnie wspieramy mieszkańców Arabii Saudyjskiej w procesie rekrutacyjnym, jak i w podnoszeniu kwalifikacji zawodowych. Dodatkowo przygotowaliśmy widoki dla dwóch natywnych aplikacji mobilnych, które pozytywnie wpływają na zaangażowanie użytkowników. Stanowią one podręczne źródło ofert pracy oraz kursów edukacyjnych.",features:[[L,v,u,bS]],image:{src:"\u002Fimg\u002Fprojects\u002Fhrdf\u002F02\u002Fscreen.png",width:941,height:729,alt:dX},notes:[{size:cl,x:-.06,y:fF,text:"Zadbanie o wysoki poziom User Experience"},{size:cl,x:x,y:.155,text:"Zaprojektowanie\n2 responsywnych\nserwisów internetowych"},{size:cl,x:r,y:aG,text:"Zaprojektowanie\n2 aplikacji mobilnych"}]}},{title:a,prev:h,next:c,componentName:"PortfolioHRDF03",content:{bg:A,challenge:{title:a,text:"Głównym celem było stworzenie rozbudowanego serwisu rekrutacyjnego połączonego z platformą edukacyjną. Komplementarność usług miała ogromne znaczenie, wyznaczając nam określone podejście oraz zależności między platformami.",image:dt},solution:{title:B,text:"Dzięki współpracy zespołów projektowych z zespołem HRDF zapewniliśmy intuicyjną architekturę systemu oraz swobodną wymianę informacji i danych między platformami. Atrakcyjny interfejs wraz z rozbudowanym profilem użytkownika pozwalają na sugerowanie personalizowanych kursów. Jednocześnie wykorzystujemy nowoczesny silnik wyszukujący do rekomendacji ogłoszeń o pracę.",image:bx,frame:"\u002Fimg\u002Fprojects\u002Fhrdf\u002F03\u002Fframe.svg",before:"\u002Fimg\u002Fprojects\u002Fhrdf\u002F03\u002Fbefore.jpg",after:"\u002Fimg\u002Fprojects\u002Fhrdf\u002F03\u002Fafter.jpg"}}},{title:b,next:c,prev:a,componentName:"PortfolioHRDF04",content:{image:"\u002Fimg\u002Fprojects\u002Fhrdf\u002F04\u002FWeb.svg",image2:"\u002Fimg\u002Fprojects\u002Fhrdf\u002F04\u002FIA.svg",image3:"\u002Fimg\u002Fprojects\u002Fhrdf\u002F04\u002Fphones.png",image4:"\u002Fimg\u002Fprojects\u002Fhrdf\u002F03-mobile2.png",pins:[{x:dG,y:Q,title:"Rekomendowane oferty pracy",text:"Zaawansowane rozwiązanie porównujące profil użytkownika z wymaganiami pracodawców pozwala prezentować kandydatom dopasowane ogłoszenia."},{x:.275,y:b_,title:"Bieżące zaproszenia rekrutacyjne",text:"Płynne user flow i wysoki poziom interaktywności zapewnia szybki dostęp do aktualnie otwartych rekrutacji oraz zwiększa zaangażowanie użytkowników."},{x:.635,y:fq,title:"Dedykowane programy rozwoju",text:"Programy wsparcia dla potencjalnych pracowników i pracodawców wpływają na wzrost zatrudnienia w mniej aktywnych sektorach rynku w Arabii Saudyjskiej."},{x:ag,y:fG,title:"Integracja platformy edukacyjnej",text:"Polecane kursy edukacyjne dynamicznie dopasowywane są do danych użytkownika oraz ostatnio przeglądanych ofert pracy."}],pinsMid:[{x:bZ,y:.21,title:"Pozytywne doświadczenia kursantów",text:"Z myślą o podnoszeniu kwalifikacji zawodowych uruchomiliśmy serwis internetowy Doroob. Już od pierwszego logowania użytkownicy zapoznają się z funkcjonalnościami portalu dzięki atrakcyjnej formie onboardingu. Z każdą kolejną wizytą odkrywają nowe możliwości ścieżki kariery i angażują się w realizację kursów."}],pinsBottom:[{x:b_,y:af,title:"Wygodna nawigacja",text:"Korzystając z aplikacji mobilnej TAQAT użytkownicy z łatwością przeszukują szeroką bazę ofert pracy. Zastosowanie zakładek dostosowanych do gestów na urządzeniach mobilnych znacząco zwiększa intuicyjność rozwiązania. "},{x:.77,y:af,title:"Dostosowane komponenty",text:"Aplikacja mobilna udostępniająca kursy online musi być elastyczna i wydajna, by zapewnić wysoki poziom doświadczenia użytkownika niezależnie od urządzenia. Zastosowane komponenty wykorzystujące gest swipe zwiększają wygodę przeglądania treści."},{x:.11,y:fb,title:"Pełny zakres informacji",text:"Projektując układy mobilne dbamy, by elementy interfejsu zawierały kluczowe treści. W przypadku zaproszeń do rekrutacji przejrzyście prezentujemy takie informacje jak wynagrodzenie czy miejsce zatrudnienia."},{x:fG,y:aG,title:"Przeglądanie katalogu kursów",text:"Zachęcamy użytkowników do eksploracji kursów już na widoku głównym aplikacji mobilnej. Intuicyjne filtrowanie pozwala na zawężenie listy kursów i szybkie odnalezienie interesujących tematów."}],flow:{nav:"TAQAT",title:Y,text:"W ramach procesu User Experience przeprowadziliśmy szereg gruntownych analiz aktualnie wykorzystywanych rozwiązań. Następnie zdiagnozowaliśmy potencjalne obszary rozwoju oraz niezbędne do implementacji funkcjonalności. Istotnym czynnikiem w procesie była pełna analiza danych Google Analytics każdej z platform. Zgromadzone wnioski wykorzystaliśmy do optymalizacji ścieżek użytkowników oraz zmniejszenia ilości czasu potrzebnego do osiągnięcia celu."},flows:{nav:"Aplikacje mobilne",title:bD,text:t,image:bE},profile:{nav:"Doroob",title:bD,text:t,image:bE}}},{title:c,next:e,prev:b,componentName:"PortfolioHRDF05",content:{title:"Przejrzyście i użytecznie",text:"Nowa szata graficzna dla serwisu i aplikacji TAQAT oraz Doroob charakteryzuje się wysoką dbałością o szczegóły wraz z widoczną na pierwszy rzut oka uporządkowaną hierarchią elementów funkcjonalnych. Interfejsy zostały rozwinięte o zaawansowany mechanizm wyszukiwania oraz intuicyjne nawigacje, które pozwalają przemieszczać się między obszernymi zbiorami danych.",slides:[{image:"\u002Fimg\u002Fprojects\u002Fhrdf\u002F05\u002Fscreen-left-1.png",title:ea},{image:"\u002Fimg\u002Fprojects\u002Fhrdf\u002F05\u002Fscreen-left-2.png",title:"Oferta pracy"}],slidesMobile:[{image:"\u002Fimg\u002Fprojects\u002Fhrdf\u002F05\u002Fscreen-right-1.png"},{image:"\u002Fimg\u002Fprojects\u002Fhrdf\u002F05\u002Fscreen-right-2.png"}]}},{title:e,prev:c,componentName:"PortfolioHRDF06",content:{title:e,text:"W efekcie zaprojektowaliśmy ponad 300 widoków w różnych wariantach dla dwóch platform, stale pamiętając o tym jak ważną rolę będą odgrywać w codzienności użytkowników. Zaprojektowane od podstaw portale wraz z aplikacjami mobilnymi ułatwiają dostęp do najważniejszych informacji rekrutacyjnych oraz zachęcają do podnoszenia kwalifikacji.",numbers:[{value:"293k",label:"użytkowników tygodniowo"},{value:"460k",label:"sesji tygodniowo"},{value:"6 min",label:"średni czas wizyty"},{value:"75%",label:"ruchu mobilnego"}],review:{quote:"The Crafton development team is very attentive and seems to be able to understand business needs quite well.",author:"Rajai Abu Alata",position:"Project Manager"}}}]},uep:{theme:"uep",darkBg:d,logo:"\u002Fimg\u002Fprojects\u002Fuep\u002Fuep_logo.svg",directory:"PortfolioUEP",items:[{title:g,next:h,componentName:"PortfolioUEP01",content:{tags:[b,c,y,"Wordpress"],title:"Uniwersytet Ekonomiczny\nw Poznaniu",subtitle:"W pełni dostępny cyfrowo serwis wiodącej w Polsce uczelni ekonomicznej",text:"Dwujęzyczna platforma informacyjna spełniająca wymagania WCAG 2.1 oraz wymagania prawne Ministerstwa Cyfryzacji w zakresie cyfrowego dostępu dla osób z różnymi rodzajami niepełnosprawności.",explore:j}},{title:h,next:a,componentName:"PortfolioUEP02",content:{title:"Rozbudowany serwis informacyjno-promocyjny",text:"Uniwersytet Ekonomiczny w Poznaniu swoją ofertę kieruje do wielu grup odbiorców, między innymi: kandydatów na studia, studentów, uczestników studiów podyplomowych i MBA, absolwentów, naukowców, pracowników oraz biznesu. Aby sprostać wyzwaniu wdrożenia użytecznego serwisu dla tak wielu użytkowników, zaczęliśmy nasz projekt od przygotowania spotkania z przedstawicielami Uczelni i szybko wyodrębniliśmy najważniejsze cele do zrealizowania!",features:[["Audyt poprzedniego serwisu","Rozpoznanie potrzeb użytkowników","Architektura informacji całego serwisu"],["Projekty unikalnych widoków stron",fH,"Wdrożenie standardu WCAG 2.1"]],steps:[{type:be,step:cc,text:"Ponad 10 aktywnych grup docelowych"},{type:be,step:cd,text:"Intuicyjny i zautomatyzowany w obsłudze CMS"},{type:"image",src:"\u002Fimg\u002Fprojects\u002Fuep\u002Fcontent\u002Fphoto24.png",width:aD,height:358},{type:be,step:fr,text:"Pełna integracja z systemami informatycznymi UEP"},{type:be,step:fC,text:"Zgodność z WCAG 2.1. na poziomie AA"}]}},{title:a,next:_,componentName:"PortfolioUEP03",content:{title01:"Kamienie milowe",title02:"Transformacja cyfrowa Uczelni",text01:"Połączenie nowoczesności i zachowanie tradycji Uczelni to nie łatwe zadanie. Pogłębione analizy pozwoliły nam zrozumieć cele strategiczne UEP. Jednym z największych wyzwań było stworzenie uporządkowanej architektury informacji i zaprojektowanie systemu do zarządzania treścią tak, aby usprawnił pracę Uczelni. Wszystkie nasze decyzje opieraliśmy o wytyczne WCAG 2.1.",text02:"Struktura serwisu odpowiadająca na potrzeby użytkowników, która nie odzwierciedla już struktury administracyjnej Uczelni",text03:"Design zgodny z obecnymi trendami UI designu i uwzględnieniem specyfiki szkolnictwa wyższego",text04:"Dostępność cyfrowa dla uczelni wyższych to nie tylko obowiązek prawny, ale również szansa na dotarcie ze swoją ofertą do wszystkich użytkowników, w tym osób z niepełnosprawnościami.\n\nPodczas wdrożenia WCAG 2.1 zapewniliśmy Uczelni szkolenia z tworzenia treści dostępnych w Internecie oraz tworzenia napisów dla osób niesłyszących. Przeprowadziliśmy audyt i monitoring dostępności serwisu polegający na serii testów scenariuszowych z użytkownikami z wybranych grup studentów jak niewidomi, osoby słabowidzące, użytkownicy z dysleksją, osoby niesłyszące, studenci z niepełnosprawnością ruchu.",image:"\u002Fimg\u002Fprojects\u002Fuep\u002Fcontent\u002Fphoto07.png"}},{title:_,next:cm,componentName:"PortfolioUEP04",content:{process:{nav:"Proces UX \u002F UI",title:Y,text:"Wielotygodniowe prace pozwoliły nam na wypracowanie nowej architektury informacji, opisów funkcjonalnych dla całego serwisu oraz kilkudziesięciu szablonów stron służących jako wyznacznik standardu i rozwoju serwisu Uniwersytetu Ekonomicznego w Poznaniu.",analyze:{nav:aT,help:{text:bu},points:[{type:C,x:f,y:f,staticLabel:"KICKOFF",skip:d},{type:C,x:P,y:f},{type:i,x:s,y:f,label:"Analiza badań UX",labelPos:o},{type:i,x:S,y:f,label:"Warsztaty z zespołem UEP",labelPos:D},{type:z,x:k,y:f},{type:i,x:k,y:r,label:"Analiza rynku i konkurencji",labelPos:ah},{type:i,x:k,y:G,label:cn,labelPos:ah},{type:z,x:k,y:n},{type:i,x:n,y:n,label:"Raport z rekomendacjami",labelPos:o},{type:i,x:G,y:n,label:aZ,labelPos:D},{type:i,x:s,y:n,label:fE,labelPos:o},{type:i,x:m,y:n,label:"URUCHOMIENIE PORTALU",labelPos:D}]}},profile:{nav:ec,items:[{title:"Ida - kandydatka na studia",features:[{label:"Stawiszyn, Polska",icon:fI},{label:"18 lat",icon:fJ},{label:"bullet journal, podróżowanie",icon:fK}],details:{about:{title:"O Idzie",text:"Ida pochodzi z najmniejszego miasta w Wielkopolsce. Jest ambitna i bardzo chce zostać w przyszłości dyrektorką finansową. Przyszła studentka jest otwarta na nowych ludzi i już ma dużą świadomość odpowiedzialności społecznej biznesu. Chciałaby zacząć pracę po pierwszym semestrze i odciążyć finansowo rodziców.",image:{src:"\u002Fimg\u002Fprojects\u002Fuep\u002Fcontent\u002Fphoto19.png",width:fL,height:co}},features:{label:aE,data:[{title:fM,items:[["jest ciekawa jakie projekty prowadzi Uczelnia w zakresie społecznej odpowiedzialności biznesu","interesuje ją oferta Biura Karier UEP i chce wiedzieć czy Uczelnia pomaga studentom w poszukiwaniu pracy","słyszała o możliwości udziału w wolontariacie w ramach Ekonomicznego Uniwersytetu Dziecięcego"],["chce dołączyć do studenckiego koła naukowego Finansów Przedsiębiorstw","zależy jej żeby skorzystać ze stypendium studenckiego"]]},{title:fN,items:[["przegląda strony z informacjami dla studentów","przegląda strony z ofertami pracy dla studentów","poszukuje informacji o możliwościach zakwaterowania w akademiku"]]}]}}},{title:"Jędrzej - student I roku",features:[{label:"Poznań, Polska",icon:fI},{label:"20 lat",icon:fJ},{label:"loty w tunelu aerodynamicznym",icon:fK}],details:{about:{title:"O Jędrzeju",text:"Jędrzej to poznaniak, który ukończył liceum z pierwszej dwudziestki rankingowej. Tak jak swój tata chce studiować na uczelni ekonomicznej. Jędrzej jest osobą towarzyską, lubi ekstremalne sporty, a w przyszłości chciałby prowadzić swój biznes. Lubi mieszkać w Poznaniu i jest związany z przyjaciółmi, którzy również tu studiują.",image:{src:"\u002Fimg\u002Fprojects\u002Fuep\u002Fcontent\u002Fphoto25.png",width:fL,height:co}},features:{label:aE,data:[{title:fM,items:[["chciałby wyjechać na semestr za granicę w ramach programu Erasmus+","interesuje się działalnością Parlamentu Studenckiego","liczy, że na Uczelni zdobędzie wiedzę, która pomoże mu założyć własną działalność gospodarczą"],["zastanawia się czy na Uczelni działa akademickie centrum wsparcia studenckiej przedsiębiorczości","ciekawi go, jakie sukcesy odnoszą absolwenci Uczelni"]]},{title:fN,items:[["przegląda strony z informacjami dotyczące mobilności studentów","odwiedza strony z informacjami o absolwentach","poszukuje wykładów otwartych z praktykami biznesu"]]}]}}}]},interface:{nav:fp,title:"Przyjazny interfejs",text:"Nowy serwis Uniwersytetu Ekonomicznego w Poznaniu charakteryzuje się przejrzystą strukturą, która pozwala bez trudności odnaleźć interesujące użytkownika informacje. W jednym miejscu zebraliśmy pełną ofertę edukacyjną, która z powodzeniem realizuje wyznaczone przez Uczelnię cele strategiczne.",slides:[{title:el,text:"Uporządkowane i intuicyjne menu odpowiadające na potrzeby użytkowników"},{title:"Dynamiczne treści",text:"Łatwiejsze i szybsze aktualizacje zamieszczanych informacji"},{title:"Monochromatyczna wersja",text:"Możliwość użycia wersji okolicznościowej serwisu"}],screens:{images:["\u002Fimg\u002Fprojects\u002Fuep\u002Fcontent\u002Fphoto26.png","\u002Fimg\u002Fprojects\u002Fuep\u002Fcontent\u002Fphoto27.png","\u002Fimg\u002Fprojects\u002Fuep\u002Fcontent\u002Fphoto28.png"],title:by}}}},{title:cm,next:e,componentName:"PortfolioUEP05",content:{title:cm,text01:"Dobór odpowiedniej technologii jest bardzo istotny, ponieważ znacząco wpływa na rozwój całego serwisu w przyszłości. Aby Uniwersytet Ekonomiczny w Poznaniu z powodzeniem mógł realizować swoje cele marketingowe i strategiczne wspólnie wybraliśmy najbardziej optymalne rozwiązania typu open-source.",text02:"Zaprojektowaliśmy dla Uczelni wiele intuicyjnych komponentów. Vue.js to biblioteka JavaScript pozwalająca tworzyć aplikacje webowe oparte o Model-View-ViewModel.",text03:"Z myślą o wielu redaktorach serwisu Uniwersytetu Ekonomicznego w Poznaniu wybraliśmy CMS typu open source - WordPress. Rozbudowane przez nas narzędzie pozwala na szybkie i skuteczne zarządzanie treściami oraz użytkownikami.",image01:"\u002Fimg\u002Fprojects\u002Fuep\u002Fcontent\u002Fphoto13.png",image02:"\u002Fimg\u002Fprojects\u002Fuep\u002Fcontent\u002Fphoto14.png",image03:"\u002Fimg\u002Fprojects\u002Fuep\u002Fcontent\u002Fphoto15.svg",image04:"\u002Fimg\u002Fprojects\u002Fuep\u002Fcontent\u002Fphoto16.png",image05:"\u002Fimg\u002Fprojects\u002Fuep\u002Fcontent\u002Fphoto17.svg"}},{title:e,componentName:"PortfolioUEP06",content:{title:"Połączenie nowoczesności i tradycji",text:"Z sukcesem wdrożyliśmy serwis www Uniwersytetu Ekonomicznego w Poznaniu jako wiarygodne źródło informacji, a także miejsce dostępne cyfrowo dla osób z różnymi rodzajami niepełnosprawności. Dopasowany CMS zdecydowanie usprawnił codzienną pracę redaktorów i pozwolił na zautomatyzowanie wielu wewnętrznych procesów.\nKoncepcja warstwy graficznej to wnikliwie wypracowane połączenie nowoczesności i prawie 100-letniej tradycji Uniwersytetu Ekonomicznego w Poznaniu. Według użytkowników bardzo udane!",quote:{text:"„Bardzo ceniliśmy terminowość software house Crafton: pilnowanie procesu projektowego, pilnowanie dat, harmonogramu, spotkań. Czułam się zaopiekowana i że jestem w dobrych rękach!”",author:"Katarzyna Zdulska",desc:"Kierownik Działu Marketingu"},image:"\u002Fimg\u002Fprojects\u002Fuep\u002Fcontent\u002Fphoto05.png",video:t,before:{src:"\u002Fimg\u002Fprojects\u002Fuep\u002Fcontent\u002Fbefore.png",width:fO,height:fP},after:{src:"\u002Fimg\u002Fprojects\u002Fuep\u002Fcontent\u002Fafter.png",width:fO,height:fP}}}]},pif:{theme:"pif",logo:"\u002Fimg\u002Fprojects\u002Fpif\u002Flogo.png",logoSecondary:"\u002Fimg\u002Fprojects\u002Fpif\u002Flogo-dark.png",toggleLogo:[E,I,N,ai],directory:"PortfolioPIF",items:[{title:g,next:aN,componentName:"PortfolioPIF01",bg:"\u002Fimg\u002Fprojects\u002Fpif\u002Fbg.png",content:{tags:[b,c,fQ,fR],title:"Public Investment Fund",subtitle:"Cyfrowe projekty dla globalnej potęgi inwestycyjnej Arabii Saudyjskiej",text:"Nasz realny wpływ na proces digitalizacji i zmian transformacyjnych największych państwowych funduszy majątkowych na świecie.",pins:[{x:cg,y:aJ,reverse:d,up:d,logo:{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Flogo-neom.png",width:105,height:136,size:17},video:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Fneom.mp4",poster:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Fneom.jpg"},{x:b$,y:ae,up:d,logo:{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Flogo-redsea.png",width:fS,height:148,size:bz},video:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Fredsea.mp4",poster:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Fredsea.jpg"},{x:aJ,y:S,reverse:d,up:d,logo:{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Flogo-rcu.svg",width:166,height:32,size:55},video:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Frcu.mp4",poster:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Frcu.jpg"},{x:al,y:fy,up:d,logo:{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Flogo-rer.svg",width:fS,height:53,size:bA},video:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Frer.mp4",poster:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Frer.jpg"}]}},{title:aN,next:cp,prev:g,componentName:"PortfolioPIF02",content:{text:"NEOM to wyjątkowy projekt, który ukazuje nowe i innowatorskie podejście do budowania miast i nowego modelu gospodarczego, będącego wzorem dla całego świata.\nSmart city reprezentować będzie zupełnie nową rzeczywistość, pozbawioną przestarzałej infrastruktury i nowe rozwiązania ekonomiczne oraz środowiskowe.",s1tags:[fR,fQ,b,c],s1title:aN,s1subtitle:"Nasz zespół ekspertów odgrywał bardzo ważną rolę w procesie tworzenia nowej rzeczywistości dla milionów mieszkańców Królestwa Arabii Saudyjskiej.\nW ramach naszej współpracy stworzyliśmy spójny i ultranowoczesny system, stosując innowatorskie podejście do wszystkich oferowanych przez NEOM usług.",s1features:[["Określenie i zdefiniowanie potrzeb klienta","Wnikliwa analiza docelowych użytkowników","Sformułowanie dowodów empirycznych","Dobór jakościowych metod badawczych"],["Warsztaty systematyzujące cele klienta","Pogłębione analizy user experience","Przygotowanie map podróży użytkowników","Optymalizacja procesów i ścieżek klientów"]],s1boxes:[{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Fneom\u002Fbox1-white.svg",srcHover:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Fneom\u002Fbox1-black.svg",width:77,heiht:fT,title:"Globalna współpraca",text:"Regularnie odwiedzaliśmy siedziby NEOM"},{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Fneom\u002Fbox2-white.svg",srcHover:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Fneom\u002Fbox2-black.svg",width:84,heiht:fU,title:"Międzynarodowi eksperci",text:"Zapewniliśmy naszych najlepszych specjalistów"},{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Fneom\u002Fbox3-white.svg",srcHover:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Fneom\u002Fbox3-black.svg",width:fA,heiht:fU,title:"Długofalowa kooperacja",text:"Dynamicznie rozwijaliśmy kolejne etapy projektu"}],s2title:"Świat domaga się zmian",s2text:"NEOM to niezwykły i bardzo wymagający projekt. Dla naszego zespołu to wyjątkowa okazja na urzeczywistnianie tego, co na pozór wydaje się niemożliwe.\nWspólnie tworzymy jeden system pozwalający na szybki dostęp i wysoką personalizację wszystkich rządowych usług elektronicznych naszego klienta. Razem zmieniamy historię północno-zachodniego regionu Arabii Saudyjskiej",pins:[{x:$,y:f,active:d,reverse:d,title:"NEOM — nasze “drugie biuro”",text:"Jesteśmy częstym gościem głównej siedziby NEOM. Wspólnie z naszym klientem prowadzimy warsztaty i poszukujemy najlepszych rozwiązań biznesowych."},{x:ag,y:n,reverse:d,up:d,title:"Kreatywność i innowacyjność",text:"Stanowimy część zespołu ze światowej czołówki talentów. Wraz z NEOM tworzymy nową przyszłość gospodarczą."}],s3title:"Zaawansowana analityka biznesowa",s3text:"Dobór odpowiedniego zespołu to podstawa sukcesu projektu. Stworzyliśmy mocny team składający się z doświadczonych ekspertów UX i UI, product ownerów oraz analityków biznesowych.",s4title:"Niezmierzone możliwości współpracy",s4text:"Dla prawie 3 000 pracowników z 86 krajów NEOM to nie tylko miejsce pracy, ale też nowy dom.\nNasz zespół często uczestniczy w ich codziennym życiu. Regularnie odwiedzamy stolicę Arabii Saudyjskiej - Rijad, a także prowincję Tabuk, by podczas tygodniowych wizyt wypracowaćy najlepsze rozwiązania UX i UI."}},{title:cp,next:cq,prev:aN,componentName:"PortfolioPIF03",content:{text:"The Royal Commission for AlUla to jeden z planów rozwoju infrastruktury i obiektów dla turystów odwiedzających prowincję Medyna w Arabii Saudyjskiej. Wszystkie podejmowane działania mają na celu zachowanie dziedzictwa architektonicznego i przestrzennego.",s1notes:[{size:R,x:-.12,y:Q,text:dH},{size:R,x:m,y:aY,text:dI},{size:R,x:bR,y:M,text:w}],tags:[b,bQ,c,y],title:fV,subtitle:"Zdajemy sobie sprawę z tego, jak kluczowa dla rozwoju korporacji jest dobra organizacja pracy. Aby lepiej zrozumieć wyzwania, przed którymi stają pracownicy RCU każdego dnia, przeprowadziliśmy szereg działań z zakresu UX. Ich rezultatem był zestaw rekomendacji, których wdrożenie znacząco poprawiło jakość oraz komfort pracy.",features:[["Identyfikacja potrzeb użytkowników","Przygotowywanie diagramów przepływu użytkowników","Zaprojektowanie architektury informacji"],["Stworzenie makiet funkcjonalnych","Opracowanie projektów interfejsów",w]],s2title1:"Digital Employee Experience",s2text1:"The Royal Commission for AlUla dobrze wie, że intuicyjny dostęp do informacji i niezbędnych narzędzi w każdym miejscu, i o każdej porze to podstawa wysokiej kultury pracy i dobrej komunikacji wewnętrznej z pracownikami.\nNasz zespół dostarczył klientowi zestaw najlepszych rozwiązań i zaprojektował w pełni użyteczny intranet. Zwiększył tym samym produktywność pracy wszystkich pracowników RCU.",s2title2:Y,s2text2:"Nasze wieloletnie doświadczenie w projektowaniu UX pokazuje, że dobrze zaprojektowany digital workplace to jeden z kluczowych obszarów w każdym przedsiębiorstwie. Bardzo szybko zidentyfikowaliśmy słabe strony istniejącego intranetu i przygotowaliśmy dla klienta funkcjonalne rozwiązania.",graph:{groups:[{subjects:[{avatar:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Frcu\u002Favatar1.png",label:"Construction Department"},{avatar:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Frcu\u002Favatar2.png",label:"Infrastructure & Utilities Dep."}],items:[{title:"Stworzenie nowego\nzadania"},{title:"Dodanie załączników\ni szczegółów\nzadania"},{title:"Publikacja\nzadania"},{title:eA}]},{subjects:[{avatar:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Frcu\u002Favatar3.png",label:"Service Support"}],items:[{title:"Zapoznanie się\nz tematem"},{title:"Realizacja\nzadania"},{title:"Uzupełnienie\ndokumentów"},{title:"Rozwiązanie\ni zmiana statusu\nzadania"}]}]},s3title:ay,s3text:"Digital workplace jest kluczowym obszarem w organizacjach, które doskonale rozumieją, jak ważna jest nie tylko produktywność, ale również komunikacja, właściwa kultura współpracy oraz łatwy dostęp do narzędzi i informacji firmowych w dowolnym miejscu i czasie.",screens:[{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Frcu\u002Fscreen1.jpg",width:aj,height:1198,pins:[{x:n,y:f,reverse:d,title:"Profil pracownika",text:"Umożliwiliśmy pracownikom RCU szybki i intuicyjny dostęp do swoich podstawowych danych osobowych"}]},{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Frcu\u002Fscreen2.jpg",width:aj,height:az,pins:[{x:f,y:s,up:d,title:"Uporządkowane menu",text:"Określiliśmy z klientem priorytety i zaproponowaliśmy nową hierarchię elementów w menu intranetu"},{x:S,y:m,reverse:d,title:"Struktura intranetu",text:"Układ wszystkich elementów serwisu jest łatwy do nawigacji, a pracownik ma możliwość łatwego powrotu do poprzedniego widoku"},{x:G,y:n,up:d,title:"Dedykowane moduły",text:"Na podstawie pogłębionych badań wyróżniliśmy najbardziej przydatne funkcje w codziennej pracy pracowników RCU"}]},{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Frcu\u002Fscreen3.jpg",width:aj,height:az,pins:[{x:l,y:l,reverse:d,title:"Login page",text:"Zadbaliśmy o każdy szczegół aplikacji i dostosowaliśmy również wizualną część panelu logowania"}]}]}},{title:cq,next:bf,prev:cp,componentName:"PortfolioPIF04",content:{text:"National Real Estate Registration Services Company to inicjatywa, która promuje transformację cyfrową i aktywizuje rozwój całego sektora nieruchomości w Arabii Saudyjskiej.",tags:[b,c,y,aA],title:fW,subtitle:"Wraz z RER stworzyliśmy platformę, której celem jest poprawa jakości usług klienta oraz łatwiejszy dostęp beneficjentów do danych jednostek własności w Arabii Saudyjskiej.\nDziś nasz klient z powodzeniem realizuje usługi rejestracji nieruchomości zgodne z najlepszymi praktykami w tym obszarze.",features:[["Rozpoznanie potrzeb biznesowych",cn,"Projekty unikalnych widoków"],[fH,"Wdrożenie nowego serwisu www"]],steps:[{y:P,text:fX,features:["Warsztaty z klientem","Aktywne słuchanie","Określenie wyzwania"]},{y:al,text:cf,features:[cr,"Makiety funkcjonalne","Usprawnienie ścieżek beneficjentów"]},{y:ab,text:cn,features:["Uporządkowanie danych","Określenie zawartości","Opracowanie struktury"]},{y:aW,text:"Graficzne interfejsy serwisu",features:["Zorientowanie na użytkowniku","Komponenty nawigacyjne","Komponenty informacyjne"]},{y:aX,text:"Prace programistyczne",features:["Front-end development","Back-end development","Integracje API"]}],s2title:Y,s2text:"Wykorzystanie zaawansowanych technologii do wspierania gospodarki narodowej i jednoczesne znalezienie rozwiązań przyjaznych użytkownikom wymaga ogromnej wiedzy. Podstawą naszej pracy jest wieloletnie doświadczenie w zakresie projektowania UX, oparte na współpracy z globalnymi markami.",s3title:ay,s3text:"Rezultatem każdego i dobrze przeprowadzonego procesu UX jest projektowanie graficzne. To właśnie interfejs serwisu odgrywa kluczową rolę we wpływaniu na doświadczenia użytkowników, którzy z niego korzystają.",s3screens:[{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Frer\u002Fs3screen1.jpg",width:870,height:1735,pins:[{x:m,y:x,up:d,title:"Nowoczesny design",text:"Projekt cechuje świeże i niesztampowe podejście"},{x:x,y:$,title:"Starannie zaplanowany układ",text:"Dzięki temu poprawiliśmy współczynniki klikalności"}]},{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Frer\u002Fs3screen2.jpg",width:fY,height:1695,pins:[{x:r,y:n,up:d,reverse:d,title:"Minimalizm i przejrzystość",text:"Zgodny z najnowszymi trendami projektowania UX"}]},{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Frer\u002Fs3screen3.jpg",width:fY,height:1673,pins:[{x:m,y:n,up:d,title:"Wzmocnienie przekazu",text:"Uwzględniliśmy elementy podnoszące efektywną komunikację"}]}]}},{title:bf,next:aC,prev:cq,componentName:"PortfolioPIF05",content:{text:"Można wymieniać wiele luksusowych kurortów na całym świecie, ale Red Sea Global to unikalny projekt. Głównym założeniem jest zbudowanie zrównoważonej i odpowiedzialnej społecznie oferty turystycznej w dwóch lokalizacjach: Morza Czerwonego i Amaalii.",tags:[b,bQ,c,y,aA,bJ],title:bf,subtitle:"Odpowiedzialność, współpraca, pasja i szacunek to nie tylko wartości, którymi kieruje się nasz klient. To podstawa naszego współdziałania. Zespół ekspercki z powodzeniem wypracował najlepsze rozwiązania. Tylko odpowiednio zaprojektowany proces badawczy pozwoli na zrozumienie odbiorców.",features:[[fX,"Analizy docelowych użytkowników","Warsztaty weryfikujące cele biznesowe","Pogłębione badania user experience"],["Persony i makiety funkcjonalne","Optymalizacja procesów i ścieżek","Architektura Informacji","Zaawansowane rekomendacje UI"]],captionTitle:"Nasza praca jest naszą pasją",captionText:"Już od wielu lat ściśle współpracujemy z jednostkami administracji rządowej Arabii Saudyjskiej.",s1title:a,s1text:"Wszystkie nasze prace dla Red Sea wymagały od nas ogromnej interdyscyplinarności. Futurystyczny charakter projektu przełożył się na dobór naszych ekspertów, którzy dodatkowo wykazali się szeroką wiedzą z kilku obszarów: psychologii, marketingu i PR oraz analityki biznesowej.",s2title:Y,s2text:"Naszą współpracę rozpoczęliśmy od zaplanowania i przeprowadzenia wszystkich niezbędnych badań i analiz z zakresu User Experience. Stworzyliśmy zaawansowane persony, historie użytkowników, mapy, makiety, a ich właściwa interpretacja pozwoliła nam zaprojektować architekturę informacji zgodną z najlepszymi praktykami.\nNasi specjaliści wypracowali właściwe rozwiązania, które z powodzeniem będą realizowały unikalne na skalę światową przedsięwzięcie Red Sea.",s2notes:[{size:m,x:fF,y:.23,text:"Zdefiniowanie kontekstu badania"},{size:m,x:ag,y:-.23,text:"Persony i wędrówka poznawcza"},{size:m,x:s,y:bR,text:"Analiza heurystyczna"},{size:m,x:T,y:en,text:"Obszerne rekomendacje UX"},{size:m,x:k,y:dZ,text:"Projekt architektury informacji"}],s2pins:[{pins:[{x:M,y:.24,up:d,reverse:d,title:"Mobile First",text:"Można wygodnie korzystać z serwisu w każdym urządzeniu"}]}],s3title1:ay,s3text1:"Nasz zespół stanął przed wymagającym zadaniem. Zaprojektowanie User Interface dla tak unikatowego przedsięwzięcia wymagało nieszablonowego podejścia. Dzięki głębokiemu zrozumieniu potrzeb Klienta, byliśmy w stanie wypracować rozwiązania, które były nie tylko atrakcyjne wizualnie, ale i wysoce użyteczne. Design podkreśla nowoczesność kurortu, ale jednocześnie wyraźnie odnosi się do natury, bowiem to właśnie ona jest motywem przewodnim Red Sea Global.",s3title2:"Wizjonerski deweloper",s3text2:"Digitalizacja rządowych usług w Arabii Saudyjskiej to jeden z priorytetów realizowanych w ramach programu Vision 2030.\n\nJesteśmy dumni, że mogliśmy dołączyć do grona partnerów Red Sea Global i wspólnie kształtować wizerunek tego jedynego, niesamowitego i unikalnego miejsca na świecie.",s3pins:[{x:n,y:S,title:"Dopasowane moduły",text:"W projekcie zastosowaliśmy wiele rozwiązań stworzonych w odpowiedzi na potrzeby klienta"}]}},{title:aC,prev:bf,componentName:"PortfolioPIF06",content:{text:"Niesłychanie ambitne strategie biznesowe naszych partnerów napędzają gospodarkę Arabii Saudyjskiej, a ich wpływ odczuwa cały świat.\nJesteśmy dumni, że mamy tak duży wpływ na kształtowanie nowej rzeczywistości urbanistycznej na skalę globalną.",s1title:aN,s1text:"Stworzyliśmy unikalny system pozwalający na szybki dostęp i wysoką personalizację wszystkich rządowych usług elektronicznych przyszłych mieszkańców NEOM.",s1logo:{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Fsummary-logo-neom.png",width:141,height:180,size:bA},s2title:fV,s2text:"Dobrze zaplanowany i wdrożony proces Employee Experience wewnętrznego intranetu zwiększył produktywność wszystkich pracowników RCU.",s2logo:{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Fsummary-logo-rcu.svg",width:152,height:94,size:ak},s3title:fW,s3text:"Ułatwiliśmy dostęp beneficjentów do bazy danych wszystkich jednostek własności w Arabii Saudyjskiej.",s3logo:{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Fsummary-logo-rer.svg",width:164,height:fT,size:ak},s4title:"The Red Sea Global",s4text:"Aktywny udział w procesie digitalizacji rządowych usług na terenie zachodniego wybrzeża Arabii Saudyjskiej to ważne osiągnięcie dla naszego zespołu.",s4logo:{src:"\u002Fimg\u002Fprojects\u002Fpif\u002Fcontent\u002Fsummary-logo-redsea.png",width:258,height:304,size:fz}}}]},redsea:{theme:"redsea",darkBg:d,logo:"\u002Fimg\u002Fprojects\u002Fredsea\u002Flogo.svg",logoSecondary:"\u002Fimg\u002Fprojects\u002Fredsea\u002Flogo-dark.svg",toggleLogo:[ai],directory:"PortfolioRedsea",items:[{title:g,next:h,componentName:"PortfolioRedsea01",content:{tags:[b,c,aH],title:"Red Sea Global",subtitle:"Mobilna aplikacja pioniera branży deweloperskiej",text:"Kompleksowe podejście do projektowania nowych standardów. Nasz udział w procesie rozwoju usług dwóch wizjonerskich kurortów na Bliskim Wschodzie.",explore:j,images:{background:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fbackground01.png",width:fZ,height:1080},iphone:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fiphone_wireframe.svg",width:q,height:1055},screen:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fiphone_screen.svg",width:412,height:787}}}},{title:h,prev:g,next:ap,componentName:"PortfolioRedsea02",content:{title:"Red Sea Global realizuje jedną z najbardziej niezwykłych wizji turystyki regeneracyjnej na całym świecie. Łączy rozwój luksusowego biznesu ze zrównoważoną stroną życia w harmonii z przyrodą.",text:"W ramach naszej współpracy przygotowaliśmy rzetelne badania User Experience, a zaawansowany proces projektowania naszych UI designerów pozwolił na stworzenie aplikacji mobilnej, minimalizującej wszystkie obciążenia poznawcze.",features:[["Interdyscyplinarny zespół projektowy","Walidacja pomysłów z użytkownikami","Rekomendacje naszych ekspertów UX"],["Iteracyjny proces projektowy","Najlepsze praktyki z zakresu UI"]],images:{photo01:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fphoto01.png",width:aD,height:367},photo02:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fphoto02.png",width:666,height:650},background01:{src:bg,width:av,height:bh},background02:{src:bi,width:bj,height:bk}},video:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002FTRS.mp4"}},{title:ap,prev:h,next:b,componentName:"PortfolioRedsea03",content:{title01:a,text01:"Aplikacja mobilna to nie tylko świeży look & feel.\nDla nas jednym z kluczowych aspektów było zaprojektowanie systemu, który będzie spełniał swoją funkcję w wielu kontekstach biznesowych. Nie bez znaczenia był dobór narzędzi badawczych, weryfikujących emocjonalne i poznawcze aspekty doświadczeń użytkowników.",title02:"User Centered Design",text02:"Na podstawie badań UX i obserwacji użytkowników stworzyliśmy strategię, która pozwoliła na ocenę wszystkich aspektów projektowanej użyteczności. Przeanalizowaliśmy również najczęstsze popełniane błędy i miejsca styku interakcji z usługami.",title03:"Użytkownicy z różnych kultur",text03:"W tym przypadku skupiliśmy się również na dogłębnej analizie kontekstów użycia aplikacji mobilnej. Używana przez wielu użytkowników z różnych krajów i kultur musiała uwzględniać ich preferencje i style działania.",title04:B,text04:"Less is more to zasada UI, którą kierowaliśmy się podczas wszystkich etapów projektu. Zadbaliśmy o wysoką czytelność i przejrzystość aplikacji mobilnej. Zagwarantowaliśmy przewidywalność jej działania i sposobów użycia. Analiza ograniczeń wynikających z użytkowania wersji mobilnych pozwoliła wypracować nam spójny interfejs aplikacji mobilnej.",text05:"Red Sea Global oferuje światu coś zupełnie nowego i ekskluzywnego dla branży hotelarskiej, a nasza aplikacja mobilna zdecydowanie ułatwi pobyt każdemu odwiedzającemu tę niezwykłą wyspę.\nMorze Czerwone przenika się z pięknymi wyspami wulkanicznymi, nieodkrytymi plażami i tajemniczymi górskimi kanionami. To również fascynujące zaplecze kulturowe z bogatą historią.",images:{background01:{src:bg,width:av,height:bh},background02:{src:bi,width:bj,height:bk},photo01:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fphoto03.png",width:aD,height:717},photo02:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fphoto04.png",width:413,height:632},photo03:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fphoto05.png",width:186,height:239},photo04:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fphoto06.png",width:301,height:388},photo05:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fwebsite02.png",width:au,height:2374},photo06:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fwebsite01.png",width:au,height:2108},photo07:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fphoto12.png",width:335,height:168},photo08:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fphoto13.png",width:cs,height:f_},photo09:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fphoto14.png",width:fZ,height:1280},photo10:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fwebsite03.png",width:f$,height:1683},navbar01:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fnavbar01.png",width:au,height:ak},navbar02:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fnavbar02.png",width:au,height:cN},pin01:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fpin01.svg",width:ga,height:gb},pin02:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fpin02.svg",width:ga,height:gb},arrow01:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Farrow01.svg",width:bn,height:824}},steps:[{y:P,text:"Voice of business",features:["Wypracowanie z klientem wspólnej wizji","Rozpoznanie potrzeb","Określenie strategii użycia","Zebranie rekomendacji UX"]},{y:em,text:"Rekomendacje UX",features:["Warsztaty z użytkownikami","Research rynku i analiza rozwiązań",cr]},{y:aJ,text:cr,features:["Logiczny układ","Prosta nawigacja","Użycie ekranu"]},{y:fm,text:"Prototypy",features:["Makiety lo-fi","Konsultacje z deweloperami","Testy sposobów obsługi"]},{y:G,text:fa,features:["Ocena skuteczności aplikacji",gc,"Testy użyteczności"]}]}},{title:b,prev:ap,next:c,componentName:"PortfolioRedsea04",content:{process:{nav:fx,title:Y,text:"Dla nas UX to suma wszystkich doświadczeń, które powstają podczas korzystania z usługi lub produktu. Dobrze zaprojektowana aplikacja mobilna wyróżnia się wysokim czynnikiem perswazji, pomagając użytkownikom realizację ich potrzeb.\nNależy zawsze słuchać głosów klientów, dlatego bardzo ważne jest, aby w początkowej fazie UX zdefiniować założenia, które przełożą się na użyteczność rozwiązania. Należy jednocześnie pamiętać, że w tym procesie istotną rolę odgrywa klient — jego oczekiwania, jak i ograniczenia. Tylko takie podejście realizuje najwyższe standardy rynkowe.",items:[{title:eu},{title:bV},{title:bB},{title:aZ},{back:N,title:ev},{title:ew},{back:E,title:ex},{title:ey}]},profile:{nav:aw,image:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fphoto07.png",width:1500,height:1216}},tests:{nav:cf,title:"Funkcjonalność aplikacji",text:"W projektowaniu aplikacji mobilnych istotne jest zapewnienie wysokiej ergonomiczności i przewidywalności działania. Nasi eksperci przeanalizowali wszystkie poszczególne elementy serwisu oraz ich wzajemny sposób oddziaływania. Dzięki wdrożeniu wszystkich zaleceń UX z sukcesem zminimalizowaliśmy współczynnik odrzuceń.",images:{photo01:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fphoto08.png",width:699,height:524},photo02:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fphoto09.png",width:aD,height:eb}}},images:{background01:{src:bg,width:av,height:bh},background02:{src:bi,width:bj,height:bk}}}},{title:c,prev:b,next:e,componentName:"PortfolioRedsea05",content:{global:{nav:"TRS Global",title:"Wysoka jakość interfejsów użytkownika",text:"Nową aplikację mobilną Red Sea Global zdecydowanie cechuje nowoczesny, atrakcyjny i ekskluzywny wygląd. Zadbaliśmy o każdy najmniejszy szczegół. Dzięki temu produkt budzi pozytywne emocje, a my doskonale wiemy, że tylko one sprawiają, że rozwiązania uznawane za bardziej funkcjonalne.",images:{photo01:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fwebsite04.png",width:473,height:1769},photo02:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fwebsite05.png",width:as,height:2403},photo03:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fwebsite06.png",width:cs,height:5275},photo04:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fwebsite07.png",width:as,height:gd},photo05:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fwebsite08.png",width:as,height:gd},photo06:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fwebsite09.png",width:cs,height:f_},photo07:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fwebsite10.png",width:as,height:ge},photo08:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fwebsite11.png",width:as,height:ge},photo09:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fwebsite12.png",width:as,height:gf},photo09in:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fwebsite12in.jpg",x:ca,y:dy,size:502,width:1885,height:co}},pin01:[{x:$,y:ag,title:"Użyteczne funkcje",text:"Aplikacja idealnie dopasowana do potrzeb klientów i Red Sea"}],pin02:[{x:T,y:$,title:"Skalowalność",text:"Możliwość rozwoju aplikacji w przyszłości"}],pin03:[{x:T,y:f,title:"Wzmocnienie zaangażowania",text:"Aplikacja utrzymuje uwagę użytkownika"},{x:.92,y:r,title:"Łatwa nawigacja",text:"Umożliwia łatwe przejścia na poszczególne sekcje aplikacji"}],pin04:[{x:T,y:r,title:"Minimalistyczy interfejs",text:"Znacząco ułatwiający responsywność"}],pin05:[{x:$,y:ao,title:gc,text:"Wzmacnia ogólny odbiór działania aplikacji"}],pin06:[{x:$,y:s,title:"Swipe",text:"Przesuwanie ekranu naśladuje ruch przewracania stron papierowej książki"}],pin07:[{x:m,y:ao,title:"Mniej elementów",text:"Szybszy czas ładowania strony i ogólna szybkość działania"}],pin08:[{x:T,y:n,title:"Pozytywne doświadczenia",text:"Zwiększenie szansy skorzystania z oferty"}],pin09:[{x:R,y:s,title:t,text:t}]},destination:{nav:"TRS Destination",images:{background01:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fbackground06.png",width:1350,height:1012},background02:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fbackground07.png",width:1213,height:gf},background03:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fbackground09.png",width:1973,height:3067},background04:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fbackground10.svg",width:1290,height:gg},background05:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fbackground11.svg",width:gh,height:gh},background06:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fbackground12.svg",width:907,height:726},background07:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fbackground13.svg",width:1063,height:850}}},amaala:{nav:"AMAALA"},images:{background01:{src:bg,width:av,height:bh},background02:{src:bi,width:bj,height:bk}}}},{title:e,prev:c,componentName:"PortfolioRedsea06",content:{title:e,text:"Wynikiem naszej współpracy z Red Sea Global jest wysokiej jakości produkt cyfrowy. Dzięki sprawnej komunikacji zaprojektowaliśmy aplikację mobilną w pełni odpowiadającą na potrzeby biznesowe światowego dewelopera.\nDobrze zaprojektowana i użyteczna aplikacja mobilna daje każdej firmie ogromną przewagę rynkową. Efekty nie przychodzą od razu, ponieważ to wymagający i długotrwały proces.\n\nNasi eksperci UX i UI doskonale wiedzą jak budować i wzmacniać tożsamość marek, tworząc nowe lub dostarczając tylko najoptymalniejsze biznesowo rozwiązania.",links:[{label:dF,url:"https:\u002F\u002Fwww.redseaglobal.com\u002Fen\u002Fhome"}],quote:"„Red Sea Global is an innovative developer that matches our ambition to create world-class seamless user experiences. The RSG Super-App will provide accessible support for employees and ensure their lives are made easier. This is a long-term project and after building the app, we look forward to continuing its evolution in years to come.”",author:"Abdullah Alsharqi",images:{background:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fbackground04.svg",width:1524,height:gg},photo:{src:"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fphoto10.png",width:f$,height:607}}}}]},footer:{customContent:{navItems:[{page:"about",subtitle:"Dowiedz się więcej",text:gi,title:"O nas"},{page:"offer",subtitle:"Nasza pełna",text:gi,title:"Oferta"},{page:"blog",subtitle:"Poczytaj",text:"Nasze centrum wiedzy\nopartej na doświadczeniu.",title:"Blog"}]}}}}],fetch:{},error:bb,serverRendered:d,routePath:"\u002Fportfolio",config:{baseUrl:gj,apiBaseUrl:gj,apiBaseUrlEn:"https:\u002F\u002Fcrafton.eu",formsHandlerBaseUrl:"https:\u002F\u002Fblog.beta.crafton.pl\u002Fwp-json\u002Fapi\u002Fv1\u002Fform",wordpressApiBaseUrl:"https:\u002F\u002Fblog.beta.crafton.pl\u002Fwp-json\u002Fapi\u002Fv1",recaptchaKey:"6Lc8Fx8UAAAAAO4ArtQWVgUDQIHic99kzQgwwGZg",differentDomain:d,skipRejectUnauth:void 0,gtmId:gk,gtmIdEn:gk,gaId:gl,gaIdEn:gl,_app:{basePath:"\u002F",assetsPath:"\u002F_nuxt\u002F",cdnURL:bb}}}}("Wyzwanie","UX","UI",true,"Rezultat",.1,"Start","O projekcie","visible","Poznaj projekt",.9,.5,.2,.8,"bottom","screen 1",555,.3,.4,"","Projektowanie graficzne","Opracowanie architektury informacji","Wdrożenie warstwy front-end",.45,"Front-end","hidden","\u002Fimg\u002Fprojects\u002Fsantander\u002Fcontent\u002Fsantander-result-bg.png","Rozwiązanie","label","top",1,"screen 2",.6,"Technologia",2,"screen 3",377,"Doradztwo projektowe",.22,3,"Warsztaty z Klientem",.16,.12,.25,.7,.65,"Przygotowanie projektów funkcjonalnych",.44,-46,"Wdrożenie warstwy back-end","User Experience",0,"UX \u002F UI",.85,"Badania z udziałem użytkowników",.84,4,.75,.48,.26,.15,"left",5,805,70,.52,"\u002Fimg\u002Fprojects\u002Fcoral\u002Fcoral-bg.png","\u002Fimg\u002Fprojects\u002Fcoral\u002Fframe.svg",.35,"Wyzwania",544,881,376,214,330,399,"Profil użytkownika","Obsługa bieżąca","User Interface",583,"Back-end","Dostęp do:","Podsumowanie",556,"Zachowania użytkownika","Integracja z systemami zewnętrznymi",.69,"Mobile app",false,.38,"\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fbg-triangles.png","\u002Fimg\u002Fprojects\u002Fg20\u002Fcontent\u002Fcorner-triangle.png","\u002Fimg\u002Fprojects\u002Fncbe\u002F01\u002Fipad.png","NEOM",287,391,351,"stc",30,"Proces",7,"Wywiad",.56,.72,.66,"Koncepcja","\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Fgrid-vue.png","\u002Fimg\u002Fprojects\u002Fssc\u002Fcontent\u002Fbg.png","WordPress",null,789,"100%","tile","Red Sea","\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fbackground02.svg",742,"\u002Fimg\u002Fprojects\u002Fredsea\u002Fcontent\u002Fbackground03.svg",526,1178,90,38,387,448,"posnania","\u002Fimg\u002Fportfolio\u002Fslider03\u002Fboxes\u002FPosnania_01.png",1109,"nobiles","roleshare","Przeciągnij czarny kwadrat wzdłuż linii","koncepcja",.55,"\u002Fimg\u002Fprojects\u002Flot\u002Fcontent\u002Fscreen2.png","Rozwiązania",20,40,"Benchmarking","UI&Technologia","Faza User Experience","\u002Fimg\u002Fprojects\u002Fnajiz\u002Fcontent\u002Fdiagram-new.png","notebook-win","Laptop\nWindows 10","smartphone-android","Smartphone\nAndroid","Mobile",.32,.04,"Wywiady pogłębione","Warsztaty koncepcyjne","Design Thinking","10","User Research",.62,"Projektowanie aplikacji mobilnej","Hayyak","UX\u002FUI","Warsztaty","\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Fgrid-nuxt.png","Usługi",.57,.37,.36,.18,6,"right","01","02","\u002Fimg\u002Fprojects\u002Fcle\u002Fbg08.svg","Badania UX",.14,"Rozwój","\u002Fimg\u002Fprojects\u002Fncbe\u002Fhelix.png","Problem:","Potrzeba:",.28,"Technologie","Architektura informacji",548,"RCU","RER","Pogłębione badania",1086,"Portfolio","Portfolio - opis","portfolio-ux-ui","WWW","portfolio-www","WEB APPS","portfolio-web-apps","APPS","portfolio-app","E-COMMERCE","portfolio-ecommerce","takamol","gazt",34,"sidf",146,"pgnig",98,"Uniwersytet Warszawski","uw",68,"clubmed",50,"mediaMarkt",80,"Cargill","cargill","intercity",125,224,82,"DQR","dqr","STOKR","stokr","24%","hrdf","34%","Podejście User Experience","\u002Fimg\u002Fprojects\u002Fsantander\u002Fcontent\u002Fbefore.png","\u002Fimg\u002Fprojects\u002Fsantander\u002Fcontent\u002Fafter.png","Statystyki","respondentów","45","analiza","Projektowanie wersji mobilnej","Testowanie rozwiązania",.74,"%","20","Nasze cele",987,785,"Proces projektowy","\u002Fimg\u002Fprojects\u002Flot\u002Fcontent\u002Fscreen1.png","Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",160,"Konin, Polska","Przekreślona poprzednia cena zwracająca uwagę na promocję",24,.89,"\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002Fscreen01.png","\u002Fimg\u002Fprojects\u002Ftrefl\u002Fcontent\u002Fscreen02.png","Nowy design i jeszcze większa personalizacja","Nasze trzy zespoły projektowe przygotowały aż 700 unikalnych widoków! Wiemy, że tylko znajomość najnowszych trendów web designu zagwarantuje naszemu klientowi sukces biznesowy i niewątpliwie wzmocni wizerunek całej marki.","Ilustracje","Zobacz online",.08,"Badania User Experience","Projekty funkcjonalne i graficzne","\u002Fimg\u002Fprojects\u002Fnajiz\u002Fcontent\u002Fbefore.png","User flow","Ahmad Nasrallah","Office Manager","Riyadh, Arabia Saudyjska","Sklep z elektroniką",23,"Gry RPG, nowe technologie","Obsługa komputera","Swoboda korzystania z Internetu","Korzystanie z aplikacji mobilnych","Preferencje","Desktop","Stakeholder workshops","Empty screens","Warsztaty Design Thinking",.42,"Persony","Rekrutacja","Strona główna",417,"Profile użytkowników","Cele","Akcje","Warszawa, Polska","2","7","\u002Fimg\u002Fprojects\u002Fncbe\u002F04\u002Fimage.png",.265,.43,"Intuicyjna nawigacja",.27,.06,"PHP","Wdrożenie aplikacji mobilnej","System STC Tendering","STC Solutions","STC Tendering","Użyteczność","Audyt rozwiązania","Projektowanie","Wdrożenie","Testowanie","PUBLIKACJA APLIKACJI","Interaktywność","Sesja pytań\ni odpowiedzi","\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Fgrid-3dvista.png","\u002Fimg\u002Fprojects\u002Fstc\u002Fcontent\u002Fgrid-spin.png","32","Dostępność","Eksploracja","UI & Technologia","notebook-apple","Laptop\nMac OS X","smartphone-apple","Smartphone\nApple","Międzyplanetarna podróż","Przegląd projektów w otoczeniu planet zachęca do zapoznania się z działalnością SSC w wyjątkowej formie. Animacje wywoływane przez scrollowanie (efekt paralaksy) pozwalają uzyskać płynne przewijanie i uprzyjemniają czas spędzony w serwisie.","15","poznanairport","Przejrzyste elementy menu umożliwiają bezpośredni dostęp do najważniejszych i aktualnych informacji o najbliższych lotach oraz zwiększają łatwość nawigacji między podstronami.","\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Fimage1_1.png","Promocje i nowości w wyrazistej stylistyce, w formie wyróżniających się kafli, wpływają na atrakcyjność przekazu oraz urozmaicenie układu treści w nowym serwisie internetowym.","\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Fimage1_2.png","Panel sprzedażowy umożliwia użytkownikom szybki i sprawny zakup biletów. W tym wypadku wdrożyliśmy integrację z serwisami rezerwacyjnymi partnerów lotniska Ławica m.in. eSky.pl.","\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Fimage2_1.png","Spółki zarządzające lotniskami publikują sprawozdania i statystyki ruchu. Ułatwiamy do nich dostęp oraz pokazujemy informacje w formie czytelnych wykresów i raportów.","\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Fimage2_2.png","Dynamicznie aktualizowane tablice odlotów prezentują niezbędne dane związane z połączeniami lotniczymi. Poza podstawowymi informacjami, takimi jak numer czy status rejsu, użytkownik może sprawdzić rzeczywistą pozycję samolotu dzięki integracji z Flightradar24.","\u002Fimg\u002Fprojects\u002Fpoznanairport\u002Fcontent\u002Fimage3_1.png","Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo.","Audyt serwisu internetowego","Analiza konkurencji i trendów","Optymalizacja",.59,"Ostatnie wiadomości",.34,646,463,"Anna Kozłowska","Specjalista Ds. Komunikacji Wewnętrznej","\u002Fimg\u002Fprojects\u002Fphotler\u002Fcontent\u002Fphotler_video.png","https:\u002F\u002Fwww.youtube-nocookie.com\u002Fembed\u002FAnyoTdBpFFc","Content marketing",12,.49,"#",.05,"User interface",.58,"03","Warsztaty przedwdrożeniowe","Analiza konkurencji","Warsztaty UX",.46,"Marketing Manager","Nasz proces",.54,60,75,"rcgnz","04",".NET","Projekt graficzny",-.1,.83,"Nowe i niezbędne funkcjonalności","pin","heart","star",432,"1. Potrzeby","2. Realizacja potrzeb",985,737,"Business Consulting","Digital Governance",122,72,73,"The Royal Commission for AlUla","National Real Estate Registration Services Company","Zdefiniowanie potrzeb klienta",743,1920,681,842,102,114,"Szybkość działania",2402,3004,809,1534,1510,"Zobacz co sprawia, że jesteśmy\nzgranym zespołem.","https:\u002F\u002Fcrafton.pl","GTM-N4CD2CSB","G-BR5H8D945Y"));</script><script src="/_nuxt/e48a5b9.js" defer></script><script src="/_nuxt/8a2a1c0.js" defer></script><script src="/_nuxt/650b2d7.js" defer></script><script src="/_nuxt/a761bb7.js" defer></script><script src="/_nuxt/f1658e2.js" defer></script><script src="/_nuxt/b69aa9a.js" defer></script><script src="/_nuxt/55d3b81.js" defer></script><script src="/_nuxt/328581f.js" defer></script> </body> </html>