School project S5 – corporate website

For this project we had to design and code a corporate website for a small to medium enterprise (real or not). We had 20 pages of content to create and each of them needed to be adaptable for smartphones and tablets via media queries CSS stylesheets. The teacher also wanted three flash banners inserted in the website.

I contacted my cousin to know if I could redesign the website of her casting agency for kids and teenagers and she gladly agreed. Now the work began. We had three weeks to create three maquettes, a prototype and the final 20 pages cross-platform website. In my case, I also needed to create a logo because the agency didn’t have one. Surprising since the agency is successful.

Here are the two logos I designed for this project.

Even if this project was focusing on corporate websites, I had to design one that would reflect the casting company I was working for. In this case, a business that is targeting kids, teenagers and parents and shows how fun acting for TV and movies can be at a young age. It needed a younger look. Below are the three maquettes.

The client gave me her preferences and I adapted the second maquette. Most of the hard work was from this point on. The prototype was fairly easy to do but doing different stylesheet for the smartphones and tablets was a bit harder. Hiding flash banners, showing new divs, moving divs and content around without screwing up of the other platform was frustrating at time. Below are the three version of the website. I still have some problem with IE8 and earlier versions which don’t support media queries. I’ll try and fix this problem and other fine details at the end of the semester.

 copyright 2011