I'm Keng Yin,
I'm Keng Yin,
a UI/UX Designer turning complex ideas
a UI/UX Designer turning complex ideas into simple experiences that are purposeful and enjoyable to use.
into simple experiences that are
purposeful and enjoyable to use.
purposeful and enjoyable to use.
Strategy
User Research
Design Systems
Strategy
User Research
Design Systems
Selected Works
Selected Works
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 816 816" xmlns="http://www.w3.org/2000/svg"><defs ><radialGradient cx="0.834" cy="0.283" gradient-transform="translate(0.834, 0.283) scale(1 1.0416666666666667) translate(-0.834, -0.283)" id="EwhMJUAk3-2927835632-radial-gradient" r="0.48"><stop offset="0" stop-color="rgb(173, 173, 173)"/><stop offset="1" stop-color="rgb(237, 237, 237)"/></radialGradient><radialGradient cx="0.894" cy="0.741" gradient-transform="translate(0.894, 0.741) scale(1 1.0416666666666667) translate(-0.894, -0.741)" id="ngcsihzp2-2927835632-radial-gradient" r="0.48"><stop offset="0" stop-color="rgb(150, 150, 150)"/><stop offset="1" stop-color="rgb(237, 237, 237)"/></radialGradient></defs><g opacity="0.6"><path d="M 408 0 C 633.332 0 816 182.668 816 408 C 816 633.332 633.332 816 408 816 C 182.668 816 0 633.332 0 408 C 0 182.668 182.668 0 408 0 Z" fill="url(%23EwhMJUAk3-2927835632-radial-gradient)" height="816px" id="EwhMJUAk3" transform="rotate(-110 408 408)" width="816px"/></g><g opacity="0.6"><path d="M 408 0 C 633.332 0 816 182.668 816 408 C 816 633.332 633.332 816 408 816 C 182.668 816 0 633.332 0 408 C 0 182.668 182.668 0 408 0 Z" fill="url(%23ngcsihzp2-2927835632-radial-gradient)" height="816px" id="ngcsihzp2" transform="rotate(-110 408 408)" width="816px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 595 598" xmlns="http://www.w3.org/2000/svg"><defs ><radialGradient cx="0.939" cy="0.444" gradient-transform="translate(0.939, 0.444) scale(1 1.1403508771929824) translate(-0.939, -0.444)" id="GIONz5iBF-531928479-radial-gradient" r="0.57"><stop offset="0" stop-color="rgb(237, 237, 237)"/><stop offset="1" stop-color="rgb(148, 148, 148)"/></radialGradient><radialGradient cx="0.3025" cy="0.3" gradient-transform="translate(0.3025, 0.3) scale(1 1) translate(-0.3025, -0.3)" id="i5pqUMNOw-531928479-radial-gradient" r="0.4"><stop offset="0" stop-color="rgb(255, 255, 255)"/><stop offset="0.9954954954954955" stop-color="rgba(255, 255, 255, 0)"/></radialGradient><radialGradient cx="0.773" cy="0.132" gradient-transform="translate(0.773, 0.132) scale(1 0.8928571428571426) translate(-0.773, -0.132)" id="HUSbsgCSA-531928479-radial-gradient" r="0.56"><stop offset="0" stop-color="rgb(255, 255, 255)"/><stop offset="1" stop-color="rgba(184, 184, 184, 0.4)"/></radialGradient></defs><g d="M 84.578 492.575 C 197.226 605.223 379.896 605.195 492.578 492.513 C 605.26 379.83 605.289 197.16 492.641 84.513 C 379.993 -28.135 197.323 -28.107 84.641 84.575 C -28.042 197.258 -28.07 379.928 84.578 492.575 Z M 9.897 363.225 C 51.129 517.104 209.34 608.415 363.267 567.17 C 517.194 525.926 608.554 367.743 567.322 213.863 C 526.09 59.984 367.879 -31.327 213.952 9.918 C 60.025 51.162 -31.335 209.345 9.897 363.225 Z M 288.609 577.088 C 447.917 577.088 577.065 447.901 577.065 288.544 C 577.065 129.187 447.917 0 288.609 0 C 129.301 0 0.154 129.187 0.154 288.544 C 0.154 447.901 129.301 577.088 288.609 577.088 Z" fill="transparent" height="577.088040569319px" id="UFMzRhm4O" transform="translate(9.391 11.013)" width="577.2189117289716px"><path d="M 288.455 577.088 C 447.763 577.088 576.91 447.901 576.91 288.544 C 576.91 129.187 447.763 0 288.455 0 C 129.147 0 0 129.187 0 288.544 C 0 447.901 129.147 577.088 288.455 577.088 Z" fill="url(%23GIONz5iBF-531928479-radial-gradient)" height="577.0880405693188px" id="GIONz5iBF" transform="translate(0.154 0) rotate(45 288.455 288.544)" width="576.9102263271268px"/><path d="M 288.455 577.088 C 447.763 577.088 576.91 447.901 576.91 288.544 C 576.91 129.187 447.763 0 288.455 0 C 129.147 0 0 129.187 0 288.544 C 0 447.901 129.147 577.088 288.455 577.088 Z" fill="url(%23i5pqUMNOw-531928479-radial-gradient)" height="577.088040569319px" id="i5pqUMNOw" transform="translate(0.154 0) rotate(75 288.455 288.544)" width="576.9102263271269px"/><path d="M 288.455 577.088 C 447.763 577.088 576.91 447.901 576.91 288.544 C 576.91 129.187 447.763 0 288.455 0 C 129.147 0 0 129.187 0 288.544 C 0 447.901 129.147 577.088 288.455 577.088 Z" fill="url(%23HUSbsgCSA-531928479-radial-gradient)" height="577.088040569319px" id="HUSbsgCSA" transform="translate(0.154 0)" width="576.9102263271267px"/></g></svg>)