Note
This project, intended for educational purposes, contains design elements and assets that are the intellectual property of DesignJoy and is not meant to be used for commerical purposes.
This project is a practice exercise, where I cloned the landing page of an existing, fully operational website from scratch.
In my journey to understand the foundation of good design, I thought it would be a good learning experience to clone a website crafted by a professional web designer. I wanted to challenge myself by cloning a working website, from the static elements to the dynamic animations.
I've documented my key learnings from this project on Twitter.
While the majority of these insights are technical, some of which I've added to my CodePen, the project also helped me develop beneficial habits and practices in web design.
I hope to take what I've learned from this project and apply it to future frontend endeavors. I also had an enjoyable time learning how to create animations, so I'd also like to experiment with more animation styles, ranging from eye-catching to subtle.