![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g d="M 13.73 12.115 C 13.506 12.538 13.114 12.867 12.554 13.104 C 12.007 13.34 11.409 13.459 10.762 13.459 C 10.115 13.459 9.524 13.347 8.989 13.123 C 8.454 12.899 8.068 12.575 7.832 12.152 C 5.965 8.705 4.229 5.32 2.624 1.997 C 2.437 1.599 2.344 1.294 2.344 1.083 C 2.344 0.411 2.649 0.075 3.258 0.075 L 8.653 0.037 C 9.114 0.037 9.462 0.118 9.698 0.28 C 9.947 0.442 10.165 0.765 10.352 1.251 L 12.162 5.88 C 12.237 6.079 12.374 6.179 12.573 6.179 C 12.772 6.179 12.921 6.079 13.021 5.88 L 15.466 0.579 C 15.628 0.243 15.802 0.056 15.989 0.019 C 16.064 0.006 16.194 0 16.381 0 L 18.528 0.037 C 18.764 0.037 18.932 0.149 19.032 0.373 C 19.069 0.46 19.088 0.566 19.088 0.691 C 19.088 0.815 18.945 1.157 18.658 1.717 C 18.385 2.277 17.657 3.833 16.474 6.384 C 15.305 8.935 14.39 10.845 13.73 12.115 Z M 3.33 9.078 C 3.589 8.934 3.977 8.893 4.493 8.954 L 5.034 9.016 C 5.658 10.212 6.298 11.416 6.954 12.628 L 6.957 12.634 L 6.96 12.639 C 7.326 13.294 7.905 13.752 8.604 14.045 C 9.275 14.326 9.999 14.458 10.763 14.458 C 11.535 14.458 12.269 14.317 12.952 14.022 L 12.952 14.021 C 13.662 13.72 14.258 13.256 14.615 12.582 L 14.619 12.575 C 14.967 11.905 15.383 11.062 15.867 10.05 L 16.675 10.116 C 17.342 10.281 17.706 10.662 18.01 11.045 C 18.28 11.441 18.388 11.941 18.335 12.547 C 18.289 13.142 18.114 13.725 17.811 14.297 C 17.509 14.869 17.134 15.339 16.686 15.708 C 16.237 16.076 15.771 16.266 15.286 16.277 C 11.367 16.317 5.229 16.269 1.542 16.136 C 1.102 16.114 0.789 16.054 0.602 15.956 C 0.008 15.641 -0.146 15.215 0.139 14.676 L 2.627 9.889 C 2.842 9.482 3.076 9.212 3.33 9.078 Z" fill="transparent" height="16.29067823623097px" id="cAY_I5ldT" transform="translate(0.5 1.834)" width="19.0877px"><path d="M 11.387 12.115 C 11.163 12.538 10.771 12.867 10.211 13.104 C 9.663 13.34 9.066 13.459 8.419 13.459 C 7.772 13.459 7.18 13.347 6.645 13.123 C 6.11 12.899 5.724 12.575 5.488 12.152 C 3.621 8.705 1.885 5.32 0.28 1.997 C 0.093 1.599 0 1.294 0 1.083 C 0 0.411 0.305 0.075 0.915 0.075 L 6.309 0.037 C 6.77 0.037 7.118 0.118 7.355 0.28 C 7.604 0.442 7.821 0.765 8.008 1.251 L 9.819 5.88 C 9.893 6.079 10.03 6.179 10.229 6.179 C 10.428 6.179 10.578 6.079 10.677 5.88 L 13.123 0.579 C 13.284 0.243 13.459 0.056 13.645 0.019 C 13.72 0.006 13.851 0 14.037 0 L 16.184 0.037 C 16.42 0.037 16.588 0.149 16.688 0.373 C 16.725 0.46 16.744 0.566 16.744 0.691 C 16.744 0.815 16.601 1.157 16.315 1.717 C 16.041 2.277 15.313 3.833 14.131 6.384 C 12.961 8.935 12.046 10.845 11.387 12.115 Z" fill="rgb(0, 0, 0)" height="13.4587px" id="FL_ZbtWXJ" transform="translate(2.344 0)" width="16.74395px"/><path d="M 3.33 0.152 C 3.589 0.007 3.977 -0.034 4.493 0.028 L 5.034 0.089 C 5.658 1.286 6.298 2.49 6.954 3.701 L 6.957 3.707 L 6.96 3.713 C 7.326 4.367 7.905 4.825 8.604 5.118 C 9.275 5.399 9.999 5.531 10.763 5.531 C 11.535 5.531 12.269 5.39 12.952 5.095 L 12.952 5.095 C 13.662 4.793 14.258 4.329 14.615 3.655 L 14.619 3.649 C 14.967 2.978 15.383 2.135 15.867 1.123 L 16.675 1.19 C 17.342 1.354 17.706 1.735 18.01 2.118 C 18.28 2.514 18.388 3.015 18.335 3.62 C 18.289 4.215 18.114 4.798 17.811 5.37 C 17.509 5.942 17.134 6.413 16.686 6.781 C 16.237 7.15 15.771 7.339 15.286 7.351 C 11.367 7.39 5.229 7.343 1.542 7.209 C 1.102 7.188 0.789 7.128 0.602 7.029 C 0.008 6.715 -0.146 6.288 0.139 5.749 L 2.627 0.962 C 2.842 0.555 3.076 0.285 3.33 0.152 Z" fill="rgb(0, 0, 0)" height="7.36396143172658px" id="D40kHLO7D" transform="translate(0 8.927)" width="18.348237373622723px"/></g></svg>)
Individualized
financial solution just
for you.
Individualized
financial solution just
for you.
Individualized
financial solution just
for you.
Individualized
financial solution just
for you.
UI UX
UI UX
BRANDING
BRANDING
MOBILE APP
MOBILE APP
WEB APP
WEB APP
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 8" xmlns="http://www.w3.org/2000/svg"><g d="M 10.243 7.209 C 10.162 7.209 10.096 7.144 10.096 7.063 L 10.096 0.85 C 10.098 0.798 10.132 0.752 10.182 0.737 C 10.232 0.722 10.286 0.74 10.316 0.783 L 13.499 5.288 C 13.538 5.345 13.529 5.422 13.477 5.468 C 13.426 5.513 13.348 5.513 13.297 5.466 C 13.246 5.42 13.238 5.342 13.278 5.286 L 16.15 1.356 L 16.497 0.863 C 16.533 0.81 16.6 0.788 16.661 0.807 C 16.722 0.826 16.763 0.883 16.763 0.947 L 16.763 7.063 C 16.763 7.144 16.697 7.209 16.617 7.209 L 15.634 7.209 C 15.553 7.209 15.488 7.144 15.488 7.063 L 15.488 3.355 L 15.56 3.958 C 15.564 3.994 15.555 4.03 15.534 4.059 L 13.382 7.114 C 13.378 7.118 13.373 7.121 13.368 7.121 C 13.362 7.121 13.357 7.118 13.354 7.114 L 11.14 4.058 C 11.12 4.03 11.115 3.994 11.126 3.962 C 11.166 3.853 11.328 3.881 11.328 3.997 L 11.328 7.063 C 11.328 7.144 11.262 7.209 11.181 7.209 Z M 19.73 3.032 L 19.728 3.046 C 19.718 3.135 19.832 3.182 19.888 3.111 L 21.955 0.781 C 21.983 0.75 22.023 0.732 22.064 0.732 L 23.318 0.732 C 23.376 0.732 23.429 0.766 23.452 0.819 C 23.475 0.872 23.465 0.934 23.426 0.977 L 21.061 3.539 C 21.013 3.591 21.009 3.67 21.052 3.726 L 23.485 6.959 C 23.518 7.004 23.523 7.063 23.499 7.112 C 23.474 7.162 23.423 7.193 23.368 7.193 L 22.117 7.193 C 22.071 7.193 22.026 7.171 21.999 7.133 L 20.147 4.576 C 20.122 4.541 20.083 4.519 20.04 4.516 C 19.997 4.512 19.955 4.528 19.925 4.558 L 19.773 4.71 C 19.745 4.738 19.73 4.775 19.73 4.813 L 19.73 7.047 C 19.73 7.128 19.664 7.193 19.583 7.193 L 18.583 7.193 C 18.502 7.193 18.437 7.128 18.437 7.047 L 18.437 0.878 C 18.437 0.797 18.502 0.732 18.583 0.732 L 19.583 0.732 C 19.664 0.732 19.73 0.797 19.73 0.878 Z M 24.628 0.878 C 24.628 0.797 24.694 0.732 24.774 0.732 L 28.897 0.732 C 28.978 0.732 29.043 0.797 29.043 0.878 L 29.043 1.814 C 29.043 1.895 28.978 1.961 28.897 1.961 L 26.049 1.961 C 25.969 1.961 25.903 2.026 25.903 2.107 L 25.903 3.193 C 25.903 3.274 25.969 3.339 26.049 3.339 L 28.536 3.339 C 28.617 3.339 28.682 3.405 28.682 3.485 L 28.682 4.422 C 28.682 4.503 28.617 4.568 28.536 4.568 L 26.05 4.568 C 25.969 4.568 25.903 4.634 25.903 4.715 L 25.903 5.818 C 25.903 5.899 25.969 5.964 26.05 5.964 L 29.02 5.964 C 29.101 5.964 29.166 6.03 29.166 6.11 L 29.166 7.047 C 29.166 7.128 29.101 7.193 29.02 7.193 L 24.774 7.193 C 24.694 7.193 24.628 7.128 24.628 7.047 Z M 32.447 0.732 C 32.981 0.732 33.432 0.822 33.801 1.004 C 34.171 1.179 34.452 1.431 34.646 1.759 C 34.839 2.081 34.936 2.464 34.936 2.909 C 34.936 3.172 34.895 3.439 34.813 3.708 C 34.736 3.971 34.61 4.211 34.434 4.428 C 34.264 4.644 34.033 4.82 33.74 4.955 C 33.453 5.083 33.098 5.148 32.676 5.148 L 31.907 5.148 C 31.827 5.148 31.761 5.213 31.761 5.294 L 31.761 7.047 C 31.761 7.128 31.696 7.193 31.615 7.193 L 30.632 7.193 C 30.551 7.193 30.486 7.128 30.486 7.047 L 30.486 0.878 C 30.486 0.797 30.551 0.732 30.632 0.732 Z M 32.667 3.91 C 32.86 3.91 33.022 3.878 33.151 3.813 C 33.28 3.743 33.379 3.658 33.45 3.559 C 33.526 3.453 33.578 3.345 33.608 3.234 C 33.643 3.123 33.661 3.026 33.661 2.944 C 33.661 2.88 33.649 2.795 33.626 2.689 C 33.605 2.572 33.564 2.459 33.502 2.356 C 33.438 2.245 33.338 2.151 33.203 2.075 C 33.074 1.999 32.898 1.961 32.676 1.961 L 31.907 1.961 C 31.827 1.961 31.761 2.026 31.761 2.107 L 31.761 3.763 C 31.761 3.844 31.827 3.91 31.907 3.91 Z M 35.638 0.878 C 35.638 0.797 35.703 0.732 35.784 0.732 L 39.854 0.732 C 39.934 0.732 40 0.797 40 0.878 L 40 1.814 C 40 1.895 39.934 1.961 39.854 1.961 L 38.572 1.961 C 38.491 1.961 38.426 2.026 38.426 2.107 L 38.426 7.047 C 38.426 7.128 38.36 7.193 38.28 7.193 L 37.297 7.193 C 37.216 7.193 37.15 7.128 37.15 7.047 L 37.15 2.107 C 37.15 2.026 37.085 1.961 37.004 1.961 L 35.784 1.961 C 35.703 1.961 35.638 1.895 35.638 1.814 Z M 8.215 6.958 C 8.28 7.005 8.363 6.929 8.323 6.859 L 4.457 0.12 C 4.415 0.046 4.336 0 4.25 0 C 4.164 0 4.085 0.046 4.043 0.12 L 2.488 2.853 L 5.236 4.828 Z M 2.955 7.225 L 0.921 5.522 L 0.01 7.113 C -0.003 7.136 -0.003 7.164 0.01 7.188 C 0.023 7.211 0.048 7.225 0.075 7.225 L 2.955 7.225 Z M 4.765 5.053 L 3.058 6.785 L 1.127 5.194 L 2.252 3.219 Z M 3.142 7.225 L 5.074 5.278 L 7.672 7.089 C 7.699 7.108 7.711 7.142 7.701 7.173 C 7.691 7.204 7.662 7.225 7.629 7.225 Z" fill="transparent" height="7.225185260873641px" id="lI__CiUUj" transform="translate(0 0.385)" width="40.00000103627633px"><path d="M 0.146 6.478 C 0.066 6.478 0 6.412 0 6.331 L 0 0.118 C 0.001 0.066 0.036 0.02 0.086 0.005 C 0.136 -0.01 0.19 0.009 0.22 0.051 L 3.402 4.557 C 3.442 4.613 3.433 4.69 3.381 4.736 C 3.329 4.782 3.251 4.781 3.2 4.735 C 3.149 4.688 3.141 4.611 3.182 4.555 L 6.054 0.625 L 6.4 0.131 C 6.437 0.079 6.503 0.056 6.564 0.075 C 6.625 0.095 6.667 0.151 6.667 0.215 L 6.667 6.331 C 6.667 6.412 6.601 6.478 6.52 6.478 L 5.537 6.478 C 5.457 6.478 5.391 6.412 5.391 6.331 L 5.391 2.623 L 5.464 3.226 C 5.468 3.262 5.459 3.298 5.438 3.328 L 3.285 6.382 C 3.282 6.387 3.277 6.389 3.271 6.389 C 3.266 6.389 3.261 6.387 3.257 6.382 L 1.044 3.327 C 1.023 3.299 1.018 3.263 1.03 3.231 C 1.07 3.121 1.231 3.15 1.231 3.266 L 1.231 6.331 C 1.231 6.412 1.166 6.478 1.085 6.478 Z" fill="rgb(0, 9, 18)" height="6.477508032492032px" id="RDbILwa99" transform="translate(10.096 0.732)" width="6.666521303539643px"/><path d="M 1.293 2.3 L 1.291 2.314 C 1.282 2.404 1.395 2.45 1.451 2.379 L 3.518 0.049 C 3.546 0.018 3.586 0 3.628 0 L 4.881 0 C 4.939 0 4.992 0.034 5.015 0.088 C 5.039 0.141 5.028 0.203 4.989 0.246 L 2.624 2.807 C 2.576 2.859 2.573 2.938 2.615 2.995 L 5.048 6.228 C 5.081 6.272 5.086 6.331 5.062 6.381 C 5.037 6.43 4.986 6.462 4.931 6.462 L 3.681 6.462 C 3.634 6.462 3.59 6.439 3.562 6.401 L 1.71 3.844 C 1.685 3.809 1.646 3.787 1.603 3.784 C 1.56 3.781 1.518 3.796 1.488 3.826 L 1.336 3.979 C 1.308 4.006 1.293 4.043 1.293 4.082 L 1.293 6.315 C 1.293 6.396 1.227 6.462 1.147 6.462 L 0.146 6.462 C 0.066 6.462 0 6.396 0 6.315 L 0 0.146 C 0 0.066 0.066 0 0.146 0 L 1.147 0 C 1.227 0 1.293 0.066 1.293 0.146 Z M 6.191 0.146 C 6.191 0.066 6.257 0 6.338 0 L 10.46 0 C 10.541 0 10.606 0.066 10.606 0.146 L 10.606 1.083 C 10.606 1.164 10.541 1.229 10.46 1.229 L 7.613 1.229 C 7.532 1.229 7.466 1.295 7.466 1.375 L 7.466 2.461 C 7.466 2.542 7.532 2.607 7.613 2.607 L 10.099 2.607 C 10.18 2.607 10.246 2.673 10.246 2.754 L 10.246 3.69 C 10.246 3.771 10.18 3.837 10.099 3.837 L 7.613 3.837 C 7.532 3.837 7.467 3.902 7.467 3.983 L 7.467 5.086 C 7.467 5.167 7.532 5.233 7.613 5.233 L 10.583 5.233 C 10.664 5.233 10.729 5.298 10.729 5.379 L 10.729 6.315 C 10.729 6.396 10.664 6.462 10.583 6.462 L 6.338 6.462 C 6.257 6.462 6.191 6.396 6.191 6.315 Z M 14.01 0 C 14.544 0 14.995 0.091 15.365 0.272 C 15.734 0.448 16.015 0.699 16.209 1.027 C 16.402 1.349 16.499 1.732 16.499 2.177 C 16.499 2.441 16.458 2.707 16.376 2.976 C 16.3 3.24 16.173 3.48 15.998 3.696 C 15.828 3.913 15.596 4.088 15.303 4.223 C 15.016 4.352 14.661 4.416 14.239 4.416 L 13.471 4.416 C 13.39 4.416 13.324 4.482 13.324 4.562 L 13.324 6.315 C 13.324 6.396 13.259 6.462 13.178 6.462 L 12.195 6.462 C 12.114 6.462 12.049 6.396 12.049 6.315 L 12.049 0.146 C 12.049 0.066 12.114 0 12.195 0 Z M 14.23 3.178 C 14.423 3.178 14.585 3.146 14.714 3.082 C 14.843 3.011 14.942 2.926 15.013 2.827 C 15.089 2.722 15.142 2.613 15.171 2.502 C 15.206 2.391 15.224 2.294 15.224 2.212 C 15.224 2.148 15.212 2.063 15.189 1.958 C 15.168 1.84 15.127 1.727 15.066 1.624 C 15.001 1.513 14.901 1.419 14.766 1.343 C 14.637 1.267 14.461 1.229 14.239 1.229 L 13.471 1.229 C 13.39 1.229 13.324 1.295 13.324 1.375 L 13.324 3.032 C 13.324 3.113 13.39 3.178 13.471 3.178 Z M 17.201 0.146 C 17.201 0.066 17.266 0 17.347 0 L 21.417 0 C 21.498 0 21.563 0.066 21.563 0.146 L 21.563 1.083 C 21.563 1.164 21.498 1.229 21.417 1.229 L 20.135 1.229 C 20.055 1.229 19.989 1.295 19.989 1.375 L 19.989 6.315 C 19.989 6.396 19.924 6.462 19.843 6.462 L 18.86 6.462 C 18.779 6.462 18.714 6.396 18.714 6.315 L 18.714 1.375 C 18.714 1.295 18.648 1.229 18.567 1.229 L 17.347 1.229 C 17.266 1.229 17.201 1.164 17.201 1.083 Z" fill="rgb(0, 122, 255)" height="6.46166688177899px" id="CeKytRLoo" transform="translate(18.437 0.732)" width="21.56318005238961px"/><path d="M 5.727 6.958 C 5.792 7.005 5.876 6.929 5.836 6.859 L 1.97 0.12 C 1.927 0.046 1.848 0 1.762 0 C 1.677 0 1.598 0.046 1.555 0.12 L 0 2.853 L 2.748 4.828 Z" fill="rgb(0, 122, 255)" height="6.9722950647413455px" id="y_mAih3BM" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="0.15" stroke="rgb(0, 122, 255)" transform="translate(2.488 0)" width="5.846165368134721px"/><path d="M 2.955 4.006 L 0.921 2.303 L 0.01 3.894 C -0.003 3.917 -0.003 3.945 0.01 3.968 C 0.023 3.992 0.048 4.006 0.075 4.006 L 2.955 4.006 Z M 4.765 1.834 L 3.058 3.566 L 1.127 1.975 L 2.252 0 Z M 3.142 4.006 L 5.074 2.059 L 7.672 3.87 C 7.699 3.888 7.711 3.922 7.701 3.954 C 7.691 3.985 7.662 4.006 7.629 4.006 Z" fill="rgb(0, 9, 18)" height="4.006058082681502px" id="Vo9jdH4Av" transform="translate(0 3.219)" width="7.704347429523315px"/></g></svg>)
Oct 4, 2024
Oct 4, 2024
Website: Data visualization and User interaction.
specifically a financial dashboard interface.
Website: Data visualization and User interaction.
specifically a financial dashboard interface.
UI UX
Case Study
Research
No.
Type
01
Persona
01
Persona
Emily Thompson, a 28-year-old Marketing Manager from San Francisco earning $85,000/year, is a tech-savvy professional who values efficiency and convenience. She dislikes lengthy onboarding, unclear steps, and apps lacking security transparency. Emily needs a fintech app that is quick to set up, secure, easy to use, and links her accounts for a complete financial view. For her, efficiency is key—if a process isn’t smooth, she’ll quickly move to a better option.
01
Persona
No.
Type
01
Persona
John Harris, a 52-year-old Small Business Owner from Austin earning $120,000/year, manages both personal and business finances. With moderate tech-savviness, he prefers simple, user-friendly tools and values trust and security above all. He dislikes technical jargon, complex setups, and worries about data safety during account linking. John needs a single, secure app to manage all finances efficiently, with reliable customer support to guide him through onboarding. For him, trust and simplicity are essential—if a process feels complicated or insecure, he wants quick help.
02
User Stories
01
Persona
Emily, a 28-year-old busy marketing manager, wants to quickly set up her personal finances on a fintech app so she can manage her budget efficiently without wasting time on lengthy onboarding processes. Her focus is on speed, simplicity, and convenience.
01
Persona
01
Persona
John, a 52-year-old small business owner, wants to manage both his personal and business finances within a single app so he can track all his financial activities in one place. His priority is having a unified, secure, and easy-to-use solution.
No.
Type
No.
Type
03
User flow
Typography
No.
Type
04
03
Typography
Proxima
Nova
Proxima
Nova
AaBbCc
123
text-normal
text - underline
text - strikethrough
Proxima Nova is a clean, modern sans-serif typeface that blends geometric precision with humanist warmth. Widely used in digital design and branding, it’s valued for versatility, readability, and a professional yet approachable look.
Source
Adobe fonts
Type
San-serif
Usage
Primary Typeface
Colors
No.
Type
05
04
Wireframe
Azure
HEX
#007AFF
USE
Primary
Seasalt
HEX
#FAFAFA
USE
Neutral-White
Rich Black
HEX
#000912
USE
Neutral-Black
Jonquil
HEX
#FFCC00
USE
Warning-Yellow
Dark Pastel Green
HEX
#34C759
USE
Warning-Green
Vermilion
HEX
#FF3B30
USE
Warning-Red
Wireframe
No.
Type
06
05
Wireframe
Mockups
No.
Type
7.1
6.1
Light mode
No.
Type
7.2
6.2
Dark mode
Next project
Paws & Claws is a mobile pet-care companion that helps owners manage pet health, appointments, grooming, and daily routines in one place. Designed for ease of use with clean UI, reminders, and quick access to essential information.
View project
Sorry !
My portfolio supports a limited screen sizes. Please use a laptop/desktop for good experience.
© All rights reserved to vijaykumar.