UX-UI
I translate complex ideas into clean, user-centric, and production-ready designs for web and interactive platforms.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 44 40" xmlns="http://www.w3.org/2000/svg"><g d="M 0 0 L 18.304 0 L 18.304 28.038 L 0 28.038 Z M 9.15 14.017 C 9.15 11.436 11.199 9.344 13.726 9.344 C 16.253 9.344 18.302 11.436 18.302 14.017 C 18.302 16.598 16.253 18.69 13.726 18.69 C 11.199 18.69 9.15 16.598 9.15 14.017 Z M 0 23.394 C 0 20.813 2.049 18.721 4.576 18.721 L 9.152 18.721 L 9.152 23.394 C 9.152 25.974 7.103 28.067 4.576 28.067 C 2.049 28.067 0 25.974 0 23.394 Z M 9.15 0 L 9.15 9.346 L 13.726 9.346 C 16.253 9.346 18.302 7.254 18.302 4.673 C 18.302 2.092 16.253 0 13.726 0 Z M 0 4.673 C 0 7.254 2.049 9.346 4.576 9.346 L 9.152 9.346 L 9.152 0 L 4.576 0 C 2.049 0 0 2.092 0 4.673 Z M 0 14.017 C 0 16.598 2.049 18.69 4.576 18.69 L 9.152 18.69 L 9.152 9.344 L 4.576 9.344 C 2.049 9.344 0 11.436 0 14.017 Z" fill="transparent" height="28.0666662019665px" id="tos9BeX3U" transform="translate(12.5 6)" width="18.304348053353124px"><path d="M 0 0 L 18.304 0 L 18.304 28.038 L 0 28.038 Z" fill="transparent" height="28.038210130289073px" id="Cuh6dLwQA" width="18.304348053353124px"/><path d="M 0 4.673 C 0 2.092 2.049 0 4.576 0 C 7.103 0 9.152 2.092 9.152 4.673 C 9.152 7.254 7.103 9.346 4.576 9.346 C 2.049 9.346 0 7.254 0 4.673 Z" fill="rgb(26, 188, 254)" height="9.34611375750849px" id="JViQAGFjU" transform="translate(9.15 9.344)" width="9.15214192155804px"/><path d="M 0 4.673 C 0 2.092 2.049 0 4.576 0 L 9.152 0 L 9.152 4.673 C 9.152 7.254 7.103 9.346 4.576 9.346 C 2.049 9.346 0 7.254 0 4.673 Z" fill="rgb(10, 207, 131)" height="9.34611375750849px" id="PeZd7QphG" transform="translate(0 18.721)" width="9.152141921558098px"/><path d="M 0 0 L 0 9.346 L 4.576 9.346 C 7.103 9.346 9.152 7.254 9.152 4.673 C 9.152 2.092 7.103 0 4.576 0 Z" fill="rgb(255, 114, 98)" height="9.346048186390306px" id="uJh_uZBje" transform="translate(9.15 0)" width="9.15214192155804px"/><path d="M 0 4.673 C 0 7.254 2.049 9.346 4.576 9.346 L 9.152 9.346 L 9.152 0 L 4.576 0 C 2.049 0 0 2.092 0 4.673 Z" fill="rgb(242, 78, 30)" height="9.34611375750849px" id="T7NDJ4jfq" width="9.152141921558098px"/><path d="M 0 4.673 C 0 7.254 2.049 9.346 4.576 9.346 L 9.152 9.346 L 9.152 0 L 4.576 0 C 2.049 0 0 2.092 0 4.673 Z" fill="rgb(162, 89, 255)" height="9.34611375750849px" id="dCbb8e1p7" transform="translate(0 9.344)" width="9.152141921558098px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 44 40" xmlns="http://www.w3.org/2000/svg"><path d="M 17 0 L 17 8.667 L 8.5 8.667 L 0 0 Z M 0 8.667 L 8.5 8.667 L 17 17.333 L 8.5 17.333 L 8.5 26 L 0 17.333 Z" fill="rgb(255, 255, 255)" height="25.999999364217132px" id="O9j7xwrEc" transform="translate(14 7)" width="17px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 44 40" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="ti6kFbuRv-1998242220-linear-gradient" x1="0" x2="1" y1="1.1102230246251565e-16" y2="0.9999999999999999"><stop offset="0" stop-color="rgb(150, 136, 253)"/><stop offset="1" stop-color="rgb(96, 126, 244)"/></linearGradient></defs><g d="M 11.825 40 C 5.294 40 0 34.706 0 28.175 L 0 11.825 C 0 5.294 5.294 0 11.825 0 L 28.175 0 C 34.706 0 40 5.294 40 11.825 L 40 28.175 C 40 34.706 34.706 40 28.175 40 Z M 20.68 8.572 C 16.292 7.745 14.719 23.044 17.315 27.816 M 17.299 27.768 C 19.89 32.52 24.64 32.52 26.818 27.08 M 20.715 8.54 C 25.103 9.366 20.339 22.801 13.358 29.782 M 11.825 40 C 5.294 40 0 34.706 0 28.175 L 0 11.825 C 0 5.294 5.294 0 11.825 0 L 28.175 0 C 34.706 0 40 5.294 40 11.825 L 40 28.175 C 40 34.706 34.706 40 28.175 40 Z" fill="transparent" height="40px" id="PvKGafQP3" transform="translate(2 0)" width="40px"><path d="M 11.825 40 C 5.294 40 0 34.706 0 28.175 L 0 11.825 C 0 5.294 5.294 0 11.825 0 L 28.175 0 C 34.706 0 40 5.294 40 11.825 L 40 28.175 C 40 34.706 34.706 40 28.175 40 Z" fill="url(%23ti6kFbuRv-1998242220-linear-gradient)" height="40px" id="ti6kFbuRv" width="40px"/><path d="M 4.622 0.032 C 0.234 -0.795 -1.339 14.504 1.257 19.276" fill="transparent" height="19.27627049225766px" id="DMr_9jQCW" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.92" stroke="rgb(215, 213, 255)" transform="translate(16.058 8.54)" width="4.621781842050052px"/><path d="M 0 0.688 C 2.591 5.44 7.341 5.44 9.519 0" fill="transparent" height="4.170082137443484px" id="ipIWU5JLZ" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.92" stroke="rgb(215, 213, 255)" transform="translate(17.299 27.08)" width="9.51912408759108px"/><path d="M 7.358 0 C 11.746 0.826 6.981 14.26 0 21.242" fill="transparent" height="21.242335766423345px" id="eeM1yxxtb" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.92" stroke="rgb(244, 243, 255)" transform="translate(13.358 8.54)" width="9.047079932635956px"/><path d="M 11.825 40 C 5.294 40 0 34.706 0 28.175 L 0 11.825 C 0 5.294 5.294 0 11.825 0 L 28.175 0 C 34.706 0 40 5.294 40 11.825 L 40 28.175 C 40 34.706 34.706 40 28.175 40 Z" fill="transparent" height="40px" id="PcGURQU6W" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="0.29" stroke="rgb(0, 0, 0)" width="40px"/></g></svg>)
Project Highlights
Design Philosophy & Scope
I specialize in making advanced technology intuitive and accessible. My work transforms complex requirements for AI Web2 and Web3 platforms into clean, user-centric interfaces that bridge powerful functionality with an effortless user experience.
Process & Toolkit
My integrated workflow uses a versatile toolkit—including Figma, Framer, Cinema 4D, and the Adobe Suite—to deliver polished, production-ready designs. This process allows me to efficiently build and scale sophisticated digital products, from high-fidelity prototypes to rich 3D assets and fluid micro-interactions.