Contenu
Context
As part of the second-year web design course, we have to create a website for our CV, inspired by the design of an existing website. I chose the website of La Poste (Bpost).
Project Description
This project is a one-page website that must be created using only
HTML, CSS, and JavaScript.
It must follow the accessibility and SEO rules covered in class.
It also needs to be responsive (mobile first) and built using as little JavaScript as possible.
My Process
After finding my reference website, I first created a text file where I wrote all the textual content I was going to include on my page.
Then, I moved on to reproducing the Bpost site in Figma. I went on the browser and took several screenshots of the site.
Using these images, I created a Figma project: I set each screenshot as a background and traced over them as faithfully as possible.
I designed three versions: mobile, tablet, and desktop.
Finally, I moved on to development in PhpStorm.
Challenges I Faced
First of all, even though I had prepared my content in advance, I hadn’t expected that it wouldn’t necessarily fit into the site’s design.
La Poste’s website had several large blocks of text, so I had to rethink some sections to match the size of my own content, and also modify my content accordingly.
I also struggled to reproduce certain parts of the design, especially when adapting them for the mobile version.
Conclusion (What I Learned)
Doing this project gave me an overview of my abilities. It also helped me better manage my time and priorities.
This project allowed me to learn and review many concepts that I wasn’t fully comfortable with.
It also served as preparation for the two other second-year projects: the portfolio and the client project.
Some Images of the Project
