WEBJAM

projet d'études

WEBJAM

school project

Ce projet est fait avec 3 autres personnes dans un jam de 24 heures. Il fallait faire un site Wordpress sur des ventes de véhicules futuristes. C'était la première fois que j'ai fait un site fonctionnel en équipe, donc c'était définitivement un défi à surmonter. Je suis très content du résultat même si on n'a pas gagné de prix. Malgrès les défis qu'on a rencontrer, j'ai quand même eu beaucoup de plaisir à faire ce projet et c'était une excellente expérience pour moi.

This project was made with 3 other people in a jam of 24 hours. We had to make a Wordpress website based on futuristic vehicle sales. It was the first time that I did a functional website on teams, so it was definitely a challenge. Even if we didn't win any prizes, I am very happy with the results. Despite the many challenges we had to face, I still had a lot of fun doign this project and it was an excellent experience for me.

Vidéo présentant le site Video showing the website

1 - design

On voulait un design qui venait du futur. On a décidé de choisir des couleurs néons avec des bleus foncés pour contraster avec les néons. La typographie principale à des formes carrés pour que ce soit un peu plus robotique. Pour ne pas trop perdre de temps sur le design, la mise en page est très simple.

1 - design

We wanted a design that came from the future. We opted for neon colors with a dark blue background for a better contrast with the neons. The main font used has square forms to have a robotic feeling. We decided to make the layout simple so that we wouldn't waste too much time on the design.

2 - html / php

Je m'occupais de la page d'accueil et de la page du formulaire. J'ai fait le code dynamique de ces pages. On se demandait plusieurs questions entre nous pour bien intégrer les pages dans le site.

2 - html / php

I was doing the home page and the form page. I coded dynamically these pages. We talked to eachother occasionnaly so that we can integrate the pages in the website in a coherant way.

3 - css

Si je me souviens bien, J'ai fait le CSS pour mes pages et celle des crédits. J'ai aidé mes coéquipiers au besoin. La page du formualire était très difficile à faire. On utilisait une extension pour faire le formulaire et cette extension avait des classes sur les balises. Notre solution était de changer le style de chaque ligne de texte / bloc parce qu'on ne pouvait pas changer les classes de ses balises.

3 - css

If I remember correctly, I did the CSS for my pages and the credits page. I helped my teammates when they needed it. The forms page was definitely the hardest one to do. We used an extension in wordpress to make the form, this extension creates their own lines of HTML code with a different class for each line of code. So we had to change every single CSS style of very single code for it work because we couldn't change the classes into what we wanted.

4 - crédits

Voici les crédits de chaques membres de l'équipe. Comme ça, vous pouvez savoir ce que j'ai fait. Mes crédits ne sont pas complet, mais je suis sûr que la fin est juste 'page des équipiers'.

4 - credits

Here are the credits of each team member. With that, you'l know what I did to contribute. My credits aren't complete, but I'm sure it ends with 'page of the employees'.