School project S4: Student web portal

This project was an actual contract for our school student web portal. We (the 2nd year students) had to design something that wasn’t corporative and felt younger. We each created several maquettes in photoshop and chose the one we wanted as our official prototype (Html/CSS). The latter would be judged for this competition and graded by our teacher. Here are my four maquettes and my official submission (see below).

This is my first concept (called “concrete”), and now that I think about it, the one I should have chosen as my prototype. I think my chances to win would have been greater. This concept was one of the few that was made an example of by the teacher after the disappointing first round of submissions.

maq1

I don’t quite like this concept (called “Graphic Pizza”) because it is too busy. But from what the teacher told me, the clients found it interesting because of the icons which would be good for an iPhone version of the student web portal they were thinking about creating. The teacher did not like that one at all.🙂

maq2

This is my favorite concept (called “Black board”),… and the teacher’s favorite also. I like this one because it reminds me of my old days in school (late 80’s). Unfortunately, the client though it was too dark/black for the color palette of the school identity. Good point.

maq3

So I changed the “Black board” concept to the “White board” which is closer to what we see nowadays in classrooms. The light color palette works better with the identity of the school and so I decided that this would be my official prototype for the competition. A big surprise would be next. The client announced that the design students (our class) would be choosing three finalists and those three student designs would be then submitted for the school vote (all students). It was an extremely tight finish for the 3 finalists in which I was a part of. Unfortunately I didn’t win this competition, but one of my closest friends did.

maq4

 copyright 2011

Tags: , , , , , , ,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: