Contenu
Contexte
Dans le cadre du cours de design web en 2ᵉ, on doit réaliser un site de notre CV en s’inspirant du design d’un site déjà existant. Moi, j’ai choisi le site de La Poste (Bpost).
Description du projet
Ce projet est un projet one page qu’on doit faire uniquement en HTML, CSS et JavaScript. Il doit respecter les règles d’accessibilité et de SEO vues en classe. Il doit aussi être responsive (mobile first) et fait avec le moins de JavaScript possible.
Ma démarche
Après avoir trouvé mon site de référence, j’ai d’abord fait un fichier texte où j’ai mis tout le contenu textuel que j’allais mettre sur ma page. Ensuite, je suis passé à la reproduction du site Bpost sur Figma. Je suis allé sur le navigateur et j’ai pris plusieurs captures du site. Avec ces images, j’ai créé un projet Figma : j’ai mis chaque image en fond et je les ai décalquées en restant le plus fidèle possible. J’ai réalisé trois versions : mobile, tablette et desktop. Et enfin, je suis passé au développement sur PhpStorm.
Les difficultés que j’ai rencontrées
Tout d’abord, même si j’avais préparé mon contenu à l’avance, je n’avais pas prévu qu’il ne s’intégrerait pas forcément au design du site.
Le site de La Poste avait plusieurs gros blocs de texte, et j’ai donc dû repenser certaines sections pour qu’elles correspondent à la taille de mon contenu, mais aussi modifié mon contenu.
J’ai aussi eu du mal à reproduire certaines parties du design, surtout à les adapter en version mobile.
Conclusion (Ce que j'ai appris)
Faire ce projet m’a permis d’avoir un aperçu de mes capacités. Ça m’a aussi aidé à mieux gérer mon temps et mes priorités. Ce projet m’a permis d’apprendre et de revoir pas mal de concepts que je ne maîtrisais pas. Il m’a également servi de préparation pour les deux autres projets de 2ᵉ : le portfolio et le projet client.