UI Design | ColorPay App

Audrey Gracia

0

User Researcher

UX Designer

UI Designer

Adobe Dreamweaver

Figma

GSAP

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.
Watch on YouTube
Like this project
0

Posted Jul 28, 2023

ColorPay App is an e-wallet UI/UX design that I created and launched. I used Figma, HTML CSS, GSAP for the animation.

Likes

0

Views

46

Tags

User Researcher

UX Designer

UI Designer

Adobe Dreamweaver

Figma

GSAP

Game Design | Evil Inventions
Game Design | Evil Inventions
Augmented Reality App | TattooTesterAR
Augmented Reality App | TattooTesterAR
UI/UX Design & Research | Malindo Air App Prototype
UI/UX Design & Research | Malindo Air App Prototype
Shopping Website | Kimwellery Jewellery
Shopping Website | Kimwellery Jewellery