« Premiers traits »
Design Web - CV - 2025
Ce projet était un devoir dans le cours de Design Web mais aussi un élément important pour notre futur stage ou emploi. J’avais un cahier des charges à respecter et donc des pages à avoir obligatoirement :
- Le layout devra reproduire le plus fidèlement possible le design du site original. (M&M’s);
- Le site choisi doit intégrer un aspect dynamique (animation, etc.) et un formulaire de contact (minimum un champ pour l’e-mail + un champ pour le message);
- Le contenu est également important pour cet exercice.
Evidemment, tout le site devait être adapté pour les utilisateurs, attrayant et ergonomique.
1 - Création - Contenu
Tout d’abord, il fallait recréer les formes présentes dans l’image source. Pour cela, j’ai pris la plume et je suis repassée sur le modèle pour avoir les même formes.
2 - Création - Design
Pour ce projet-ci nous n’avions pas de liberté pour le design, nous devions recopier exactement le design.
3 - Création - Organisation des balises
Après avoir fini le design, je l’ai séparé en différentes parties qui correspondent à des balises afin de faciliter la création du fichier html.
4 - Création - Front-end
La dernière étape et pas de moindre, créer véritablement le site. J’ai commencer par faire le html sur base de l’étape précédente. Ensuite j’ai fais le css pour correspondre le mieux au site de référence, qu’il puisse fonctionner comme cela et aussi être responsive et optimisé. Pour finir, j’ai fait le javascript pour animer certains éléments de mon design.