1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title>Matveyan â Senior Product Designer for Fintech, Trading & Design Systems</title> 7 <meta name="description" content="Senior Product Designer focused on fintech, trading, mobile apps, web products, and design systems. Available for full-time product design roles." /> 8 <link rel="canonical" href="https://matveyan.com/" /> 9 <link rel="icon" href="/favicon.ico?v=2" sizes="any" /> 10 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=2" /> 11 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=2" /> 12 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2" /> 13 <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png?v=2" /> 14 15 <meta property="og:title" content="Matveyan â Senior Product Designer for Fintech, Trading & Design Systems" /> 16 <meta property="og:description" content="Senior Product Designer focused on fintech, trading, mobile apps, web products, and design systems. Available for full-time product design roles." /> 17 <meta property="og:url" content="https://matveyan.com/" /> 18 19 <meta name="twitter:title" content="Matveyan â Senior Product Designer for Fintech, Trading & Design Systems" /> 20 <meta name="twitter:description" content="Senior Product Designer focused on fintech, trading, mobile apps, web products, and design systems. Available for full-time product design roles." /> 21 22
22<script>document.documentElement.classList.add('boot-loading');</script>
22 23 <style> 24 html, body { margin: 0; background: #0f0f0f; } 25 .loader { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; background: transparent; overflow: hidden; } 26 .boot-loading .loader { background: #0f0f0f; } 27 .loaderContent { position: absolute; top: 50%; left: 50%; display: flex; flex-direction: column; align-items: center; gap: 20px; transform: translate(-50%, -50%); } 28 .loaderContent svg { display: block; width: 30px; height: auto; } 29 .loadline { position: relative; width: 200px; height: 1px; overflow: hidden; background: rgb(255 255 255 / 10%); } 30 .loading-bar { position: absolute; inset: 0 auto 0 0; width: 0%; height: 1px; background: #fff; } 31 .loadpercent { font-family: monospace; font-size: 12px; letter-spacing: 1px; color: #fff; } 32 .boot-loading body > :not(.loader) { opacity: 0 !important; visibility: hidden !important; } 33 .boot-loading #wave { opacity: 0 !important; visibility: hidden !important; } 34 </style> 35 <!-- Yandex.Metrika counter -->
36<script type="text/javascript"> 37 (function(m,e,t,r,i,k,a){ 38 m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; 39 m[i].l=1*new Date(); 40 for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} 41 k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a) 42 })(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=109113160', 'ym'); 43 44 ym(109113160, 'init', {ssr:true, clickmap:true, referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true}); 45</script>
45 46<!-- /Yandex.Metrika counter --> 47
47<script type="module" crossorigin src="/assets/style-BKWkXVu2.js"></script>
47 48 <link rel="preload" crossorigin href="/assets/style-9zQ37i4M.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" crossorigin href="/assets/style-9zQ37i4M.css"></noscript> 49 </head> 50 <body> 51 <noscript><div><img src="https://mc.yandex.ru/watch/109113160" style="position:absolute; left:-9999px;" alt="" /></div></noscript> 52 <div class="loader" aria-hidden="true"> 53 <div class="loading-screen loading-screen--top"></div> 54 <div class="loading-screen loading-screen--bottom"></div> 55 <div class="loaderContent" id="loadingContent"> 56 <svg width="49" height="35" viewBox="0 0 49 35" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 57 <path d="M14 7V35L0 28V0L14 7ZM31.5 7V35L17.5 28V0L31.5 7ZM49 7V35L35 28V0L49 7Z" fill="white"/> 58 </svg> 59 <div class="loadline"> 60 <div class="loading-bar"></div> 61 </div> 62 <span class="loadpercent">0%</span> 63 </div> 64 </div> 65 <div class="coursor"></div> 66 <div class="noise"></div> 67 <div class="frameScreen"> 68 <div class="progress"> 69 <div class="line"> 70 <div class="activeLine"></div> 71 </div> 72 <div class="sections"> 73 <div class="sec"></div> 74 <div class="sec"></div> 75 <div class="sec"></div> 76 <div class="subsec"></div> 77 <div class="subsec"></div> 78 <div class="subsec"></div> 79 <div class="subsec"></div> 80 <div class="subsec"></div> 81 <div class="sec"></div> 82 </div> 83 </div> 84 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 85 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 86 </svg> 87 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 88 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 89 </svg> 90 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 91 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 92 </svg> 93 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 94 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 95 </svg> 96 <div class="header"> 97 <div class="logoBlock"> 98 <svg width="94" height="14" viewBox="0 0 94 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 99 <path d="M93.0507 2.59961C93.1067 2.59961 93.1507 2.61561 93.1827 2.64761C93.2147 2.67961 93.2307 2.72361 93.2307 2.77961V10.8196C93.2307 10.8756 93.2147 10.9196 93.1827 10.9516C93.1507 10.9836 93.1067 10.9996 93.0507 10.9996H91.6827C91.5747 10.9996 91.5027 10.9596 91.4667 10.8796L88.7967 5.10161V10.8196C88.7967 10.8756 88.7787 10.9196 88.7427 10.9516C88.7107 10.9836 88.6687 10.9996 88.6167 10.9996H87.5667C87.5107 10.9996 87.4667 10.9836 87.4347 10.9516C87.4027 10.9196 87.3867 10.8756 87.3867 10.8196V2.77961C87.3867 2.72361 87.4027 2.67961 87.4347 2.64761C87.4667 2.61561 87.5107 2.59961 87.5667 2.59961H88.9347C89.0427 2.59961 89.1147 2.63961 89.1507 2.71961L91.8207 8.49761V2.77961C91.8207 2.72361 91.8367 2.67961 91.8687 2.64761C91.9047 2.61561 91.9487 2.59961 92.0007 2.59961H93.0507Z" fill="white"/> 100 <path d="M86.2371 10.7956C86.2731 10.9316 86.2251 10.9996 86.0931 10.9996H84.8691C84.7531 10.9996 84.6851 10.9516 84.6651 10.8556L84.3291 9.48761H81.5211L81.1851 10.8556C81.1651 10.9516 81.0971 10.9996 80.9811 10.9996H79.7631C79.6271 10.9996 79.5791 10.9316 79.6191 10.7956L81.7431 2.74361C81.7751 2.64761 81.8451 2.59961 81.9531 2.59961H83.8971C84.0051 2.59961 84.0751 2.64761 84.1071 2.74361L86.2371 10.7956ZM81.8511 8.14361H83.9991L83.0331 4.21961H82.8171L81.8511 8.14361Z" fill="white"/> 101 <path d="M71.3431 2.59961C71.4151 2.59961 71.4611 2.61961 71.4811 2.65961C71.5051 2.69961 71.4991 2.75161 71.4631 2.81561L68.9431 7.65161V10.8196C68.9431 10.8756 68.9271 10.9196 68.8951 10.9516C68.8631 10.9836 68.8191 10.9996 68.7631 10.9996H67.5511C67.4951 10.9996 67.4511 10.9836 67.4191 10.9516C67.3871 10.9196 67.3711 10.8756 67.3711 10.8196V7.62761L64.8511 2.81561C64.8151 2.75161 64.8071 2.69961 64.8271 2.65961C64.8511 2.61961 64.8991 2.59961 64.9711 2.59961H66.2431C66.3511 2.59961 66.4231 2.63961 66.4591 2.71961L68.1571 6.16961L69.8551 2.71961C69.8911 2.63961 69.9631 2.59961 70.0711 2.59961H71.3431Z" fill="white"/> 102 <path d="M63.4093 9.60761C63.4653 9.60761 63.5093 9.62361 63.5413 9.65561C63.5733 9.68761 63.5893 9.73161 63.5893 9.78761V10.8196C63.5893 10.8756 63.5733 10.9196 63.5413 10.9516C63.5093 10.9836 63.4653 10.9996 63.4093 10.9996H58.2073C58.1553 10.9996 58.1113 10.9836 58.0753 10.9516C58.0433 10.9196 58.0273 10.8756 58.0273 10.8196V2.77961C58.0273 2.72361 58.0433 2.67961 58.0753 2.64761C58.1113 2.61561 58.1553 2.59961 58.2073 2.59961H63.3973C63.4533 2.59961 63.4973 2.61561 63.5293 2.64761C63.5613 2.67961 63.5773 2.72361 63.5773 2.77961V3.81161C63.5773 3.86761 63.5613 3.91161 63.5293 3.94361C63.4973 3.97561 63.4533 3.99161 63.3973 3.99161H59.5933V6.00161H63.0913C63.1433 6.00161 63.1853 6.01961 63.2173 6.05561C63.2533 6.08761 63.2713 6.12961 63.2713 6.18161V7.21961C63.2713 7.27561 63.2533 7.31961 63.2173 7.35161C63.1853 7.38361 63.1433 7.39961 63.0913 7.39961H59.5933V9.60761H63.4093Z" fill="white"/> 103 <path d="M55.1339 2.74361C55.1539 2.64761 55.2219 2.59961 55.3379 2.59961H56.5619C56.6939 2.59961 56.7419 2.66761 56.7059 2.80361L54.5759 10.8556C54.5439 10.9516 54.4739 10.9996 54.3659 10.9996H52.4219C52.3139 10.9996 52.2439 10.9516 52.2119 10.8556L50.0879 2.80361C50.0479 2.66761 50.0959 2.59961 50.2319 2.59961H51.4499C51.5659 2.59961 51.6339 2.64761 51.6539 2.74361L53.2859 9.37361H53.5019L55.1339 2.74361Z" fill="white"/> 104 <path d="M48.9219 2.59961C48.9779 2.59961 49.0219 2.61561 49.0539 2.64761C49.0859 2.67961 49.1019 2.72361 49.1019 2.77961V3.81161C49.1019 3.86761 49.0859 3.91161 49.0539 3.94361C49.0219 3.97561 48.9779 3.99161 48.9219 3.99161H46.7979V10.8196C46.7979 10.8756 46.7819 10.9196 46.7499 10.9516C46.7179 10.9836 46.6739 10.9996 46.6179 10.9996H45.4059C45.3499 10.9996 45.3059 10.9836 45.2739 10.9516C45.2419 10.9196 45.2259 10.8756 45.2259 10.8196V3.99161H43.1019C43.0459 3.99161 43.0019 3.97561 42.9699 3.94361C42.9379 3.91161 42.9219 3.86761 42.9219 3.81161V2.77961C42.9219 2.72361 42.9379 2.67961 42.9699 2.64761C43.0019 2.61561 43.0459 2.59961 43.1019 2.59961H48.9219Z" fill="white"/> 105 <path d="M41.9402 10.7956C41.9762 10.9316 41.9282 10.9996 41.7962 10.9996H40.5722C40.4562 10.9996 40.3882 10.9516 40.3682 10.8556L40.0322 9.48761H37.2242L36.8882 10.8556C36.8682 10.9516 36.8002 10.9996 36.6842 10.9996H35.4662C35.3302 10.9996 35.2822 10.9316 35.3222 10.7956L37.4462 2.74361C37.4782 2.64761 37.5482 2.59961 37.6562 2.59961H39.6002C39.7082 2.59961 39.7782 2.64761 39.8102 2.74361L41.9402 10.7956ZM37.5542 8.14361H39.7022L38.7362 4.21961H38.5202L37.5542 8.14361Z" fill="white"/> 106 <path d="M28.473 10.9996C28.421 10.9996 28.377 10.9836 28.341 10.9516C28.309 10.9196 28.293 10.8756 28.293 10.8196V2.77961C28.293 2.72361 28.309 2.67961 28.341 2.64761C28.377 2.61561 28.421 2.59961 28.473 2.59961H29.721C29.849 2.59961 29.921 2.63961 29.937 2.71961L31.203 9.25961H31.287L32.553 2.71961C32.569 2.63961 32.641 2.59961 32.769 2.59961H34.017C34.069 2.59961 34.111 2.61561 34.143 2.64761C34.179 2.67961 34.197 2.72361 34.197 2.77961V10.8196C34.197 10.8756 34.179 10.9196 34.143 10.9516C34.111 10.9836 34.069 10.9996 34.017 10.9996H33.087C33.031 10.9996 32.987 10.9836 32.955 10.9516C32.923 10.9196 32.907 10.8756 32.907 10.8196V5.78561H32.823L31.803 10.8556C31.787 10.9516 31.717 10.9996 31.593 10.9996H30.897C30.773 10.9996 30.703 10.9516 30.687 10.8556L29.667 5.78561H29.583V10.8196C29.583 10.8756 29.567 10.9196 29.535 10.9516C29.503 10.9836 29.459 10.9996 29.403 10.9996H28.473Z" fill="white"/> 107 <path fill-rule="evenodd" clip-rule="evenodd" d="M5.59961 2.7998V14L0 11.2002V0L5.59961 2.7998ZM12.5996 2.7998V14L7 11.2002V0L12.5996 2.7998ZM19.5996 2.7998V14L14 11.2002V0L19.5996 2.7998Z" fill="white"/> 108 </svg> 109 <svg id="wave" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 38.05" data-cursor-text="Enable sound"> 110 <title>Audio Wave</title> 111 <path id="Line_1" data-name="Line 1" d="M0.91,15L0.78,15A1,1,0,0,0,0,16v6a1,1,0,1,0,2,0s0,0,0,0V16a1,1,0,0,0-1-1H0.91Z"/> 112 <path id="Line_2" data-name="Line 2" d="M6.91,9L6.78,9A1,1,0,0,0,6,10V28a1,1,0,1,0,2,0s0,0,0,0V10A1,1,0,0,0,7,9H6.91Z"/> 113 <path id="Line_3" data-name="Line 3" d="M12.91,0L12.78,0A1,1,0,0,0,12,1V37a1,1,0,1,0,2,0s0,0,0,0V1a1,1,0,0,0-1-1H12.91Z"/> 114 <path id="Line_4" data-name="Line 4" d="M18.91,10l-0.12,0A1,1,0,0,0,18,11V27a1,1,0,1,0,2,0s0,0,0,0V11a1,1,0,0,0-1-1H18.91Z"/> 115 <path id="Line_5" data-name="Line 5" d="M24.91,15l-0.12,0A1,1,0,0,0,24,16v6a1,1,0,0,0,2,0s0,0,0,0V16a1,1,0,0,0-1-1H24.91Z"/> 116 <path id="Line_6" data-name="Line 6" d="M30.91,10l-0.12,0A1,1,0,0,0,30,11V27a1,1,0,1,0,2,0s0,0,0,0V11a1,1,0,0,0-1-1H30.91Z"/> 117 <path id="Line_7" data-name="Line 7" d="M36.91,0L36.78,0A1,1,0,0,0,36,1V37a1,1,0,1,0,2,0s0,0,0,0V1a1,1,0,0,0-1-1H36.91Z"/> 118 <path id="Line_8" data-name="Line 8" d="M42.91,9L42.78,9A1,1,0,0,0,42,10V28a1,1,0,1,0,2,0s0,0,0,0V10a1,1,0,0,0-1-1H42.91Z"/> 119 <path id="Line_9" data-name="Line 9" d="M48.91,15l-0.12,0A1,1,0,0,0,48,16v6a1,1,0,1,0,2,0s0,0,0,0V16a1,1,0,0,0-1-1H48.91Z"/> 120 </svg> 121 </div> 122<ul class="mainMenu"> 123 <li><a href="cv.pdf" class="link" target="_blank" rel="noopener noreferrer">cv <svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg"> 124 <path d="M4 0H0L4 4V0Z" fill="white"/> 125 </svg> 126 </a></li> 127 <li><a href="https://www.behance.net/matart" class="link" target="_blank" rel="noopener noreferrer">behance <svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg"> 128 <path d="M4 0H0L4 4V0Z" fill="white"/> 129 </svg> 130 </a></li> 131 <li><a href="https://dribbble.com/MatveyAnanev" class="link" target="_blank" rel="noopener noreferrer">dribbble <svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg"> 132 <path d="M4 0H0L4 4V0Z" fill="white"/> 133 </svg> 134 </a></li> 135 <li><a href="https://www.linkedin.com/in/matveyan/" class="link" target="_blank" rel="noopener noreferrer">linkedin <svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg"> 136 <path d="M4 0H0L4 4V0Z" fill="white"/> 137 </svg> 138 </a></li> 139 <li><a href="mailto:[email protected]" class="link" target="_blank" rel="noopener noreferrer">Mail <svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg"> 140 <path d="M4 0H0L4 4V0Z" fill="white"/> 141 </svg> 142 </a></li> 143</ul>
144<svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 145 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 146</svg> 147<svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 148 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 149</svg> 150 </div> 151 <div class="footer"> 152 <div class="footerLeft"> 153 <div class="quote"> 154 <img src="/assets/avatar-BLowVkpa.png" alt="Portrait of Matvey Ananev, fintech designer" title="Portrait of Matvey Ananev, fintech designer"> 155 <p class="small">I make complex financial systems simple for users</p> 156 </div> 157 <div class="fin"> 158 <div class="finCard"> 159 <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 160 <rect width="26" height="26" rx="13" fill="white" fill-opacity="0.1"/> 161 <path d="M17.9739 11.6941C18.1819 10.2931 17.123 9.53998 15.6749 9.03759L16.1447 7.13978L14.9978 6.85192L14.5405 8.69976C14.2389 8.62401 13.9293 8.55264 13.6216 8.48188L14.0822 6.62185L12.936 6.33398L12.4659 8.23117C12.2164 8.17395 11.9714 8.1174 11.7336 8.05781L11.7349 8.05184L10.1533 7.65401L9.8482 8.88789C9.8482 8.88789 10.6991 9.08436 10.6812 9.09646C11.1456 9.21322 11.2296 9.5229 11.2157 9.76836L10.6806 11.9304C10.7126 11.9386 10.754 11.9504 10.7998 11.969C10.7616 11.9594 10.7208 11.9489 10.6786 11.9387L9.92857 14.9675C9.87181 15.1096 9.72774 15.3229 9.40302 15.2419C9.41452 15.2587 8.56943 15.0324 8.56943 15.0324L8 16.3547L9.49253 16.7295C9.77019 16.7997 10.0423 16.873 10.3102 16.942L9.83564 18.8616L10.9812 19.1495L11.4512 17.2503C11.7642 17.3359 12.0679 17.4148 12.3653 17.4892L11.8968 19.3795L13.0438 19.6673L13.5184 17.7513C15.4741 18.1242 16.9447 17.9739 17.5636 16.192C18.0624 14.7575 17.5388 13.93 16.5099 13.3904C17.2593 13.2163 17.8234 12.7197 17.9739 11.6941ZM15.3534 15.3953C14.999 16.8299 12.601 16.0544 11.8236 15.86L12.4534 13.3169C13.2308 13.5124 15.7238 13.8992 15.3534 15.3953ZM15.7081 11.6733C15.3848 12.9782 13.3889 12.3153 12.7415 12.1527L13.3125 9.84627C13.96 10.0088 16.0448 10.3122 15.7081 11.6733Z" fill="white"/> 162 </svg> 163 <div class="finText"> 164 <span class="finTitle">BTC</span> 165 <span class="changePrice"> 166 <span class="finPrice">71 717</span> 167 <span class="finChange up"> 168 <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 169 <path d="M6 8H2L4 5.5L6 8Z" fill="#65A049"/> 170 </svg> 171 0.33%</span> 172 </span> 173 </div> 174 </div> 175 <span class="divider ld"></span> 176 <div class="finCard"> 177 <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 178 <rect width="26" height="26" rx="13" fill="white" fill-opacity="0.1"/> 179 <path d="M6 17.2323V11.8494H11.3885V8.61523H20V17.2323H6Z" fill="white"/> 180 </svg> 181 <div class="finText"> 182 <span class="finTitle">IMOEX</span> 183 <span class="changePrice"> 184 <span class="finPrice">71 717</span> 185 <span class="finChange down"> 186 <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 187 <path d="M6 5.5H2L4 8L6 5.5Z" fill="#A0494B"/> 188 </svg> 189 0.33%</span> 190 </span> 191 </div> 192 </div> 193 <span class="divider ld"></span> 194 <div class="finCard"> 195 <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 196 <rect width="26" height="26" rx="13" fill="white" fill-opacity="0.1"/> 197 <path d="M8.147 16C9.455 16 10.362 15.176 10.362 13.962V13.954C10.362 12.861 9.574 12.07 8.482 12.07C7.903 12.07 7.43 12.307 7.19 12.697H7.166L7.308 11.065H10.015V10.1H6.362L6.098 13.504H7.131C7.201 13.384 7.296 13.271 7.407 13.183C7.604 13.026 7.856 12.938 8.155 12.938C8.778 12.938 9.223 13.368 9.227 13.978V13.987C9.227 14.605 8.782 15.04 8.151 15.04C7.596 15.04 7.19 14.702 7.103 14.264L7.099 14.236H6L6.004 14.296C6.07 15.265 6.898 16 8.147 16ZM12.886 16C14.312 16 15.179 14.847 15.179 13.002V12.994C15.179 11.149 14.312 10 12.886 10C11.456 10 10.589 11.15 10.589 12.994V13.002C10.589 14.847 11.455 16 12.886 16ZM12.886 15.027C12.188 15.027 11.794 14.276 11.794 13.002V12.994C11.794 11.72 12.188 10.973 12.886 10.973C13.579 10.973 13.977 11.72 13.977 12.994V13.002C13.977 14.276 13.579 15.027 12.886 15.027ZM17.707 16C19.133 16 20 14.847 20 13.002V12.994C20 11.149 19.133 10 17.707 10C16.277 10 15.41 11.15 15.41 12.994V13.002C15.41 14.847 16.277 16 17.707 16ZM17.707 15.027C17.009 15.027 16.615 14.276 16.615 13.002V12.994C16.615 11.72 17.009 10.973 17.707 10.973C18.4 10.973 18.798 11.72 18.798 12.994V13.002C18.798 14.276 18.4 15.027 17.707 15.027Z" fill="white"/> 198 </svg> 199 <div class="finText">
200 <span class="finTitle">S&P500</span> 201 <span class="changePrice"> 202 <span class="finPrice">71 717</span> 203 <span class="finChange up"> 204 <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 205 <path d="M6 8H2L4 5.5L6 8Z" fill="#65A049"/> 206 </svg> 207 0.33%</span> 208 </span> 209 </div> 210 </div> 211 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 212 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 213 </svg> 214 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 215 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 216 </svg> 217 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 218 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 219 </svg> 220 </div> 221 </div> 222 <div class="scrollDown"> 223 <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 224 <rect x="5" y="3.5" width="10" height="15" rx="3.5" stroke="white"/> 225 <rect x="9.5" y="6" width="1" height="4" rx="0.5" fill="white"/> 226 </svg> 227 <span>Scroll down</span> 228 </div> 229 <div class="footNumbers"> 230 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 231 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 232 </svg> 233 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 234 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 235 </svg> 236 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 237 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 238 </svg> 239 <div class="footNumbersColumn"> 240 <div>Cursor X: <span data-debug-x>0</span></div> 241 <div>Cursor Y: <span data-debug-y>0</span></div> 242 </div> 243 <span class="divider"></span> 244 <div class="footNumbersColumn"> 245 <div>Scroll: <span data-debug-scroll>0</span></div> 246 <div>Time: <span data-debug-time>0.0s</span></div> 247 </div> 248 </div> 249 </div> 250 </div> 251 <div id="hero-content"> 252 <div class="hero-inner"> 253 <div class="logoTitle"> 254 <svg width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 255 <path d="M8 4V20L0 16V0L8 4ZM18 4V20L10 16V0L18 4ZM28 4V20L20 16V0L28 4Z" fill="white"/> 256 </svg> 257 <h1> 258 <b>Ui</b> <span class="icon-x"></span> <b>Ux</b> for capital, data and control 259 </h1> 260 </div> 261 <p>I design fintech platforms, industrial dashboards and design systems for companies where decisions cost millions</p> 262 <a href="https://t.me/MatveyAnanev" class="btn" data-cursor-text="Send me message"> 263 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 264 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 265 </svg> 266 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 267 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 268 </svg> 269 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 270 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 271 </svg> 272 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 273 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 274 </svg> 275 <span>WRITE TO TELEGRAM</span></a> 276 </div> 277 </div> 278 <div id="bg-video-stack" aria-hidden="true"> 279 <video 280 id="bg-video" 281 autoplay 282 muted 283 loop 284 playsinline 285 preload="auto" 286 > 287 <source src="/mbg.mp4" type="video/mp4" /> 288 </video> 289 </div> 290 <div class="edge-blur" aria-hidden="true"> 291 <div class="edge-blur__top"></div> 292 <div class="edge-blur__bottom"></div> 293 </div> 294 <div id="webgl-root" aria-hidden="true"></div> 295 <div class="scroll-stage" aria-hidden="true"></div> 296 <div class="section" id="spec"> 297 <div class="container"> 298 <ul class="tags" data-motion-text> 299 <li>NEO BANKING</li> 300 <li>brokerage</li> 301 <li>TRADING</li> 302 <li>INVESTMENT</li> 303 <li>CRYPTO</li> 304 </ul> 305<h2 data-motion-text> 306 <b>I specialize in</b> 307 <span class="icon-android"></span> 308 <span class="icon-apple"></span> mobile app design, 309 <span class="icon-component"></span> design-system development, and complex 310 <span class="icon-web"></span> web interfaces for Financial 311</h2> 312<p class="bio" data-motion-text><span>Iâm currently open to full-time Senior / Lead Product Designer roles in fintech, investment, or infrastru
312cture products. Iâm also available for selected high-impact contract work.</span></p> 313<ul class="btnGroup" data-motion-text> 314 <li> 315 <a href="https://t.me/MatveyAnanev" class="btn" data-cursor-text="Send me message"> 316 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 317 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 318 </svg> 319 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 320 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 321 </svg> 322 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 323 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 324 </svg> 325 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 326 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 327 </svg> 328 <span>WRITE TO TELEGRAM</span></a> 329 </li> 330 <li> 331 <a href="cv.pdf" class="btn secondary" data-cursor-text="Available hire"> 332 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 333 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 334 </svg> 335 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 336 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 337 </svg> 338 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 339 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 340 </svg> 341 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 342 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 343 </svg> 344 <span>DOWNLOAD CV</span></a> 345 </li> 346</ul> 347 </div> 348 </div> 349 <div class="section" id="cases"> 350 <div class="container"> 351<div class="titleGroup"> 352<h2 data-motion-text> 353<b>Selected fintech cases</b> 354<a href="https://www.behance.net/matart" target="_blank" rel="noopener noreferrer"><span class="icon-behance"></span></a> 355<a href="https://dribbble.com/MatveyAnanev" target="_blank" rel="noopener noreferrer"><span class="icon-dribbble"></span></a><br/> 356I have more than <b>15 years of experience</b> 357 </h2> 358</div> 359<ul class="tags" data-motion-text> 360 <li>Freelance, office, remote work, personal projects...</li> 361</ul> 362<ul class="logoGroup" data-motion-text> 363<li> 364 <svg width="92" height="50" viewBox="0 0 92 50" fill="none" xmlns="http://www.w3.org/2000/svg"> 365 <g clip-path="url(#clip0_1900_10291)"> 366 <path d="M39.3783 23.462C37.6418 23.0523 36.1408 22.6985 36.1408 21.4889C36.1408 19.8668 38.1389 19.6908 38.9975 19.6908C40.1889 19.6908 40.8658 19.8552 41.7533 20.2581L44.1475 18.4947C42.8533 17.6716 40.9091 17.0273 39.0196 17.0273C34.5148 17.0273 32.91 19.4216 32.91 21.661C32.91 24.887 35.7177 25.5591 38.1937 26.1514C39.9341 26.5677 41.437 26.9273 41.437 28.1572C41.437 28.7889 41.06 29.8466 38.5379 29.8466C36.8629 29.8466 35.0283 29.26 33.7264 28.31L32.6322 30.812C33.9591 31.8456 36.26 32.511 38.5168 32.511C42.2533 32.511 44.6687 30.7014 44.6687 27.8985C44.6687 24.7072 41.8581 24.0456 39.3783 23.462ZM54.9408 29.761H50.911V25.9293H54.9398C56.7802 25.9293 57.7139 26.5668 57.7139 27.8456C57.7139 29.1273 56.8072 29.761 54.9408 29.761ZM50.911 19.7783H54.3533C56.5254 19.7783 56.9802 20.7783 56.9802 21.6081C56.9802 22.812 56.0725 23.437 54.3543 23.437H50.911V19.7783ZM58.3543 24.5341L58.2004 24.4831L58.3427 24.4062C59.5754 23.7379 60.2543 22.5793 60.2543 21.1447C60.2543 18.7293 58.2062 17.2879 54.7735 17.2879H47.6783V32.2523H55.1927C58.9302 32.2523 60.9879 30.8139 60.9879 28.2014C60.9879 26.4225 60.0283 25.086 58.3543 24.5331V24.5341ZM71.936 19.7783L75.3196 17.287H63.9937V32.2523H75.3206V29.762H67.2273V25.9302H74.1312V23.4379H67.2273V19.7783H71.936ZM81.5668 19.7783H84.4312C86.5014 19.7783 87.6427 20.7975 87.6427 22.6495C87.6427 24.5014 86.5014 25.5206 84.4312 25.5206H81.5658L81.5668 19.7783ZM91.1091 32.2523L87.8187 27.3908C89.7591 26.5447 90.8793 24.8764 90.8793 22.6427C90.8793 19.3389 88.4341 17.287 84.4995 17.287H78.3341V32.2523H81.5658V28.0139H84.5004C84.5918 28.0139 84.6831 28.011 84.7735 28.0091L87.6456 32.2523H91.1091ZM12.4552 24.5937L7.71484 21.6245V25.1966L12.4552 28.1668L23.8043 19.81C23.4033 18.9254 22.9004 18.0956 22.312 17.336L12.4552 24.5937Z" fill="white"/> 367 <path d="M24.9087 24.9442C24.9087 24.1837 24.8413 23.4385 24.7096 22.7144L22.0279 24.6894C22.0304 24.7744 22.0317 24.8593 22.0317 24.9442C22.0317 30.2212 17.7346 34.5135 12.4548 34.5135C7.17308 34.5135 2.87692 30.2202 2.87692 24.9442C2.87692 19.6683 7.17308 15.375 12.4538 15.375C14.4558 15.375 16.3154 15.9914 17.8538 17.0452L20.2769 15.2606C18.0629 13.47 15.3004 12.4953 12.4529 12.5C5.575 12.5 0 18.0712 0 24.9442C0 31.8173 5.575 37.3885 12.4538 37.3885C19.3327 37.3885 24.9087 31.8164 24.9087 24.9442Z" fill="white"/> 368 </g> 369 <defs> 370 <clipPath id="clip0_1900_10291"> 371 <rect width="91.25" height="50" fill="white"/> 372 </clipPath> 373 </defs> 374 </svg> 375</li> 376<li>
377 <svg width="87" height="50" viewBox="0 0 87 50" fill="none" xmlns="http://www.w3.org/2000/svg"> 378 <g clip-path="url(#clip0_1900_10292)"> 379 <path d="M9.14832 31.25C16.4022 31.25 17.5356 27.8497 17.5356 26.2791V26.0201H12.7753C12.7105 26.2953 12.3543 27.9955 8.80829 27.9955C5.56995 27.9955 4.76036 26.2953 4.76036 25V24.8057C4.76036 23.4618 5.4728 21.9883 8.7921 21.9883C12.2895 21.9883 12.6619 23.5104 12.7591 23.8342H17.5356V23.6237C17.5356 22.0693 16.467 18.75 9.14832 18.75H8.51684C1.00389 18.75 0 22.4255 0 24.7247V25.1943C0 27.4773 1.11723 31.25 8.51684 31.25H9.14832Z" fill="white"/> 380 <path d="M18.5067 24.7247C18.5067 27.0563 19.4944 31.2176 26.5055 31.2176H27.1531C33.9698 31.2176 35.0871 27.0563 35.0871 24.7247V18.9767H30.4886V24.3685C30.4886 25.842 29.8086 27.6069 26.8131 27.6069C23.7691 27.6069 23.1214 25.842 23.1214 24.3685V18.9767H18.5067V24.7247Z" fill="white"/> 381 <path d="M36.5041 18.9767V31.0233H41.0702V23.7209L48.6155 31.0233H53.2139V18.9767H48.6479V25.8258L41.6531 18.9767H36.5041Z" fill="white"/> 382 <path d="M54.7672 18.9767V31.0233H68.2225V28.0117H59.3009V26.3601H67.9149V23.4294H59.3009V21.9236H68.093V18.9767H54.7672Z" fill="white"/> 383 <path d="M74.1655 31.0233L77.501 27.2506L80.8689 31.0233H86.5198L81.0632 24.7895L86.2769 18.9767H80.8203L77.7439 22.5227L74.6837 18.9767H68.8061L74.1493 24.8381L68.628 31.0233H74.1655Z" fill="white"/> 384 </g> 385 <defs> 386 <clipPath id="clip0_1900_10292"> 387 <rect width="86.25" height="50" fill="white"/> 388 </clipPath> 389 </defs> 390 </svg> 391</li> 392<li> 393 <svg width="32" height="50" viewBox="0 0 32 50" fill="none" xmlns="http://www.w3.org/2000/svg">
394 <path d="M27.6821 22.6998C25.7196 23.5515 24.0773 24.0615 21.8668 24.745C19.1657 25.6861 16.7074 26.6167 15.3182 28.7408C14.9101 29.419 14.5796 30.2708 14.4195 31.2066H14.2542C14.1768 30.5284 13.9288 29.7607 13.2729 28.9984C12.209 27.5421 10.4841 26.9584 9.09483 26.6167L6.55385 25.8491C3.76497 25.0026 2.37571 24.1456 1.5597 23.6409C0.981266 23.2991 0.573267 23.0415 0 22.2791V27.6367C0 28.2308 0.165266 28.7408 0.490634 29.256C0.898637 29.5925 1.14137 29.8501 1.55453 30.1025C2.37054 30.6125 3.76497 31.3801 6.55385 32.2318L9.08966 32.9942C10.4789 33.3359 12.1987 34.0142 13.2678 35.3759C13.9237 36.1382 14.1664 36.8218 14.2439 37.5H14.4091C14.5692 36.5694 14.8998 35.7965 15.3078 35.1236C16.6971 32.9942 19.1554 32.0636 21.8565 31.1277C24.0721 30.4495 25.7092 29.9395 27.6718 29.1667C28.9888 28.5778 30.7034 27.7208 30.7034 26.1067V20.744C29.8099 21.6851 28.9939 22.2003 27.6821 22.6998ZM27.6821 14.4558C28.9991 13.8617 29.8151 13.3517 30.7086 12.5V17.7734C30.7086 19.4716 28.9939 20.2392 27.6769 20.8334C25.7144 21.6851 24.0773 22.2003 21.8617 22.8785C19.1606 23.7302 16.7022 24.6661 15.313 26.7902C14.9049 27.5473 14.5744 28.2361 14.4091 29.1667H14.2439C14.1664 28.4885 13.9186 27.8943 13.2626 27.0426C12.1987 25.6861 10.4737 25.0868 9.08449 24.6661L6.54351 23.8985C3.75464 23.0468 2.36537 22.2845 1.54937 21.7744C1.13621 21.5168 0.893473 21.3486 0.48547 21.0069C0.165266 20.4075 0 19.8975 0 19.2981V13.9458C0.573267 14.7082 0.981266 14.9658 1.55453 15.3917C2.37054 15.9017 3.75981 16.664 6.54868 17.5158L9.08449 18.2781C10.4737 18.704 12.1935 19.2981 13.2626 20.6599C13.9186 21.4222 14.1613 22.2739 14.2388 22.9521H14.404C14.5641 22.0215 14.8946 21.0804 15.3026 20.4022C16.6919 18.2781 19.1503 17.3423 21.8513 16.4905C24.0773 15.7334 25.7144 15.3076 27.6821 14.4558Z" fill="white"/> 395 </svg> 396</li> 397<li> 398 <svg width="135" height="50" viewBox="0 0 135 50" fill="none" xmlns="http://www.w3.org/2000/svg"> 399 <g clip-path="url(#clip0_1900_10294)"> 400 <path d="M13.5312 35.9365L10.8242 37.5L0 31.249V28.124L13.5312 35.9365ZM18.9434 17.1865L5.41309 25L18.9453 32.8125L16.2393 34.374L2.92188 26.6846C1.62428 25.9353 1.62428 24.0617 2.92188 23.3125L16.2373 15.625L18.9434 17.1865ZM64.5791 19.3467C68.1841 19.3467 69.9648 21.8772 69.9648 24.999C69.9648 28.1207 68.184 30.6503 64.5791 30.6504C63.2292 30.6504 61.8065 29.8855 61.1621 29.0332V34.0391H58.833V19.4775H61.1621V20.9668C61.8082 20.1162 63.229 19.3486 64.5791 19.3486V19.3467ZM118.969 19.3467C122.574 19.3467 124.354 21.8772 124.354 24.999C124.354 28.1207 122.574 30.6503 118.969 30.6504C117.619 30.6504 116.196 29.8855 115.552 29.0332V34.0391H113.223V19.4775H115.552V20.9668C116.198 20.1162 117.619 19.3486 118.969 19.3486V19.3467ZM53.6846 30.5547L53.6025 30.7539L53.1338 31.9023C52.5257 33.3918 51.6029 34.0381 49.9561 34.0381H47.8643V31.9209H49.958C50.5371 31.9209 50.8597 31.7255 51.0859 31.1572L51.3223 30.5488L46.8018 19.4766H49.2832L52.5039 27.5732L55.7275 19.4756H58.209L53.6846 30.5547ZM130.812 30.7539L130.344 31.9023C129.736 33.3917 128.813 34.038 127.166 34.0381H125.073V31.9209H127.167C127.746 31.9209 128.069 31.7254 128.295 31.1572L128.532 30.5488L124.012 19.4766H126.492L129.716 27.5771L132.938 19.4766L132.937 19.4756H135.418L130.812 30.7539ZM21.6494 21.875L16.2363 25L21.6494 28.126V31.251L13.7441 26.6865C12.4468 25.9372 12.4467 24.0646 13.7441 23.3154L21.6494 18.751V21.875ZM33.6504 19.3486C36.6183 19.3487 38.2239 21.0661 38.6963 23.417H36.2764C35.88 21.9205 34.8702 21.3448 33.6035 21.3447C31.5802 21.3447 30.4775 22.9759 30.4775 25.001C30.4777 27.0259 31.5803 28.6582 33.6035 28.6582C34.8702 28.6581 35.8799 28.0807 36.2744 26.5859H38.6963C38.2239 28.9368 36.6183 30.6523 33.6504 30.6523C30.0455 30.6523 28.0841 28.1227 28.084 25.001C28.084 21.8791 30.0454 19.3486 33.6504 19.3486ZM82.6709 19.3486C86.2759 19.3486 88.3018 21.8791 88.3018 25.001C88.3016 28.1227 86.2758 30.6523 82.6709 30.6523C79.0662 30.6522 77.0412 28.1226 77.041 25.001C77.041 21.8792 79.066 19.3488 82.6709 19.3486ZM94.7998 19.3486C97.7678 19.3486 99.3733 21.0662 99.8457 23.417H97.4258C97.0294 21.9205 96.0197 21.3447 94.7529 21.3447C92.7298 21.3449 91.6279 22.9759 91.6279 25.001C91.6281 27.0259 92.7299 28.6581 94.7529 28.6582C96.0198 28.6582 97.0303 28.0808 97.4248 26.5859H99.8457C99.3734 28.9368 97.7678 30.6523 94.7998 30.6523C91.1952 30.6521 89.2335 28.1225 89.2334 25.001C89.2334 21.8793 91.195 19.3488 94.7998 19.3486ZM106.331 19.3486C109.936 19.3487 111.961 21.8792 111.961 25.001C111.961 28.1226 109.936 30.6522 106.331 30.6523C102.726 30.6523 100.701 28.1227 100.701 25.001C100.701 21.8791 102.726 19.3486 106.331 19.3486ZM42.4102 21.1221C42.9386 19.9712 44.1255 19.4785 45.0195 19.4785H46.5273V21.6572H44.5088C43.3507 21.6574 42.4103 22.597 42.4102 23.7568V30.5234H40.0811V19.4785H42.4102V21.1221ZM73.7285 19.4785H76.5967V21.5947H73.7285V27.6123C73.7286 28.1405 74.0702 28.4062 74.5225 28.4062H76.5967V30.5234H74.2832C73.0978 30.5232 71.3994 29.6618 71.3994 27.541V17.9336L73.7285 16.5889V19.4785ZM64.4453 21.3467C62.4274 21.3467 61.1693 22.7747 61.1621 24.9844V25.0186C61.1693 27.2283 62.4274 28.6582 64.4453 28.6582V28.6602C66.4685 28.66 67.5703 27.027 67.5703 25.002C67.5701 22.9771 66.4629 21.3468 64.4453 21.3467ZM118.835 21.3467C116.817 21.3467 115.559 22.7747 115.552 24.9844V25.0186C115.559 27.2283 116.817 28.6582 118.835 28.6582V28.6602C120.858 28.66 121.96 27.027 121.96 25.002C121.96 22.9771 120.853 21.3468 118.835 21.3467ZM82.6709 21.3447C80.6478 21.3449 79.4355 22.9759 79.4355 25.001C79.4357 27.0259 80.6479 28.6581 82.6709 28.6582C84.6941 28.6582 85.9071 27.0259 85.9072 25.001C85.9072 22.9759 84.6942 21.3447 82.6709 21.3447ZM106.331 21.3447C104.308 21.3447 103.095 22.9759 103.095 25.001C103.095 27.0259 104.308 28.6582 106.331 28.6582C108.354 28.6581 109.566 27.0259 109.566 25.001C109.566 22.9759 108.354 21.3448 106.331 21.3447ZM13.5312 14.0615L0 21.875V18.749L10.8242 12.5L13.5312 14.0615Z" fill="white"/> 401 </g> 402 <defs> 403 <clipPath id="clip0_1900_10294"> 404 <rect width="135" height="50" fill="white"/> 405 </clipPath> 406 </defs> 407 </svg> 408</li> 409<li>
410 <svg width="95" height="50" viewBox="0 0 95 50" fill="none" xmlns="http://www.w3.org/2000/svg"> 411 <g clip-path="url(#clip0_1900_10295)"> 412 <path d="M22.3408 33.2598L5.20215 37.5L0.0136719 36.1133V33.0303C0.0136719 31.3325 0 30.1094 0 30.1094L5.29297 31.3877L22.3408 27.21V33.2598ZM50.5215 26.2803C51.7585 26.2804 52.8046 26.7125 53.6592 27.5752C54.5217 28.4298 54.9531 29.4758 54.9531 30.7129C54.9531 31.9418 54.5218 32.9879 53.6592 33.8506C52.8046 34.7132 51.7585 35.1444 50.5215 35.1445C49.2843 35.1445 48.2375 34.7133 47.3828 33.8506C46.5284 32.9879 46.1016 31.9417 46.1016 30.7129C46.1016 29.4759 46.5284 28.4298 47.3828 27.5752C48.2375 26.7124 49.2843 26.2803 50.5215 26.2803ZM65.9023 26.2812C67.1395 26.2812 68.1854 26.7125 69.04 27.5752C69.9028 28.4298 70.335 29.4757 70.335 30.7129C70.3349 31.9419 69.9028 32.9878 69.04 33.8506C68.1854 34.7132 67.1394 35.1445 65.9023 35.1445C64.6653 35.1444 63.6192 34.7132 62.7646 33.8506C61.9101 32.9879 61.4825 31.9418 61.4824 30.7129C61.4824 29.4758 61.9102 28.4298 62.7646 27.5752C63.6192 26.7125 64.6653 26.2813 65.9023 26.2812ZM75.7158 26.2803C76.4972 26.2803 77.2141 26.4684 77.8652 26.8428C78.5244 27.2172 79.0371 27.7217 79.4033 28.3564L78.415 28.9307C78.1709 28.4586 77.8038 28.0834 77.3154 27.8066C76.8353 27.5219 76.3017 27.3799 75.7158 27.3799C74.7312 27.38 73.9255 27.6972 73.2988 28.332C72.6803 28.9669 72.3711 29.7606 72.3711 30.7129C72.3712 31.6569 72.6804 32.4463 73.2988 33.0811C73.9255 33.7158 74.7312 34.0341 75.7158 34.0342C76.3018 34.0342 76.8352 33.8949 77.3154 33.6182C77.8038 33.3333 78.1709 32.959 78.415 32.4951L79.4033 33.0566C79.0452 33.6915 78.5362 34.2005 77.877 34.583C77.2177 34.9573 76.4971 35.1445 75.7158 35.1445C74.4219 35.1444 73.3513 34.7177 72.5049 33.8633C71.6666 33.0087 71.2481 31.9581 71.248 30.7129C71.248 29.4676 71.6666 28.4171 72.5049 27.5625C73.3513 26.7079 74.4218 26.2804 75.7158 26.2803ZM84.6338 26.2803C85.871 26.2803 86.9168 26.7124 87.7715 27.5752C88.6342 28.4298 89.0654 29.4757 89.0654 30.7129C89.0654 31.9418 88.6342 32.9879 87.7715 33.8506C86.9169 34.7133 85.8709 35.1445 84.6338 35.1445C83.3967 35.1445 82.3507 34.7133 81.4961 33.8506C80.6415 32.9879 80.2139 31.9418 80.2139 30.7129C80.2139 29.4758 80.6416 28.4298 81.4961 27.5752C82.3507 26.7124 83.3966 26.2803 84.6338 26.2803ZM35.0254 26.4395C35.8148 26.4395 36.4704 26.7044 36.9912 27.2334C37.52 27.7542 37.7841 28.4054 37.7842 29.1865C37.7841 29.9597 37.5202 30.6116 36.9912 31.1406C36.4704 31.6695 35.8147 31.9335 35.0254 31.9336H33.0596V34.9863H31.9238V26.4395H35.0254ZM42.5439 26.4395C43.2765 26.4395 43.9039 26.6998 44.4248 27.2207C44.9456 27.7334 45.206 28.3565 45.2061 29.0889C45.206 29.6422 45.0386 30.1468 44.7051 30.6025C44.3796 31.0582 43.9563 31.3802 43.4355 31.5674L45.4502 34.9863H44.1924L42.2754 31.7139H40.2607V34.9863H39.125V26.4395H42.5439ZM61.2998 27.5137H58.7725V34.9863H57.6494V27.5137H55.1338V26.4395H61.2998V27.5137ZM91.5664 33.9121H95.2529V34.9863H90.4307V26.4395H91.5664V33.9121ZM50.5215 27.3799C49.5856 27.3799 48.7999 27.701 48.165 28.3438C47.5384 28.9786 47.2246 29.7687 47.2246 30.7129C47.2247 31.6488 47.5384 32.4381 48.165 33.0811C48.7999 33.7159 49.5855 34.0342 50.5215 34.0342C51.4573 34.0341 52.2386 33.7158 52.8652 33.0811C53.5 32.4381 53.8173 31.6487 53.8174 30.7129C53.8174 29.7687 53.5001 28.9786 52.8652 28.3438C52.2386 27.701 51.4572 27.38 50.5215 27.3799ZM65.9023 27.3799C64.9665 27.38 64.1807 27.7018 63.5459 28.3447C62.9195 28.9795 62.6064 29.769 62.6064 30.7129C62.6065 31.6487 62.9195 32.4381 63.5459 33.0811C64.1807 33.7158 64.9665 34.0341 65.9023 34.0342C66.8383 34.0342 67.6203 33.7159 68.2471 33.0811C68.8817 32.4381 69.1992 31.6487 69.1992 30.7129C69.1992 29.7689 68.8817 28.9795 68.2471 28.3447C67.6203 27.7017 66.8384 27.3799 65.9023 27.3799ZM84.6338 27.3799C83.6979 27.3799 82.9122 27.7008 82.2773 28.3438C81.6507 28.9786 81.3369 29.7687 81.3369 30.7129C81.337 31.6487 81.6508 32.4381 82.2773 33.0811C82.9122 33.7159 83.6978 34.0342 84.6338 34.0342C85.5698 34.0342 86.3518 33.7159 86.9785 33.0811C87.6131 32.4382 87.9306 31.6486 87.9307 30.7129C87.9307 29.7687 87.6133 28.9786 86.9785 28.3438C86.3518 27.7007 85.5698 27.3799 84.6338 27.3799ZM33.0596 30.8721H35.0254C35.4973 30.872 35.8881 30.7128 36.1973 30.3955C36.5065 30.07 36.6611 29.6667 36.6611 29.1865C36.6611 28.6983 36.5065 28.2949 36.1973 27.9775C35.8881 27.6603 35.4972 27.502 35.0254 27.502H33.0596V30.8721ZM40.2607 30.6885H42.5439C42.9671 30.6885 43.3252 30.5337 43.6182 30.2246C43.9193 29.9072 44.0703 29.5283 44.0703 29.0889C44.0703 28.6494 43.9192 28.2751 43.6182 27.9658C43.3252 27.6566 42.9671 27.502 42.5439 27.502H40.2607V30.6885ZM19.4971 26.5166L5.21875 30.1201C5.1829 30.1093 1.33139 28.9492 0.0136719 28.4707L0 22.665L5.17188 24.0742L19.4971 20.4385V26.5166ZM36.9668 15.3389H33.0596V17.9639H36.6611V19.0264H33.0596V21.7363H37.0273V22.8115H31.9238V14.2646H36.9668V15.3389ZM41.2793 21.3945L43.7451 14.2646H44.9785L41.9141 22.8115H40.6318L37.5801 14.2646H38.8008L41.2793 21.3945ZM52.3301 22.8115H51.1211L50.4248 20.8945H46.5791L45.8828 22.8115H44.6748L47.8613 14.2646H49.1436L52.3301 22.8115ZM60.2109 22.8115H59.002L58.3066 20.8945H54.46L53.7646 22.8115H52.5557L55.7422 14.2646H57.0244L60.2109 22.8115ZM22.3408 18.5771C22.3408 18.4618 5.26758 22.79 5.26758 22.79L0 21.334C9.1276e-07 19.3191 0.0136719 15.3691 0.0136719 15.3691L5.22461 16.7295L11.0225 15.3691C14.1981 14.5018 22.3137 12.5067 22.3408 12.5V18.5771ZM46.9697 19.832H50.0342L48.4961 15.6201L46.9697 19.832ZM54.8506 19.832H57.916L56.377 15.6201L54.8506 19.832Z" fill="white"/> 413 </g> 414 <defs> 415 <clipPath id="clip0_1900_10295"> 416 <rect width="95" height="50" fill="white"/> 417 </clipPath> 418 </defs> 419 </svg> 420</li> 421<li>
422 <svg width="127" height="50" viewBox="0 0 127 50" fill="none" xmlns="http://www.w3.org/2000/svg"> 423 <g clip-path="url(#clip0_1900_10296)"> 424 <path d="M37.6299 24.998L34.2373 31.25L30.8252 24.998L34.2178 18.75L37.6299 24.998ZM121.148 18.8984C122.463 18.8984 123.484 19.235 124.271 19.9014C125.057 20.5645 125.453 21.4551 125.479 22.5537H123.195C123.173 22.0325 122.966 21.607 122.576 21.2969C122.186 20.9868 121.667 20.832 121.032 20.832C119.866 20.832 119.13 21.3923 119.13 22.3125C119.13 23.035 119.658 23.4902 120.718 23.6914L122.642 24.0215C124.748 24.3976 125.773 25.6648 125.773 27.4199C125.773 28.5347 125.362 29.4286 124.545 30.1016C123.727 30.7811 122.642 31.1181 121.3 31.1182C119.957 31.1182 118.894 30.7881 118.076 30.125L118.079 30.1152C117.262 29.4588 116.803 28.5677 116.722 27.4561H119.004C119.105 28.5051 119.998 29.1611 121.347 29.1611C122.695 29.1611 123.416 28.5448 123.416 27.585C123.416 27.0637 123.195 26.6808 122.821 26.4961C122.447 26.3113 122.271 26.2717 121.912 26.209L120.02 25.8662C117.859 25.4802 116.781 24.3911 116.781 22.5898C116.781 21.4847 117.177 20.5936 117.979 19.9141C118.78 19.2345 119.834 18.8984 121.148 18.8984ZM10.7568 18.8916C12.1402 18.8916 13.3226 19.2675 14.291 20.0195C15.2594 20.7716 15.8635 21.7813 16.1025 23.0381H13.7129C13.5368 22.4048 13.1776 21.9003 12.6494 21.5342C12.1149 21.1747 11.4799 20.9902 10.7568 20.9902C9.72569 20.9903 8.90815 21.3591 8.30762 22.0879C7.70389 22.817 7.40527 23.7944 7.40527 25.0117C7.40535 26.2288 7.70986 27.2152 8.31348 27.9277C8.9172 28.6403 9.72567 28.9932 10.7256 28.9932C11.4676 28.9931 12.0998 28.8087 12.6406 28.4326C13.1751 28.0632 13.5339 27.5748 13.71 26.958H16.0996C15.8638 28.2148 15.2596 29.2244 14.2881 29.9766C13.3197 30.7287 12.1342 31.1045 10.7539 31.1045C9.04335 31.1045 7.66915 30.5435 6.62207 29.4219C5.57505 28.3068 5.05664 26.8254 5.05664 24.9912C5.0567 23.1573 5.58433 21.6928 6.62793 20.5713L6.63477 20.5742C7.67868 19.4526 9.05262 18.8916 10.7568 18.8916ZM2.23535 30.9463H0V19.0508H2.23535V30.9463ZM48.5234 25.5166L52.2969 19.0508H54.7344V30.9463H52.498V27.9902C52.4981 26.2617 52.5452 24.4177 52.627 22.4648L49.0615 28.4092H47.9609L44.3633 22.4482C44.4325 24.9222 44.471 26.7663 44.4805 27.9902V30.9463H42.2412V19.0508H44.7061L48.5234 25.5166ZM68.5068 30.9463H65.9248L65.1553 28.6309H60.3906L59.6211 30.9463H57.124L61.375 19.0508H64.1074L68.5068 30.9463ZM76.2646 19.0508C77.5381 19.0508 78.5324 19.3935 79.2588 20.083C79.9849 20.7724 80.3437 21.6762 80.3438 22.791C80.3438 23.7906 80.0695 24.619 79.5098 25.2656C78.9532 25.9154 78.1892 26.2983 77.2334 26.4336L80.7676 30.9434L80.7744 30.9463H78.0166L74.7021 26.7012H73.2061V30.9463H70.9668V19.0508H76.2646ZM85.4297 24.9062L90.2246 19.0508H93.042L88.6748 24.3682L93.3691 30.9463H90.5518L87.1777 26.2021L85.4297 28.3506V30.9463H83.1914V19.0508H85.4297V24.9062ZM114.937 21.0693H111.591V30.9463H109.34V21.0693H105.981V19.0508H114.937V21.0693ZM26.9951 21.1191H21.1689V24.042H25.8477L25.3945 25.9951H21.1689V28.8779H26.9951V30.9434H18.9336V19.0508H26.9951V21.1191ZM103.758 21.1191H97.9316V24.042H102.61L102.157 25.9951H97.9316V28.8779H103.758V30.9434H95.6963V19.0508H103.758V21.1191ZM60.9912 26.7969H64.542L62.7617 21.4121L60.9912 26.7969ZM73.209 24.7939H76.0635C77.3148 24.7939 78.0038 24.0715 78.0039 22.96C78.0039 21.8482 77.2552 21.165 76.0635 21.165H73.209V24.7939Z" fill="white"/> 425 </g> 426 <defs> 427 <clipPath id="clip0_1900_10296"> 428 <rect width="126.25" height="50" fill="white"/> 429 </clipPath> 430 </defs> 431 </svg> 432</li> 433</ul> 434 </div> 435 <div class="caseList"> 436 <div class="case"> 437 <div class="imageMask" data-cursor-text="Open gallery" data-gallery-folder="wm"> 438 <div class="c-glitch" style="background-image: url('/assets/14-76iv8IhS.webp');"> 439 <div class="c-glitch__img" style="background-image: url('/assets/14-76iv8IhS.webp');"></div> 440 <div class="c-glitch__img" style="background-image: url('/assets/14-76iv8IhS.webp');"></div> 441 <div class="c-glitch__img" style="background-image: url('/assets/14-76iv8IhS.webp');"></div> 442 <div class="c-glitch__img" style="background-image: url('/assets/14-76iv8IhS.webp');"></div> 443 <div class="c-glitch__img" style="background-image: url('/assets/14-76iv8IhS.webp');"></div> 444 </div>
445 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 446 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 447 </svg> 448 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 449 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 450 </svg> 451 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 452 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 453 </svg> 454 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 455 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 456 </svg> 457 </div> 458 <div class="caseInfo" data-motion-text> 459 <ul class="tags"> 460 <li>UI</li> 461 <li>Design System</li> 462 <li>App design</li> 463 </ul> 464 <h3>Wayment</h3> 465 <p>Foreign Bank Card Issuance Service. Im make design-system, telegram mini-app design and website design.</p> 466 <a href="wayment.html" class="btn"> 467 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 468 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 469 </svg> 470 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 471 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 472 </svg> 473 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 474 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 475 </svg> 476 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 477 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 478 </svg> 479 <span>VIEW CASE</span></a> 480 </div> 481 </div> 482 <div class="case"> 483 <div class="imageMask" data-cursor-text="Open gallery" data-gallery-folder="ds"> 484 <div class="c-glitch" style="background-image: url('/assets/ds-Bwi_ege1.webp');"> 485 <div class="c-glitch__img" style="background-image: url('/assets/ds-Bwi_ege1.webp');"></div> 486 <div class="c-glitch__img" style="background-image: url('/assets/ds-Bwi_ege1.webp');"></div> 487 <div class="c-glitch__img" style="background-image: url('/assets/ds-Bwi_ege1.webp');"></div> 488 <div class="c-glitch__img" style="background-image: url('/assets/ds-Bwi_ege1.webp');"></div> 489 <div class="c-glitch__img" style="background-image: url('/assets/ds-Bwi_ege1.webp');"></div> 490 </div> 491 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 492 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 493 </svg> 494 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 495 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 496 </svg> 497 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 498 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 499 </svg> 500 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 501 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 502 </svg> 503 </div> 504 <div class="caseInfo" data-motion-text> 505 <ul class="tags"> 506 <li>UI</li> 507 <li>Design System</li> 508 <li>React</li> 509 </ul> 510 <h3>Fintech Design System</h3> 511 <p>A scalable fintech design system for mobile and web products, built to improve c
511onsistency, speed up delivery, and support complex financial flows.</p> 512 <a href="fintechdesignsystem.html" class="btn"> 513 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 514 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 515 </svg> 516 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 517 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 518 </svg> 519 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 520 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 521 </svg> 522 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 523 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 524 </svg> 525 <span>VIEW CASE</span></a> 526 </div> 527 </div> 528 <div class="case"> 529 <div class="imageMask" data-cursor-text="Open gallery" data-gallery-folder="cw"> 530 <div class="c-glitch" style="background-image: url('/assets/croco-BCJHdOpV.webp');"> 531 <div class="c-glitch__img" style="background-image: url('/assets/croco-BCJHdOpV.webp');"></div> 532 <div class="c-glitch__img" style="background-image: url('/assets/croco-BCJHdOpV.webp');"></div> 533 <div class="c-glitch__img" style="background-image: url('/assets/croco-BCJHdOpV.webp');"></div> 534 <div class="c-glitch__img" style="background-image: url('/assets/croco-BCJHdOpV.webp');"></div> 535 <div class="c-glitch__img" style="background-image: url('/assets/croco-BCJHdOpV.webp');"></div> 536 </div> 537 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 538 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 539 </svg> 540 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 541 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 542 </svg> 543 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 544 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 545 </svg> 546 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 547 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 548 </svg> 549 </div> 550 <div class="caseInfo" data-motion-text> 551 <ul class="tags"> 552 <li>App design</li> 553 </ul> 554 <h3>CrocoWallet</h3> 555 <p>A Telegram-based crypto banking mini app with card issuance, wallet management, rewards, and referral flows.</p> 556 <a href="crocowallet.html" class="btn"> 557 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 558 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 559 </svg> 560 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 561 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 562 </svg> 563 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 564 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 565 </svg> 566 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 567 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 568 </svg> 569 <span>VIEW CASE</span></a> 570 </div> 571 </div> 572 <div class="case"> 573 <div class="imageMask" data-cursor-text="Open gallery" data-gallery-folder="cp"> 574 <div class="c-glitch" style="background-image: url('/assets/cp-DX0-nBX8.webp');"> 575 <div class="c-glitch__img" style="background-image: url('/assets/cp-DX0-nBX8.webp');"></div> 576 <div class="c-glitch__img" style="background-image: url('/assets/cp-DX0-nBX8.webp');"></div> 577 <div class="c-glitch__img" style="background-image: url('/assets/cp-DX0-nBX8.webp');"></div> 578 <div class="c-glitch__img" style="background-image: url('/assets/cp-DX0-nBX8.webp');"></div> 579 <div class="c-glitch__img" style="background-image: url('/assets/cp-DX0-nBX8.webp');"></div> 580 </div>
581 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 582 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 583 </svg> 584 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 585 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 586 </svg> 587 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 588 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 589 </svg> 590 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 591 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 592 </svg> 593 </div> 594 <div class="caseInfo" data-motion-text> 595 <ul class="tags"> 596 <li>App design</li> 597 </ul> 598 <h3>Crypto Portfolio</h3> 599 <p>A crypto portfolio and wallet app for tracking assets, monitoring market movement, and managing balances in one interface.</p> 600 <a href="cryptoportfolio.html" class="btn"> 601 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 602 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 603 </svg> 604 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 605 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 606 </svg> 607 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 608 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 609 </svg> 610 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 611 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 612 </svg> 613 <span>VIEW CASE</span></a> 614 </div> 615 </div> 616 <div class="case"> 617 <div class="imageMask" data-cursor-text="Open gallery" data-gallery-folder="tg"> 618 <div class="c-glitch" style="background-image: url('/assets/tg-Q5EIyIuU.webp');"> 619 <div class="c-glitch__img" style="background-image: url('/assets/tg-Q5EIyIuU.webp');"></div> 620 <div class="c-glitch__img" style="background-image: url('/assets/tg-Q5EIyIuU.webp');"></div> 621 <div class="c-glitch__img" style="background-image: url('/assets/tg-Q5EIyIuU.webp');"></div> 622 <div class="c-glitch__img" style="background-image: url('/assets/tg-Q5EIyIuU.webp');"></div> 623 <div class="c-glitch__img" style="background-image: url('/assets/tg-Q5EIyIuU.webp');"></div> 624 </div> 625 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 626 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 627 </svg> 628 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 629 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 630 </svg> 631 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 632 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 633 </svg> 634 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 635 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 636 </svg> 637 </div> 638 <div class="caseInfo" data-motion-text> 639 <ul class="tags"> 640 <li>Concept</li> 641 </ul> 642 <h3>Telegram wallet</h3> 643 <p>A redesign concept for a Telegram wallet focused on clarity, visual hierarchy, and a more premium product feel.</p> 644 <a href="telegramwallet.html" class="btn">
645 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 646 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 647 </svg> 648 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 649 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 650 </svg> 651 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 652 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 653 </svg> 654 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 655 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 656 </svg> 657 <span>VIEW CASE</span></a> 658 </div> 659 </div> 660 <div class="case"> 661 <div class="imageMask" data-cursor-text="Open gallery" data-gallery-folder="cn"> 662 <div class="c-glitch" style="background-image: url('/assets/cn-DrNAVWKC.webp');"> 663 <div class="c-glitch__img" style="background-image: url('/assets/cn-DrNAVWKC.webp');"></div> 664 <div class="c-glitch__img" style="background-image: url('/assets/cn-DrNAVWKC.webp');"></div> 665 <div class="c-glitch__img" style="background-image: url('/assets/cn-DrNAVWKC.webp');"></div> 666 <div class="c-glitch__img" style="background-image: url('/assets/cn-DrNAVWKC.webp');"></div> 667 <div class="c-glitch__img" style="background-image: url('/assets/cn-DrNAVWKC.webp');"></div> 668 </div> 669 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 670 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 671 </svg> 672 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 673 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 674 </svg> 675 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 676 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 677 </svg> 678 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 679 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 680 </svg> 681 </div> 682 <div class="caseInfo" data-motion-text> 683 <ul class="tags"> 684 <li>App design</li> 685 <li>Dashboard</li> 686 <li>Landing</li> 687 </ul> 688 <h3>Cunex crypto widget</h3> 689 <p>A crypto exchange widget, dashboard, and landing experience designed to support onboarding, KYC, and transaction monitoring.</p> 690 <a href="cryptowidget.html" class="btn"> 691 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 692 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 693 </svg> 694 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 695 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 696 </svg> 697 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 698 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 699 </svg> 700 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 701 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 702 </svg> 703 <span>VIEW CASE</span></a> 704 </div> 705 </div> 706 707 <div class="case"> 708 <div class="imageMask" data-cursor-text="Open gallery" data-gallery-folder="ci"> 709 <div class="c-glitch" style="background-image: url('/assets/ci-DMJ_w2VA.webp');"> 710 <div class="c-glitch__img" style="background-image: url('/assets/ci-DMJ_w2VA.webp');"></div> 711 <div class="c-glitch__img" style="background-image: url('/assets/ci-DMJ_w2VA.webp');"></div> 712 <div class="c-glitch__img" style="background-image: url('/assets/ci-DMJ_w2VA.webp');"></div> 713 <div class="c-glitch__img" style="background-image: url('/assets/ci-DMJ_w2VA.webp');"></div> 714 <div class="c-glitch__img" style="background-image: url('/assets/ci-DMJ_w2VA.webp');"></div> 715 </div>
716 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 717 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 718 </svg> 719 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 720 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 721 </svg> 722 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 723 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 724 </svg> 725 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 726 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 727 </svg> 728 </div> 729 <div class="caseInfo" data-motion-text> 730 <ul class="tags"> 731 <li>Icons</li> 732 <li>Design System</li> 733 </ul> 734 <h3>Crypto Icons Library</h3> 735 <p>A reusable crypto icon library for product teams, available in SVG, sprite, webfont, and 3D formats.</p> 736 <a href="cryptoicon.html" class="btn"> 737 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 738 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 739 </svg> 740 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 741 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 742 </svg> 743 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 744 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 745 </svg> 746 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 747 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 748 </svg> 749 <span>VIEW CASE</span></a> 750 </div> 751 </div> 752 </div> 753 </div> 754 <div class="section lalalast" id="exp"> 755 <div class="container last"> 756 <div class="block"> 757 <div class="col" data-motion-text> 758 <h3 class="small">Experience</h3> 759 <ul class="list" data-motion-text> 760 <li> 761 <span class="date">2022 â Now · Sber</span> 762 <h4>Senior designer</h4> 763 <p>Develop and maintain a design system for retail investment products. Designed key mobile app areas including market view, instrument lists, favorites, and transaction history. Contributed to design operations and team processes.</p> 764 </li> 765 <li> 766 <span class="date">2018 â 2022</span> 767 <h4>Self-employed</h4> 768 <p>Delivered end-to-end fintech projects for clients, from discovery and UX to final UI, systems, and developer handoff.</p> 769 </li> 770 <li> 771 <span class="date">2017 â 2019 · Teorema Agency</span> 772 <h4>Head of design</h4> 773 <p>Led design work across client projects, managed a small team, and worked closely with developers. Built strong skills in communication, presentation, and delivery under business constraints.</p> 774 </li> 775 <li> 776 <span class="date">2015 â 2017 · Matart Group LLC</span> 777 <h4>Founder & Lead Designer</h4> 778 <p>Designed complex internal systems, dashboards, and industrial interfaces. Also worked on early fintech and crypto products including wallets, trackers, terminals, and copy trading tools.</p> 779 </li> 780 <li> 781 <span class="date">2012 â 2015 · Atlas-2</span> 782 <h4>Middle Product Designer</h4> 783 <p>Designed interfaces for electronic signature issuance and document workflow systems.</p> 784 </li> 785 </ul> 786 </div> 787 </div> 788 <div class="block"> 789 <div class="col" data-motion-text> 790 <h3 class="small">Skills</h3> 791 <ul class="list" data-motion-text> 792 <li> 793 <h4>UI & UX</h4> 794 <p>Modern design with a focus on information clarity, data, and minimalism.</p> 795 </li> 796 <li> 797 <h4>Design System</h4> 798 <p>Design system development and maintenance, including documentation.</p> 799 </li> 800 <li> 801 <h4>AI tools: Codex, ChatGPT, Claude</h4> 802 <p>Use AI tools to accelerate research, copy iteration, documentation, prototyping, and repetitive production tasks.</p> 803 </li> 804 <li> 805 <h4>Design management</h4> 806 <p>Leading a small design team and collaborating closely with developers and product stakeholders.</p> 807 </li> 808 <li> 809 <h4>Motion & Prototype</h4> 810 <p>Interface animation and high-fidelity prototyping.</p> 811 </li> 812 <li> 813 <h4>Presentation</h4> 814 <p>Whitepapers, financial reports, and investor presentations.</p> 815 </li> 816 <li> 817 <h4>Icon Design</h4> 818 <p>UI icon design, motion assets, SVG, and Lottie.</p> 819 </li> 820 <li> 821 <h4>3D</h4> 822 <p>3D visuals for interfaces, product storytelling, and WebGL-based interactive presentations.</p> 823 </li> 824 </ul> 825 </div> 826 </div> 827 <div class="block"> 828 <div class="col" data-motion-text> 829 <h3 class="small">Personal projects</h3> 830 <ul class="list" data-motion-text> 831 <li> 832 <svg width="34" height="20" viewBox="0 0 34 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="logo"> 833 <path d="M10 0C11.8296 0 13.5432 0.493593 15.0186 1.35156C14.0461 2.28669 13.2313 3.38331 12.6172 4.59961C11.8262 4.21558 10.9383 4 10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16C10.9385 16 11.8261 15.7836 12.6172 15.3994C13.2313 16.6158 14.0461 17.7122 15.0186 18.6475C13.5431 19.5056 11.8298 20 10 20C4.47715 20 0 15.5228 0 10C1.61065e-07 4.47715 4.47715 1.61069e-07 10 0ZM23.333 0C28.8559 0 33.333 4.47715 33.333 10C33.333 15.5228 28.8559 20 23.333 20C17.8103 19.9998 13.333 15.5227 13.333 10C13.333 4.47727 17.8103 0.000197914 23.333 0Z" fill="white"/> 834 </svg> 835 <h4>CryptoIcon</h4> 836 <p>Library of popular cryptocurrencies in SVG, webfont, 3D, and SVG sprite formats.</p> 837 <a href="https://cryptoicon.io/" class="btn">
838 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topleft"> 839 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 840 </svg> 841 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="topright"> 842 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 843 </svg> 844 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomleft"> 845 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 846 </svg> 847 <svg width="5" height="5" viewBox="0 0 5 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="bottomright"> 848 <path d="M3 2H5V3H3V5H2V3H0V2H2V0H3V2Z" fill="#D9D9D9"/> 849 </svg> 850 <span>View project</span></a> 851 </li> 852 <li> 853 <svg width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="logo"> 854 <path d="M8 4V20L0 16V0L8 4ZM18 4V20L10 16V0L18 4ZM28 4V20L20 16V0L28 4Z" fill="white"/> 855 </svg> 856 <h4>Fintech Design System<i class="soon"> soon</i></h4> 857 <p>A design system focused on financial products, delivered as a component library in Figma, as well as for web and mobile platforms (React).</p> 858 </li> 859 </ul> 860 </div> 861 862 </div> 863 </div> 864 <div class="container vse" data-motion-text> 865 <svg viewBox="0 0 190 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 866 <path d="M189.675 0V21.8182H184.732L176.848 10.3551H176.72V21.8182H170.797V0H175.825L183.581 11.4205H183.751V0H189.675Z" fill="white"/> 867 <path d="M150.587 21.8182H144.195L151.397 0H159.494L166.695 21.8182H160.303L155.531 6.00852H155.36L150.587 21.8182ZM149.394 13.2102H161.411V17.642H149.394V13.2102Z" fill="white"/> 868 <path d="M121.312 0H127.918L132.179 8.86364H132.349L136.611 0H143.216L135.205 14.9574V21.8182H129.324V14.9574L121.312 0Z" fill="white"/> 869 <path d="M101.543 21.8182V0H117.267V4.77273H107.466V8.52273H116.458V13.2955H107.466V17.0455H117.225V21.8182H101.543Z" fill="white"/> 870 <path d="M81.6357 0L86.1101 15.3835H86.2805L90.755 0H97.4453L90.2436 21.8182H82.147L74.9453 0H81.6357Z" fill="white"/> 871 <path d="M52.4766 4.77273V0H71.4396V4.77273H64.8771V21.8182H59.0391V4.77273H52.4766Z" fill="white"/> 872 <path d="M35.6186 21.8182H29.2266L36.4283 0H44.5249L51.7266 21.8182H45.3345L40.5618 6.00852H40.3913L35.6186 21.8182ZM34.4254 13.2102H46.4425V17.642H34.4254V13.2102Z" fill="white"/> 873 <path d="M0 0H7.37216L12.4432 12.358H12.6989L17.7699 0H25.142V21.8182H19.3466V9.20455H19.1761L14.3182 21.6477H10.8239L5.96591 9.11932H5.79545V21.8182H0V0Z" fill="white"/> 874 </svg> 875 </div> 876 </div> 877 </body> 878</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.