Reproduction

This project involves faithfully reproducing the homepage of an existing website, while adapting its content to present a personal object as if it were a character.The goal is to demonstrate UX/UI design and web development skills using HTML, CSS, and JavaScript.The original layout and structure are respected, while the content is creatively reinterpreted to give the project a new identity.

I first chose an existing website to replicate, then analyzed it by examining its structure, animations, and design. This step helped me understand its UX/UI logic before beginning the replication process.I then adapted the content by selecting a favorite item that I humanized, in order to present it as a real “person” on the site. I rewrote the text and adjusted the visuals while maintaining the original layout.The project was built using HTML, CSS, and JavaScript, ensuring a clean structure, good code hierarchy, and a responsive design.

One of the main difficulties was faithfully reproducing the structure and visual details of the original website while maintaining clean and organized code.It was also challenging to combine HTML, CSS, and JavaScript together in a single project, as it was one of my first experiences working with all three languages at the same time.Another difficulty was adapting the original content into my own concept, especially by humanizing the chosen object without breaking the consistency of the design.