“First features”
Web Design - Resume - 2025
This project was an assignment in my Web Design class, but it was also important for our future internship or job. I had to meet specifications, including mandatory pages:
- The layout must replicate the original website design as closely as possible (M&M’s);
- The chosen site must include a dynamic aspect (animation, etc.) and a contact form (at least one email field and one message field);
- The content was also important for this exercise.
Obviously, the entire site had to be user-friendly, attractive, and user-friendly.
1 - Creation - Content
First, I had to recreate the shapes present in the source image. To do this, I took the pen and went back over the model to get the same shapes.
2 - Creation - Design
For this project we had no freedom with the design, we had to copy the design exactly.
3 - Creation - Organization of tags
After finishing the design, I separated it into different parts that correspond to tags in order to facilitate the creation of the html file.
4 - Creation - Front-end
The last step, but not least, is actually creating the site. I started by creating the HTML based on the previous step. Then I created the CSS to best match the reference site, so that it could function as such and also be responsive and optimized. Finally, I created the JavaScript to animate certain elements of my design.