Site reproduction

The process

The first thing I had to do was analyze the site, break it down to understand how it worked and figure out how I was going to approach it, as well as decide on the colors and fonts I would need to use.

Image de réalisation 1 Image du processus 2 Image du processus 3

My inspirations

I didn't really have to think about it—that's the whole point of a reproduction site. However, I did have to do that for the section comparing my site to the original site, which didn't have that section.

The design

The design was already provided, so all I did was apply it and reproduce it as accurately as possible so that it would look like the original.

The production

I had to start by redesigning the Figma mockup to get a clearer idea of how it would look with my own content, before moving on to the HTML/CSS implementation.

Image de réalisation 1 Image de réalisation 1 Image de réalisation 3

The result

After working on it for a while, I managed to come up with something that looks somewhat similar.

Image du rendu 1 Image du rendu 2 Image du rendu 3