Work content
Resume
This project was created as part of my web design course, where we had to replicate an existing website. I chose to recreate Deezer’s interface to study its structure and layout. The goal was to understand how design elements are arranged to produce a clear and cohesive effect. It was a great exercise to learn how to observe, deconstruct, and rebuild a real-world UI.
Goals
The main objective was to train ourselves to visually analyze a website and reproduce it without using the source code. It helped me improve my sense of layout, spacing, and visual consistency. For beginners, this method is ideal before moving on to fully original projects. The project also strengthened my foundations in HTML, CSS, and design structure.
Problem
The biggest challenge was making the layout responsive, as Deezer’s mobile version looks completely different from the desktop one. I had to adapt many elements to keep the site functional and visually consistent. It forced me to make smart design decisions and stay flexible while trying to stay true to the desktop version's spirit.
