JADEN JI
design
Hi, I'm Jaden.
Hi, I'm Jaden.
Hi, I'm Jaden.
An interdisciplinary designer combining artistic sense with strategic design.
Welcome to my portfolio, where I share highlights from my UI/UX journey.
Welcome to my portfolio, where I share highlights from my UI/UX journey.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 81 79" xmlns="http://www.w3.org/2000/svg"><g d="M 27.822 39.892 C 27.822 33.312 33.153 27.978 39.729 27.978 C 46.306 27.978 51.637 33.312 51.637 39.892 C 51.637 46.472 46.306 51.806 39.729 51.806 C 33.153 51.806 27.822 46.472 27.822 39.892 Z M 36.689 78.993 C 26.738 78.993 18.643 70.893 18.643 60.936 C 18.643 59.024 18.944 57.131 19.539 55.311 C 19.679 54.881 19.605 54.409 19.339 54.043 C 19.073 53.679 18.65 53.464 18.2 53.463 L 18.047 53.463 C 8.096 53.463 0 45.363 0 35.407 C 0 25.451 8.096 17.35 18.047 17.35 C 19.885 17.35 21.709 17.631 23.47 18.183 C 23.608 18.227 23.751 18.248 23.891 18.248 C 24.636 18.248 25.251 17.669 25.297 16.926 C 25.885 7.435 33.797 0 43.309 0 C 52.82 0 61.356 8.1 61.356 18.057 C 61.356 19.159 61.256 20.261 61.06 21.332 C 60.984 21.744 61.095 22.167 61.363 22.489 C 61.63 22.81 62.027 22.996 62.445 22.997 L 62.483 22.997 C 62.649 22.992 62.815 22.99 62.98 22.99 C 72.931 22.99 81.027 31.09 81.027 41.046 C 81.027 51.003 72.931 59.103 62.98 59.103 C 60.77 59.103 58.613 58.709 56.572 57.933 C 56.412 57.872 56.243 57.841 56.072 57.841 C 55.77 57.841 55.472 57.939 55.222 58.126 C 54.835 58.418 54.626 58.889 54.667 59.372 C 54.711 59.889 54.733 60.416 54.733 60.939 C 54.733 70.896 46.638 78.996 36.687 78.996 Z M 36.689 42.881 C 38.9 42.881 41.056 43.275 43.098 44.051 C 43.26 44.113 43.43 44.143 43.598 44.143 C 43.899 44.143 44.198 44.046 44.447 43.858 C 44.834 43.566 45.044 43.095 45.002 42.612 C 44.959 42.095 44.936 41.568 44.936 41.045 C 44.936 39.943 45.036 38.84 45.232 37.769 C 45.307 37.358 45.196 36.934 44.929 36.613 C 44.661 36.291 44.265 36.105 43.847 36.105 L 43.809 36.105 C 43.643 36.109 43.477 36.112 43.312 36.112 C 41.473 36.112 39.649 35.831 37.888 35.279 C 37.75 35.235 37.608 35.214 37.467 35.214 C 37.185 35.214 36.906 35.298 36.668 35.462 C 36.312 35.708 36.088 36.104 36.06 36.536 C 35.964 38.065 35.675 39.578 35.199 41.032 C 35.058 41.463 35.133 41.936 35.401 42.302 C 35.665 42.665 36.088 42.88 36.537 42.88 L 36.691 42.88 Z M 47.693 41.045 L 39.796 48.946 M 39.875 48.946 L 31.977 41.045 M 40.861 27.978 L 39.756 45.803" fill="transparent" height="78.99577163247113px" id="mw0dvqjZ5" transform="translate(0 0)" width="81.02676521739124px"><path d="M 0 11.914 C 0 5.334 5.331 0 11.908 0 C 18.484 0 23.815 5.334 23.815 11.914 C 23.815 18.494 18.484 23.828 11.908 23.828 C 5.331 23.828 0 18.494 0 11.914 Z" fill="rgb(206, 88, 41)" height="23.828260481712732px" id="cTbFrvtLV" transform="translate(27.822 27.978)" width="23.81540869565208px"/><path d="M 36.689 78.993 C 26.738 78.993 18.643 70.893 18.643 60.936 C 18.643 59.024 18.944 57.131 19.539 55.311 C 19.679 54.881 19.605 54.409 19.339 54.043 C 19.073 53.679 18.65 53.464 18.2 53.463 L 18.047 53.463 C 8.096 53.463 0 45.363 0 35.407 C 0 25.451 8.096 17.35 18.047 17.35 C 19.885 17.35 21.709 17.631 23.47 18.183 C 23.608 18.227 23.751 18.248 23.891 18.248 C 24.636 18.248 25.251 17.669 25.297 16.926 C 25.885 7.435 33.797 0 43.309 0 C 52.82 0 61.356 8.1 61.356 18.057 C 61.356 19.159 61.256 20.261 61.06 21.332 C 60.984 21.744 61.095 22.167 61.363 22.489 C 61.63 22.81 62.027 22.996 62.445 22.997 L 62.483 22.997 C 62.649 22.992 62.815 22.99 62.98 22.99 C 72.931 22.99 81.027 31.09 81.027 41.046 C 81.027 51.003 72.931 59.103 62.98 59.103 C 60.77 59.103 58.613 58.709 56.572 57.933 C 56.412 57.872 56.243 57.841 56.072 57.841 C 55.77 57.841 55.472 57.939 55.222 58.126 C 54.835 58.418 54.626 58.889 54.667 59.372 C 54.711 59.889 54.733 60.416 54.733 60.939 C 54.733 70.896 46.638 78.996 36.687 78.996 Z M 36.689 42.881 C 38.9 42.881 41.056 43.275 43.098 44.051 C 43.26 44.113 43.43 44.143 43.598 44.143 C 43.899 44.143 44.198 44.046 44.447 43.858 C 44.834 43.566 45.044 43.095 45.002 42.612 C 44.959 42.095 44.936 41.568 44.936 41.045 C 44.936 39.943 45.036 38.84 45.232 37.769 C 45.307 37.358 45.196 36.934 44.929 36.613 C 44.661 36.291 44.265 36.105 43.847 36.105 L 43.809 36.105 C 43.643 36.109 43.477 36.112 43.312 36.112 C 41.473 36.112 39.649 35.831 37.888 35.279 C 37.75 35.235 37.608 35.214 37.467 35.214 C 37.185 35.214 36.906 35.298 36.668 35.462 C 36.312 35.708 36.088 36.104 36.06 36.536 C 35.964 38.065 35.675 39.578 35.199 41.032 C 35.058 41.463 35.133 41.936 35.401 42.302 C 35.665 42.665 36.088 42.88 36.537 42.88 L 36.691 42.88 Z" fill="rgb(204, 95, 41)" height="78.9957716268482px" id="drSGjSFTl" transform="translate(0 0)" width="81.02676517353692px"/><path d="M 15.715 13.067 L 7.818 20.968 M 7.897 20.968 L 0 13.067 M 8.883 0 L 7.779 17.825" fill="transparent" height="20.96846134335533px" id="UgpZoGCRz" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="5" stroke="rgb(255, 255, 255)" transform="translate(31.977 27.978)" width="15.715408972632417px"/></g></svg>)
Scroll down to see my work!
Case studies
Case studies
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 94 41" xmlns="http://www.w3.org/2000/svg"><path d="M 0 13.5 L 61.5 13.5 M 49 0 L 61.5 13.5 L 49 27" fill="transparent" height="27px" id="bHG4GztgS" stroke-dasharray="0" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(196, 123, 122)" transform="translate(16 7)" width="61.5px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 112 120" xmlns="http://www.w3.org/2000/svg"><path d="M 61.5 13.5 L 0 13.5 M 12.5 0 L 0 13.5 L 12.5 27" fill="transparent" height="27px" id="BBn2IMvOT" stroke-dasharray="0" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(196, 123, 122)" transform="translate(25 41) rotate(90 30.75 13.5)" width="61.5px"/></svg>)