Files
old-saburly-wagtail-web/static/images/user-experience-design-services.svg
2024-09-10 20:21:33 +02:00

150 lines
18 KiB
XML

<?xml version="1.0" encoding="UTF-8"?>
<svg width="351px" height="435px" viewBox="0 0 351 435" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
<title>user-experience-design-services</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="79.0720975%" y1="19.4258634%" x2="29.5739014%" y2="50%" id="linearGradient-1">
<stop stop-color="#F1F5FB" offset="0%"></stop>
<stop stop-color="#FFFFFF" offset="100%"></stop>
</linearGradient>
<linearGradient x1="31.669258%" y1="-9.21335019%" x2="100%" y2="50%" id="linearGradient-2">
<stop stop-color="#9AE1E5" offset="0%"></stop>
<stop stop-color="#3BC2CA" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#3EBCC3" offset="100%"></stop>
</linearGradient>
<linearGradient x1="125.896791%" y1="5.17322266%" x2="105.071564%" y2="32.5985354%" id="linearGradient-4">
<stop stop-color="#5763AB" offset="0%"></stop>
<stop stop-color="#38427E" offset="100%"></stop>
</linearGradient>
<linearGradient x1="104.045238%" y1="16.8405933%" x2="6.07416571%" y2="100%" id="linearGradient-5">
<stop stop-color="#5763AB" offset="0%"></stop>
<stop stop-color="#3A4483" offset="100%"></stop>
</linearGradient>
<linearGradient x1="15.7963008%" y1="121.63627%" x2="148.737665%" y2="121.636271%" id="linearGradient-6">
<stop stop-color="#311793" offset="0%"></stop>
<stop stop-color="#270D4F" offset="100%"></stop>
</linearGradient>
<linearGradient x1="45.1973837%" y1="39.5178631%" x2="22.2166594%" y2="78.045161%" id="linearGradient-7">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#EDE9F5" offset="100%"></stop>
</linearGradient>
<rect id="path-8" x="8.07209585" y="53.7241469" width="176.736414" height="266.82993" rx="12"></rect>
<linearGradient x1="83.2457%" y1="277.403938%" x2="0%" y2="-5.55111512e-15%" id="linearGradient-10">
<stop stop-color="#B4AAD7" offset="0%"></stop>
<stop stop-color="#7B6ABA" offset="100%"></stop>
</linearGradient>
<linearGradient x1="100%" y1="0%" x2="39.627475%" y2="100%" id="linearGradient-11">
<stop stop-color="#FFDB71" offset="0%"></stop>
<stop stop-color="#FEB856" offset="100%"></stop>
</linearGradient>
<path d="M20,0 L37.1749734,0 L37.1749734,47.5925545 L0,47.5925545 L0,20 C-1.3527075e-15,8.954305 8.954305,-1.52365243e-15 20,-3.55271368e-15 Z" id="path-12"></path>
<linearGradient x1="100%" y1="0%" x2="39.627475%" y2="100%" id="linearGradient-14">
<stop stop-color="#9AE1E5" offset="0%"></stop>
<stop stop-color="#39BAC1" offset="100%"></stop>
</linearGradient>
<path d="M0,0 L37.1749734,0 L37.1749734,47.5925545 L24,47.5925545 C10.745166,47.5925545 1.623249e-15,36.8473885 0,23.5925545 L0,0 Z" id="path-15"></path>
<linearGradient x1="100%" y1="0%" x2="39.627475%" y2="100%" id="linearGradient-17">
<stop stop-color="#EDE9F5" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</linearGradient>
<path d="M0,0 L37.1749734,0 L37.1749734,23.5925545 C37.1749734,36.8473885 26.4298074,47.5925545 13.1749734,47.5925545 L0,47.5925545 L0,0 Z" id="path-18"></path>
<linearGradient x1="29.8557853%" y1="95.4716805%" x2="82.9833415%" y2="10.6939236%" id="linearGradient-20">
<stop stop-color="#F94A8A" offset="0%"></stop>
<stop stop-color="#FE9DC1" offset="100%"></stop>
</linearGradient>
<ellipse id="path-21" cx="33.3235256" cy="33.3199918" rx="33.3235256" ry="33.3199918"></ellipse>
</defs>
<g id="verson-2/desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Desktop/Services" transform="translate(-1270.000000, -1932.000000)">
<g id="user-experience-design-services" transform="translate(1437.000000, 2149.500000) scale(-1, 1) translate(-1437.000000, -2149.500000) translate(1253.000000, 1932.000000)">
<g id="Artwork">
<path d="M220.834898,53.3249558 C220.352175,39.3539959 184.287389,42.5032326 170.375407,43.851025 C156.463227,45.1988174 155.200098,26.0597228 167.203478,23.2148162 C179.206661,20.3699096 200.973601,21.838065 212.251614,19.2119812 C223.529627,16.5858973 209.263345,2.5019457 224.630205,0.804331704 C239.997065,-0.893176988 271.771787,0.678492816 281.244371,0.333620547 C296.123378,-0.208065849 303.757194,17.8715601 277.689933,18.6919875 C270.501358,18.9181816 269.059303,34.9798572 293.323898,30.5679142 C308.550893,27.799248 338.426876,27.7353282 344.641915,34.8039987 C348.207795,38.8596965 346.972086,49.7557648 340.841677,55.7725485 C336.287663,60.2421984 321.804974,61.1136985 316.131643,62.1468411 C302.821536,64.5709509 305.452743,77.578901 309.991172,80.2573212 C320.731028,86.5952837 350.20655,74.6337445 350.996623,92.0377367 C351.345793,99.7283356 324.52673,100.969981 313.530026,100.876049 C286.559458,100.645749 268.838754,103.071122 267.595154,93.7849491 C266.34682,84.4625515 284.354751,90.7548119 283.466832,79.2941009 C283.002849,73.3052228 284.246449,60.5793835 272.693045,61.24733 C288.510867,60.3327603 221.486881,72.1941549 220.834898,53.3249558 Z" id="cloud" fill="url(#linearGradient-1)" opacity="0.313462409"></path>
<g id="plant" transform="translate(246.500000, 182.500000) scale(-1, 1) translate(-246.500000, -182.500000) translate(214.000000, 130.000000)">
<path d="M16.1096936,104.977237 C16.1096936,91.305362 27.4267848,48.9952989 42.7026843,25.8442352" id="stem" stroke="#EDE9F5" stroke-width="2" stroke-linecap="round"></path>
<path d="M29.4693412,33.948402 C32.0868104,30.2349305 33.395545,26.087795 33.395545,21.5069957 C33.395545,14.6357968 31.6377237,9.0655895 29.4693412,9.0655895 C27.3009587,9.0655895 25.5431374,14.6357968 25.5431374,21.5069957 C25.5431374,26.087795 26.851872,30.2349305 29.4693412,33.948402 Z" id="leaf" fill="#EDE9F5" transform="translate(29.469341, 21.506996) rotate(-30.000000) translate(-29.469341, -21.506996) "></path>
<path d="M51.8543775,46.642721 C54.4718467,42.9292495 55.7805813,38.7821141 55.7805813,34.2013148 C55.7805813,27.3301159 54.0227599,21.7599085 51.8543775,21.7599085 C49.685995,21.7599085 47.9281736,27.3301159 47.9281736,34.2013148 C47.9281736,38.7821141 49.2369082,42.9292495 51.8543775,46.642721 Z" id="leaf" fill="#EDE9F5" transform="translate(51.854377, 34.201315) rotate(88.000000) translate(-51.854377, -34.201315) "></path>
<path d="M44.5435152,64.689596 C47.1609844,60.9761245 48.469719,56.8289891 48.469719,52.2481898 C48.469719,45.3769909 46.7118977,39.8067835 44.5435152,39.8067835 C42.3751327,39.8067835 40.6173114,45.3769909 40.6173114,52.2481898 C40.6173114,56.8289891 41.926046,60.9761245 44.5435152,64.689596 Z" id="leaf" fill="#EDE9F5" transform="translate(44.543515, 52.248190) rotate(91.000000) translate(-44.543515, -52.248190) "></path>
<path d="M38.5859166,82.1903507 C41.2033858,78.4768792 42.5121204,74.3297438 42.5121204,69.7489445 C42.5121204,62.8777455 40.7542991,57.3075382 38.5859166,57.3075382 C36.4175341,57.3075382 34.6597128,62.8777455 34.6597128,69.7489445 C34.6597128,74.3297438 35.9684474,78.4768792 38.5859166,82.1903507 Z" id="leaf" fill="#EDE9F5" transform="translate(38.585917, 69.748944) rotate(91.000000) translate(-38.585917, -69.748944) "></path>
<path d="M50.7069777,25.2450997 C53.3244469,21.5316282 54.6331815,17.3844928 54.6331815,12.8036935 C54.6331815,5.93249455 52.8753602,0.362287234 50.7069777,0.362287234 C48.5385952,0.362287234 46.7807739,5.93249455 46.7807739,12.8036935 C46.7807739,17.3844928 48.0895085,21.5316282 50.7069777,25.2450997 Z" id="leaf" fill="#EDE9F5" transform="translate(50.706978, 12.803693) rotate(33.000000) translate(-50.706978, -12.803693) "></path>
<path d="M19.7285083,53.0400323 C22.3459775,49.3265608 23.6547121,45.1794254 23.6547121,40.5986261 C23.6547121,33.7274271 21.8968908,28.1572198 19.7285083,28.1572198 C17.5601258,28.1572198 15.8023045,33.7274271 15.8023045,40.5986261 C15.8023045,45.1794254 17.1110391,49.3265608 19.7285083,53.0400323 Z" id="leaf" fill="#EDE9F5" transform="translate(19.728508, 40.598626) rotate(-41.000000) translate(-19.728508, -40.598626) "></path>
<path d="M12.4176461,72.1806573 C15.0351153,68.4671858 16.3438499,64.3200504 16.3438499,59.7392511 C16.3438499,52.8680521 14.5860286,47.2978448 12.4176461,47.2978448 C10.2492636,47.2978448 8.49144227,52.8680521 8.49144227,59.7392511 C8.49144227,64.3200504 9.80017687,68.4671858 12.4176461,72.1806573 Z" id="leaf" fill="#EDE9F5" transform="translate(12.417646, 59.739251) rotate(-47.000000) translate(-12.417646, -59.739251) "></path>
</g>
<g id="plant" transform="translate(255.000000, 247.189476) rotate(42.000000) translate(-255.000000, -247.189476) translate(208.500000, 130.189476)">
<path d="M71.7140469,200.804186 C66.4643951,205.411397 46.5,196.196976 38.5845648,181.894507 C30.6691297,167.592038 45.3522753,162.501102 25.3805899,139.626176 C5.40890455,116.751251 -7.40608077,107.990637 4.71396616,70.2853607 C16.8340131,32.5800846 0.0902799109,11.6252494 22.2139334,1.78814172 C44.3375869,-8.04896593 57.078524,24.5992883 54.5408257,53.3167277 C52.0031275,82.034167 57.1935663,87.9857766 78.8333654,85.0099718 C100.473164,82.034167 82.2288056,124.193919 82.2288056,133.396591 C82.2288056,142.599263 95.3503975,159.692098 92.6282932,172.552006 C89.9061888,185.411913 76.9636987,196.196976 71.7140469,200.804186 Z" id="leaves" fill="url(#linearGradient-2)"></path>
<path d="M59.6960962,158.940161 C59.6960962,151.955586 61.5594807,130.193438 71.6960962,116.940161" id="branch" stroke="url(#linearGradient-3)" stroke-width="3" fill="#39BAC1" stroke-linecap="round"></path>
<path d="M15.5441443,117.410242 C15.5441443,110.464949 35.6848782,105.588981 45.5441443,92.4102422" id="branch" stroke="url(#linearGradient-3)" stroke-width="3" fill="#39BAC1" stroke-linecap="round" transform="translate(30.544144, 104.910242) scale(-1, 1) translate(-30.544144, -104.910242) "></path>
<path d="M84,234 C84,230.992542 78.780649,217.43541 73.7932274,201.72801 C58.1752433,152.540684 33,91.9717747 33,50" id="branch" stroke="url(#linearGradient-3)" stroke-width="3" fill="#39BAC1" stroke-linecap="round"></path>
</g>
<g id="phone" transform="translate(0.000000, 60.000000)">
<rect id="back" fill="url(#linearGradient-4)" x="17.465269" y="0.368007851" width="192.455759" height="374.278224" rx="42"></rect>
<path d="M42,0 L150.455759,0 C173.651719,-4.26102863e-15 192.455759,18.8040405 192.455759,42 L192.455759,332.278224 C192.455759,355.474183 173.651719,374.278224 150.455759,374.278224 L42,374.278224 C18.8040405,374.278224 2.84068575e-15,355.474183 0,332.278224 L0,42 C-2.84068575e-15,18.8040405 18.8040405,4.26102863e-15 42,0 Z" id="front" fill="url(#linearGradient-5)"></path>
<rect id="front-speaker" fill="url(#linearGradient-6)" x="45.8834922" y="24.1758661" width="101.113622" height="6.71551837" rx="3.35775918"></rect>
<mask id="mask-9" fill="white">
<use xlink:href="#path-8"></use>
</mask>
<use id="screen" fill="url(#linearGradient-7)" xlink:href="#path-8"></use>
<g id="screen-content" mask="url(#mask-9)">
<g transform="translate(22.802102, 68.081452)">
<rect id="Rectangle-3" fill="url(#linearGradient-10)" opacity="0.400000006" x="0" y="128.43474" width="140.490368" height="8.46418057" rx="4.23209028"></rect>
<rect id="Rectangle-3-Copy" fill="url(#linearGradient-10)" opacity="0.400000006" x="0" y="142.05103" width="101.50613" height="8.46418057" rx="4.23209028"></rect>
<rect id="Rectangle-3-Copy-2" fill="url(#linearGradient-10)" opacity="0.400000006" x="0" y="169.651619" width="136.077058" height="8.46418057" rx="4.23209028"></rect>
<g id="my-group" stroke-width="1" fill="none" transform="translate(0.000000, 0.259820)">
<g id="user" transform="translate(0.000000, 13.805474)">
<mask id="mask-13" fill="white">
<use xlink:href="#path-12"></use>
</mask>
<use id="Mask" fill="url(#linearGradient-11)" opacity="0.600000024" xlink:href="#path-12"></use>
<g id="avatar" mask="url(#mask-13)" fill="#FFFFFF">
<g transform="translate(6.505620, 12.361702)">
<path d="M12.5465535,14.602261 L12.5465535,14.602261 C19.4758237,14.602261 25.0931071,20.2195444 25.0931071,27.1488146 L25.0931071,42.5030098 L0,42.5030098 L0,27.1488146 C-8.48590854e-16,20.2195444 5.61728335,14.602261 12.5465535,14.602261 Z" id="Rectangle-2" opacity="0.699999988"></path>
<ellipse id="Oval" cx="12.4158603" cy="9.51754514" rx="9.54060841" ry="9.51754514"></ellipse>
</g>
</g>
</g>
<g id="user" transform="translate(0.000000, 64.603744)">
<mask id="mask-16" fill="white">
<use xlink:href="#path-15"></use>
</mask>
<use id="Mask" fill="url(#linearGradient-14)" opacity="0.600000024" xlink:href="#path-15"></use>
<g id="avatar" mask="url(#mask-16)" fill="#FFFFFF">
<g transform="translate(6.505620, 12.361702)">
<path d="M12.5465535,14.602261 L12.5465535,14.602261 C19.4758237,14.602261 25.0931071,20.2195444 25.0931071,27.1488146 L25.0931071,42.5030098 L0,42.5030098 L-3.55271368e-15,27.1488146 C-4.40130453e-15,20.2195444 5.61728335,14.602261 12.5465535,14.602261 Z" id="Rectangle-2" opacity="0.699999988"></path>
<ellipse id="Oval" cx="12.4158603" cy="9.51754514" rx="9.54060841" ry="9.51754514"></ellipse>
</g>
</g>
</g>
<g id="user" transform="translate(40.129276, 64.603744)">
<mask id="mask-19" fill="white">
<use xlink:href="#path-18"></use>
</mask>
<use id="Mask" fill="url(#linearGradient-17)" opacity="0.600000024" xlink:href="#path-18"></use>
<g id="avatar" mask="url(#mask-19)" fill="#FFFFFF">
<g transform="translate(6.505620, 12.361702)">
<path d="M12.5465535,14.602261 L12.5465535,14.602261 C19.4758237,14.602261 25.0931071,20.2195444 25.0931071,27.1488146 L25.0931071,42.5030098 L0,42.5030098 L0,27.1488146 C-8.48590854e-16,20.2195444 5.61728335,14.602261 12.5465535,14.602261 Z" id="Rectangle-2" opacity="0.699999988"></path>
<ellipse id="Oval" cx="12.4158603" cy="9.51754514" rx="9.54060841" ry="9.51754514"></ellipse>
</g>
</g>
</g>
<path d="M61.1908932,0 L68.4597335,0 C79.5054285,-2.02906125e-15 88.4597335,8.954305 88.4597335,20 L88.4597335,40.6620125 C88.4597335,51.7077075 79.5054285,60.6620125 68.4597335,60.6620125 L41.1908932,60.6620125 L41.1908932,20 C41.1908932,8.954305 50.1451982,2.02906125e-15 61.1908932,0 Z" id="empty-slot" stroke="#B4AAD7" stroke-width="3" opacity="0.325279021" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="8,20"></path>
<path d="M66.7305074,28.6910593 L74.1732965,28.6910593 C75.1364006,28.6910593 75.9171507,29.4718094 75.9171507,30.4349135 C75.9171507,31.3980175 75.1364006,32.1787676 74.1732965,32.1787676 L66.7305074,32.1787676 L66.7305074,39.6215567 C66.7305074,40.5846607 65.9497573,41.3654108 64.9866533,41.3654108 C64.0235492,41.3654108 63.2427991,40.5846607 63.2427991,39.6215567 L63.2427991,32.1787676 L55.8000101,32.1787676 C54.836906,32.1787676 54.0561559,31.3980175 54.0561559,30.4349135 C54.0561559,29.4718094 54.836906,28.6910593 55.8000101,28.6910593 L63.2427991,28.6910593 L63.2427991,21.2482703 C63.2427991,20.2851662 64.0235492,19.5044161 64.9866533,19.5044161 C65.9497573,19.5044161 66.7305074,20.2851662 66.7305074,21.2482703 L66.7305074,28.6910593 Z" id="plus" fill="#7B6ABA" opacity="0.300000012" style="mix-blend-mode: multiply;"></path>
</g>
</g>
</g>
</g>
</g>
<g id="Group-17" transform="translate(105.000000, 84.000000)">
<mask id="mask-22" fill="white">
<use xlink:href="#path-21"></use>
</mask>
<use id="base" fill="url(#linearGradient-20)" xlink:href="#path-21"></use>
<path d="M33.5118528,37 L33.5118528,37 C43.183382,37 51.0237055,44.8403235 51.0237055,54.5118528 L51.0237055,76.0999903 L16,76.0999903 L16,54.5118528 C16,44.8403235 23.8403235,37 33.5118528,37 Z" id="Rectangle-2" fill="#FFFFFF" opacity="0.699999988" mask="url(#mask-22)"></path>
<ellipse id="Oval" fill="#FFFFFF" mask="url(#mask-22)" cx="32.9213671" cy="28.9199968" rx="12.9213671" ry="12.9199968"></ellipse>
</g>
</g>
</g>
</g>
</svg>