Streamlining the Al app builder experience with cleaner Ul and intuitive navigation
Streamlining the Al app builder experience with cleaner Ul and intuitive navigation
Streamlining the Al app builder experience with cleaner Ul and intuitive navigation
Redesigning an Al app builder to eliminate Ul clutter, surface hidden features, streamline upgrades, and make credit information visible-directly addressing user frustrations that were blocking conversions.
Redesigning an Al app builder to eliminate Ul clutter, surface hidden features, streamline upgrades, and make credit information visible-directly addressing user frustrations that were blocking conversions.
Company
Company
Walturn
Walturn
Role
Role
Product Designer
Product Designer
Scope
Scope
Research, Product and Visual Design
Research, Product and Visual Design
Period
Period
2025
2025
Overview
Overview
Vibe Studio is an Al-powered platform that enables users to build production-ready mobile and web applications through natural language. The platform offers features like Developer Mode for code editing, GitHub integration for version control, and cross- platform deployment capabilities. Despite these powerful features, user feedback consistently highlighted frustrations with the interface and user experience.
Vibe Studio is an Al-powered platform that enables users to build production-ready mobile and web applications through natural language. The platform offers features like Developer Mode for code editing, GitHub integration for version control, and cross- platform deployment capabilities. Despite these powerful features, user feedback consistently highlighted frustrations with the interface and user experience.
The Challenges
The Challenges
The Challenges
Vibe Studio enables users to build production-ready Flutter apps through Al. However, user feedback revealed critical friction points preventing conversion and engagement:
Vibe Studio enables users to build production-ready Flutter apps through Al. However, user feedback revealed critical friction points preventing conversion and engagement:
01
01
01
Cluttered Ul
Cluttered Ul
The interface packed too many features into a single view, AI builder, Developer Mode, GitHub integration, multi-device preview, without clear visual hierarchy, leaving users unsure where to start.
The interface packed too many features into a single view, AI builder, Developer Mode, GitHub integration, multi-device preview, without clear visual hierarchy, leaving users unsure where to start.
02
02
02
Hidden Features
Hidden Features
Powerful capabilities like state management options, environment variables, and deployment settings were buried several layers deep, making users miss features they were actually paying for.
Powerful capabilities like state management options, environment variables, and deployment settings were buried several layers deep, making users miss features they were actually paying for.
03
03
03
Confusing Upgrade Flow
Confusing Upgrade Flow
With three pricing tiers (Free, Pro, Ultra) and a credit-based model, users struggled to understand what they'd get by upgrading, leading to drop-off before conversion.
With three pricing tiers (Free, Pro, Ultra) and a credit-based model, users struggled to understand what they'd get by upgrading, leading to drop-off before conversion.
04
04
Invisible Credits
Invisible Credits
The platform runs using credits, but there was no clear indicator of how many credits remained or how each action consumed them, creating anxiety and unexpected friction mid-build.
The platform runs using credits, but there was no clear indicator of how many credits remained or how each action consumed them, creating anxiety and unexpected friction mid-build.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 2188 100" xmlns="http://www.w3.org/2000/svg"><g d="M 2188 0 L 0 0 L 0 99.855 L 2188 99.855 Z M 2188 0 L 0 0 L 0 99.855 L 2188 99.855 Z M 0 99.855 L 44.054 0 M 14.685 99.855 L 58.738 0 M 29.369 99.855 L 73.423 0 M 44.054 99.855 L 88.107 0 M 58.738 99.855 L 102.792 0 M 73.423 99.855 L 117.477 0 M 88.107 99.855 L 132.161 0 M 102.792 99.855 L 146.846 0 M 117.477 99.855 L 161.53 0 M 132.161 99.855 L 176.215 0 M 146.846 99.855 L 190.899 0 M 161.53 99.855 L 205.584 0 M 176.215 99.855 L 220.268 0 M 190.899 99.855 L 234.953 0 M 205.584 99.855 L 249.638 0 M 220.268 99.855 L 264.322 0 M 234.953 99.855 L 279.007 0 M 249.638 99.855 L 293.691 0 M 264.322 99.855 L 308.376 0 M 279.007 99.855 L 323.06 0 M 293.691 99.855 L 337.745 0 M 308.376 99.855 L 352.43 0 M 323.06 99.855 L 367.114 0 M 337.745 99.855 L 381.799 0 M 352.43 99.855 L 396.483 0 M 367.114 99.855 L 411.168 0 M 381.799 99.855 L 425.852 0 M 396.483 99.855 L 440.537 0 M 411.168 99.855 L 455.221 0 M 425.852 99.855 L 469.906 0 M 440.537 99.855 L 484.591 0 M 455.221 99.855 L 499.275 0 M 469.906 99.855 L 513.96 0 M 484.591 99.855 L 528.644 0 M 499.275 99.855 L 543.329 0 M 513.96 99.855 L 558.013 0 M 528.644 99.855 L 572.698 0 M 543.329 99.855 L 587.383 0 M 558.013 99.855 L 602.067 0 M 572.698 99.855 L 616.752 0 M 587.383 99.855 L 631.436 0 M 602.067 99.855 L 646.121 0 M 616.752 99.855 L 660.805 0 M 631.436 99.855 L 675.49 0 M 646.121 99.855 L 690.175 0 M 660.805 99.855 L 704.859 0 M 675.49 99.855 L 719.544 0 M 690.174 99.855 L 734.228 0 M 704.859 99.855 L 748.913 0 M 719.544 99.855 L 763.597 0 M 734.228 99.855 L 778.282 0 M 748.913 99.855 L 792.966 0 M 763.597 99.855 L 807.651 0 M 778.282 99.855 L 822.336 0 M 792.966 99.855 L 837.02 0 M 807.651 99.855 L 851.705 0 M 822.336 99.855 L 866.389 0 M 837.02 99.855 L 881.074 0 M 851.705 99.855 L 895.758 0 M 866.389 99.855 L 910.443 0 M 881.074 99.855 L 925.127 0 M 895.758 99.855 L 939.812 0 M 910.443 99.855 L 954.497 0 M 925.128 99.855 L 969.181 0 M 939.812 99.855 L 983.866 0 M 954.497 99.855 L 998.55 0 M 969.181 99.855 L 1013.235 0 M 983.866 99.855 L 1027.919 0 M 998.55 99.855 L 1042.604 0 M 1013.235 99.855 L 1057.289 0 M 1027.919 99.855 L 1071.973 0 M 1042.604 99.855 L 1086.658 0 M 1057.289 99.855 L 1101.342 0 M 1071.973 99.855 L 1116.027 0 M 1086.658 99.855 L 1130.711 0 M 1101.342 99.855 L 1145.396 0 M 1116.027 99.855 L 1160.081 0 M 1130.711 99.855 L 1174.765 0 M 1145.396 99.855 L 1189.45 0 M 1160.081 99.855 L 1204.134 0 M 1174.765 99.855 L 1218.819 0 M 1189.45 99.855 L 1233.503 0 M 1204.134 99.855 L 1248.188 0 M 1218.819 99.855 L 1262.872 0 M 1233.503 99.855 L 1277.557 0 M 1248.188 99.855 L 1292.242 0 M 1262.873 99.855 L 1306.926 0 M 1277.557 99.855 L 1321.611 0 M 1292.242 99.855 L 1336.295 0 M 1306.926 99.855 L 1350.98 0 M 1321.611 99.855 L 1365.664 0 M 1336.295 99.855 L 1380.349 0 M 1350.98 99.855 L 1395.034 0 M 1365.664 99.855 L 1409.718 0 M 1380.349 99.855 L 1424.403 0 M 1395.034 99.855 L 1439.087 0 M 1409.718 99.855 L 1453.772 0 M 1424.403 99.855 L 1468.456 0 M 1439.087 99.855 L 1483.141 0 M 1453.772 99.855 L 1497.825 0 M 1468.456 99.855 L 1512.51 0 M 1483.141 99.855 L 1527.195 0 M 1497.825 99.855 L 1541.879 0 M 1512.51 99.855 L 1556.564 0 M 1527.195 99.855 L 1571.248 0 M 1541.879 99.855 L 1585.933 0 M 1556.564 99.855 L 1600.618 0 M 1571.248 99.855 L 1615.302 0 M 1585.933 99.855 L 1629.987 0 M 1600.617 99.855 L 1644.671 0 M 1615.302 99.855 L 1659.356 0 M 1629.987 99.855 L 1674.04 0 M 1644.671 99.855 L 1688.725 0 M 1659.356 99.855 L 1703.409 0 M 1674.04 99.855 L 1718.094 0 M 1688.725 99.855 L 1732.779 0 M 1703.409 99.855 L 1747.463 0 M 1718.094 99.855 L 1762.148 0 M 1732.778 99.855 L 1776.832 0 M 1747.463 99.855 L 1791.517 0 M 1762.148 99.855 L 1806.201 0 M 1776.832 99.855 L 1820.886 0 M 1791.517 99.855 L 1835.571 0 M 1806.201 99.855 L 1850.255 0 M 1820.886 99.855 L 1864.94 0 M 1835.571 99.855 L 1879.624 0 M 1850.255 99.855 L 1894.309 0 M 1864.94 99.855 L 1908.993 0 M 1879.624 99.855 L 1923.678 0 M 1894.309 99.855 L 1938.362 0 M 1908.993 99.855 L 1953.047 0 M 1923.678 99.855 L 1967.732 0 M 1938.362 99.855 L 1982.416 0 M 1953.047 99.855 L 1997.101 0 M 1967.732 99.855 L 2011.785 0 M 1982.416 99.855 L 2026.47 0 M 1997.101 99.855 L 2041.154 0 M 2011.785 99.855 L 2055.839 0 M 2026.47 99.855 L 2070.523 0 M 2041.154 99.855 L 2085.208 0 M 2055.839 99.855 L 2099.893 0 M 2070.523 99.855 L 2114.577 0 M 2085.208 99.855 L 2129.262 0 M 2099.893 99.855 L 2143.946 0 M 2114.577 99.855 L 2158.631 0 M 2129.262 99.855 L 2173.315 0 M 2143.946 99.855 L 2188 0" fill="transparent" height="99.85512919759017px" id="UsHW4GJB8" width="2188.000004364806px"><path d="M 2188 0 L 0 0 L 0 99.855 L 2188 99.855 Z" fill="transparent" height="99.85512919759017px" id="KvaFMfc6T" width="2188.000004364806px"/><path d="M 2188 0 L 0 0 L 0 99.855 L 2188 99.855 Z" fill="rgb(255, 255, 255)" height="99.85512919759017px" id="sASD5cOET" width="2188.000004364806px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="ZVe3rFGPv" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(0 0)" width="44.05368691036721px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="qByMngO4Y" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(14.685 0)" width="44.053691275167786px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="llbOem0Bk" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(29.369 0)" width="44.05369127516779px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="dJIR7hwbY" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(44.054 0)" width="44.053691275167786px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="w7Gee7Emo" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(58.738 0)" width="44.053691275167786px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="TnTGIMNKk" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(73.423 0)" width="44.05369127516778px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="wSlnpjH1A" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(88.107 0)" width="44.05369127516779px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="K03mAi9Jc" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(102.792 0)" width="44.05369127516779px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="ZEdc5ZKAo" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(117.477 0)" width="44.05369127516779px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="GEsnWCnfi" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(132.161 0)" width="44.05369127516778px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="L2AQ_UMCH" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(146.846 0)" width="44.05369127516778px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="Ecl21yVQo" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(161.53 0)" width="44.05369127516778px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="DYu_KdeFv" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(176.215 0)" width="44.05369127516778px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="Yu56ubYu8" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(190.899 0)" width="44.05369127516778px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="NwcbzAKDl" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(205.584 0)" width="44.05369127516778px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="zMtlyHoVx" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(220.268 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="eksK8vjJd" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(234.953 0)" width="44.05369127516778px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="MKIG5bRBi" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(249.638 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="qlPQ0FPCZ" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(264.322 0)" width="44.05369127516775px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="GXmJ9YUFI" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(279.007 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="BaUS1t7Zc" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(293.691 0)" width="44.05369127516775px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="rtNwh4TjZ" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(308.376 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="Tpomfgy5M" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(323.06 0)" width="44.05369127516775px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="rUOIxupZ5" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(337.745 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="biagFAtxy" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(352.43 0)" width="44.05369127516775px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="FbWu0DWrr" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(367.114 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="Ei2Nzms9q" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(381.799 0)" width="44.05369127516775px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="mS_wSMuv_" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(396.483 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="oe37EHWG8" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(411.168 0)" width="44.05369127516775px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="hahMlH9vQ" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(425.852 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="oRZwIeSZ2" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(440.537 0)" width="44.05369127516775px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="aCxfzwNrg" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(455.221 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="A0kRyfOwZ" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(469.906 0)" width="44.05369127516775px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="rc8VOQc4Z" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(484.591 0)" width="44.053691275167864px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="EFs_aAkFp" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(499.275 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="VlLycR7_h" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(513.96 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="bUCtoCXDV" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(528.644 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="PRXFPoxO9" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(543.329 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="vF36EoQr1" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(558.013 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="H4sMjjeIa" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(572.698 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="yBWuUg8kR" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(587.383 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="YsWGz8Sxr" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(602.067 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="Xc39cqNwB" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(616.752 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="RJeWgHg6i" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(631.436 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="yLNtfFVD1" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(646.121 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="AwhmIw234" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(660.805 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="jaEdn6MRn" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(675.49 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="zbzpwNUHX" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(690.174 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="z7TzBckhN" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(704.859 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="IMGv1eU4E" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(719.544 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="W2odIKgcz" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(734.228 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="q0S3tc1i_" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(748.913 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="eaYIkyZxn" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(763.597 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="SrJR07vdE" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(778.282 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="pGksC879K" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(792.966 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="H8Z6lXi0n" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(807.651 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="ZxW6173uv" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(822.336 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="EDtklbfOX" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(837.02 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="GzbmQLTcS" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(851.705 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="IFxkuqQMC" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(866.389 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="tGA2hKIvi" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(881.074 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="JQ92rJzqi" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(895.758 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="waGa2vqZw" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(910.443 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="zuztraCTk" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(925.128 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="N1_8gSTkB" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(939.812 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="zvKmq78lb" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(954.497 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="jtRL1blB5" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(969.181 0)" width="44.05369127516781px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="fhR8LdlMj" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(983.866 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="VErDK6sF2" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(998.55 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="a7ReDA3vT" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1013.235 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="pWt2xfn9r" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1027.919 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="jkADEBIc7" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1042.604 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="F93wFv5p2" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1057.289 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="wQAcSVChK" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1071.973 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="oF8B7up1q" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1086.658 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="p7CApwQMd" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1101.342 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="PlUMRzL_C" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1116.027 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="oodGnyrwz" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1130.711 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="SfrO9QNbo" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1145.396 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="HmErO5JhJ" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1160.081 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="zckKKWVyf" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1174.765 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="cUMXKkvVZ" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1189.45 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="mnlkUaPVh" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1204.134 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="GhFRPbtUh" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1218.819 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="n_lFL6CLk" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1233.503 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="Z3pmhdQ8N" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1248.188 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="fBrv1xvAd" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1262.873 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="fRn7JalKN" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1277.557 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="RmAbk60Ib" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1292.242 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="H3XvTxI85" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1306.926 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="AG5bUbmBx" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1321.611 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="kc2PRC2py" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1336.295 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="nbYjmK7H0" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1350.98 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="FdGwJjniW" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1365.664 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="HYNbfKNJx" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1380.349 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="Tb0QTTdb0" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1395.034 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="Wh8p9dsD_" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1409.718 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="k4EeuhcbT" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1424.403 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="EILlAVX7g" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1439.087 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="HMhEG7Bis" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1453.772 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="GRBN8sZek" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1468.456 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="wLPzL61YS" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1483.141 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="p7FpdCbVk" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1497.825 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="lUMaRuH6g" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1512.51 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="axJHZR6fV" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1527.195 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="YxdHWVONb" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1541.879 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="ifgWtqhGo" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1556.564 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="noSH3DHuQ" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1571.248 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="n9bJCmjEO" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1585.933 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="KP12iyy3K" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1600.617 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="oG1PyvIP8" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1615.302 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="QjmW_1Hsf" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1629.987 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="Cv5FzOCgw" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1644.671 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="eJhW7dIA7" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1659.356 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="LBjwkzsNb" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1674.04 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="Vo31_gblu" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1688.725 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="Qc088S08Q" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1703.409 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="jxNw7JiaU" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1718.094 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="MtCN0mICU" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1732.778 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="nb_jpQVK9" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1747.463 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="IcH5Jry8Q" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1762.148 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="mvERqb3HB" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1776.832 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="XLJMxs2qw" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1791.517 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="yZPrIzrXa" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1806.201 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="ll8ybMMR1" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1820.886 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="IDMjPplUG" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1835.571 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="lOr9J2DHT" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1850.255 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="v1BBWs8eZ" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1864.94 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="AqB6Zok4t" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1879.624 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="NNDiEvqZV" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1894.309 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="rWy8tuLvb" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1908.993 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="fnZxDfw18" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1923.678 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="t8lXLCw0U" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1938.362 0)" width="44.05369127516792px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="fJn21UlME" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1953.047 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="q257dfLCR" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1967.732 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="qxF7P0pDX" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1982.416 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="bEBW0rKMi" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(1997.101 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="iW5BTefvW" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(2011.785 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="hTSMCSnGR" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(2026.47 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="Vmvkz5hT2" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(2041.154 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="rEZiPFSTQ" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(2055.839 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="iNiVlZgSm" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(2070.524 0)" width="44.05369127516815px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="nbfSGNo1G" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(2085.208 0)" width="44.05369127516815px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="p3c7ujoMT" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(2099.893 0)" width="44.05369127516815px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="ofCI5V5qx" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(2114.577 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="WjiMxnpkQ" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(2129.262 0)" width="44.053691275167694px"/><path d="M 0 99.855 L 44.054 0" fill="transparent" height="99.85503163139649px" id="SCvcuDVw8" stroke-dasharray="" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(235, 238, 240)" transform="translate(2143.946 0)" width="44.05369127516224px"/></g></svg>)
The Solution
The Solution
I redesigned the platform around four core improvements, each directly addressing a user pain point:
Clean Visual Design
Clean Visual Design
Increased whitespace, implemented consistent 8px grid spacing, established clear visual hierarchy with distinct typography, and reduced color palette to minimize distraction. The interface now lets users focus on building, not fighting clutter.
Increased whitespace, implemented consistent 8px grid spacing, established clear visual hierarchy with distinct typography, and reduced color palette to minimize distraction. The interface now lets users focus on building, not fighting clutter.
Prominent Navigation
Prominent Navigation
Surfaced critical features-Developer Mode, GitHub Integration, deployment options— to primary navigation. Added quick action toolbar for frequent operations. Eliminated nested menus for essential functions. Users now find what they need immediately.
Surfaced critical features-Developer Mode, GitHub Integration, deployment options— to primary navigation. Added quick action toolbar for frequent operations. Eliminated nested menus for essential functions. Users now find what they need immediately.
Streamlined Upgrade Flow
Streamlined Upgrade Flow
Added prominent 'Upgrade' button in header, implemented contextual prompts when approaching credit limits, created clear Free vs Pro comparison, enabled one-click upgrade with pre-selected popular plan. The path to paid features is now obvious.
Added prominent 'Upgrade' button in header, implemented contextual prompts when approaching credit limits, created clear Free vs Pro comparison, enabled one-click upgrade with pre-selected popular plan. The path to paid features is now obvious.
Always-Visible Credits
Always-Visible Credits
Placed persistent credit balance indicator in header with color-coded status (green/yellow/red). Added hover tooltip showing usage breakdown. Display estimated credits before Al operations. Users always know where they stand.
Placed persistent credit balance indicator in header with color-coded status (green/yellow/red). Added hover tooltip showing usage breakdown. Display estimated credits before Al operations. Users always know where they stand.
Impact
Impact
The redesign delivered measurable improvements across all key metrics:
The redesign delivered measurable improvements across all key metrics:
+32%
+32%
User Satisfaction Score
User Satisfaction Score
Cleaner Ul reduced overwhelm and improved focus
Cleaner Ul reduced overwhelm and improved focus
+58%
+58%
Feature Discovery Rate
Feature Discovery Rate
Prominent navigation surfaced hidden features
Prominent navigation surfaced hidden features
+41%
+41%
Conversion to Paid Plans
Conversion to Paid Plans
Streamlined upgrade flow removed friction
Streamlined upgrade flow removed friction
-64%
-64%
Credit-Related Support Tickets
Credit-Related Support Tickets
Always-visible credit info eliminated confusion
Always-visible credit info eliminated confusion
Key Takeaway
Key Takeaway
User feedback provided the exact roadmap. Instead of guessing, I listened to what frustrated users: cluttered Ul, hidden menus, confusing upgrade flow, invisible credits. Each complaint became a design requirement. The redesign directly solved the problems users articulated.
User feedback provided the exact roadmap. Instead of guessing, I listened to what frustrated users: cluttered Ul, hidden menus, confusing upgrade flow, invisible credits. Each complaint became a design requirement. The redesign directly solved the problems users articulated.
Simple principle: If users say something is wrong, they're right. If users say how to fix it, test their suggestion. The best design solutions come from actually listening.
Simple principle: If users say something is wrong, they're right. If users say how to fix it, test their suggestion. The best design solutions come from actually listening.
Thanks for
stopping by!
Feel free to reach out for collaboration
purposes or just a friendly hello 👋🏻
sasongkobr@gmail.com
Thanks for
stopping by!
Feel free to reach out for collaboration
purposes or just a friendly hello 👋🏻
sasongkobr@gmail.com
Thanks for stopping by!
Feel free to reach out for collaboration
purposes or just a friendly hello 👋🏻
sasongkobr@gmail.com
Thanks for stopping by!
Feel free to reach out for collaboration
purposes or just a friendly hello 👋🏻
sasongkobr@gmail.com
Thanks for
stopping by!
Feel free to reach out for collaboration purposes or just a friendly hello 👋🏻
Copy email
Get in touch