UI Design | ColorPay App

Creating a working animated web app of an imaginary e-wallet using HTML, CSS, and JavaScript was an exciting and rewarding experience for me. Throughout this project, I utilized GSAP (GreenSock Animation Platform) to bring dynamic and engaging animations to life. The experience of building this web app was filled with moments of both frustration and triumph. Initially, I was overwhelmed by the complexity of creating an e-wallet from scratch and incorporating animations to enhance the user experience. However, I enjoyed the process and I like coding html more and more throughout different projects.

Throughout this project, I discovered the importance of planning and organization in web development, Figma really helped! Carefully mapping out the app's structure and flow helped me maintain a clear direction and prevented unnecessary rework. Another key finding was the power of GSAP in animating web interfaces. GSAP's intuitive syntax and extensive documentation made it accessible for even those with limited animation experience using code. The smooth transitions and interactive elements provided a delightful user experience, enhancing the app's usability and leaving a lasting impression on users.