As part of an online course, I created this fictional website for the cultural news of Paris 12th district, where I used to live. We were given the main categories and functionalities the website would have to contain, and then we had to build it using Wordpress and make sure it was responsive.
For this project, the content and functionalities of the website were given to me. The website should contain the following :
I used the existing logo of Paris 12, some of the imagery they had in a brochure and I build the mockups around these. I kept pink as the main colour, and used yellow pictures for the header as an accent.
On the homepage, I wanted all the categories to be accessible as well outside of the navigation. There are sections showing the latest Cultural News, upcoming Activities and the main type of events organised.
We had to build the whole site with Wordpress. I used a predefined theme to have the overall structure, but adapted it to my mockups, and used Bootstrap to make it responsive.
We weren't actually supposed to focused too much on the design, but I wanted to challenge myself, to see if I could code my own work and have a functional website in the end that was also well designed.
It was the first time for me to use both Wordpress and Bootstrap to build a website from mockups. It was challenging for me to code, because Wordpress is more complicated than simple HTML/CSS and I wasn't able to respect some parts of the mockups, so I had to simplify them.
As challenging as the coding within Wordpress was for me, it was gave me even more insights on how this works. And it was satisfying to see the mockups come to life!