TIM

rebranding of a university website

PHPBladeOneHTMLSCSSJavaScriptMVC

The aim of this project was to completely rethink the architecture and design of the 'Technique d'Intégrations Multimédia' website at Cégep de Sainte-Foy in Quebec City. To achieve this, I had to learn the technologies taught there.

This project was a huge challenge for me. The technologies, best practices and ways of coding weren't the same, so I had to adapt quickly to keep up. What's more, I was only in my second year in France, whereas when I arrived in Canada, I was in my third year. So I had to bridge the knowledge gap.

View Project

Colors

For the colors, I chose to keep a relatively neutral background in black or white and their gradations. To bring back a little life, the graphic elements in the background resemble gradations of color ranging from pink to blue to purple.

Typography

For the typography I chose LC MOGI because it gives a playful, friendly feel. It adds an extra touch of playfulness with its bouncy, chubby letterforms, reminiscent of Bubblegum's curves.

The second typeface is “Satoshi”, a modernist sans serif. The family offers ten weights, from Light to Black with complementary italics, so it's perfectly suited to the text.

Graphic elements

Here, I used several graphic elements. Firstly, a number of cartoon-style illustrations to add a fun touch and contrast with the serious side of the site.

Secondly, I represented the basic elements: primary and secondary buttons in different situations and against different backgrounds.

Next projectview all

La Porte À Côté