Simulated Client - Wireframe & Mock up

Since my idea is just a simple website, my wireframe isn't very interesting. But it showcase how my original design looks like.

So here's a mock up page for my design so far. 4 links at the bottom to go to other pages.

Simulated Client - Ideas

I've decided to do a simple website for the simulated client project for NTU's Alumni Association specified in the Cancer Research area. I am thinking of doing a 5 pages website with only very few buttons showing the Cancer Research information on each page, which this website could be used to promote the Cancer Research Project for people to know more about this project and donate to help.

I am looking at some existing cancer-based websites for ideas.
I realized most of them uses simple font and styling in their website to make sure they look professional and serious. They have clear information page and details of their work.

So I will keep my website simple and fresh, so the audience would understand what the website is about right away.

Music Video - Hug Me Once by Girl's Day

This is not exactly an interactive video, but it's fun as a music video.
You could click on some buttons but with the 'Game' some buttons are fake. I like the idea that it was filmed like a video game and you have different endings too.

I bet those guys like it (lol)

Interactive Music Videos

I've always loved watching music videos. And as I find interactive music videos very interesting, why not use this topic for my Context 3 assignment.

Here are some inspirations:
10 interactive music videos powered by flash
and this one I posted already

I really like the 'I've seen enough' and 'Bell' video, but I am thinking more of the 'Keep Your Head Up' type video, where you have choices to choose from and form your own story.

Or like in the 'mirror' video, you upload a photo of yourself or you connect to facebook/twitter, so it takes some of your personal information from you to put into the video, so it becomes your own 'personalised' video.


I need to start writing something soon.

Illusion

Group Client Project - Javascript for controlling font size

As we realised that many software companies may have smaller computer monitors, I got the job to look up a Javascript which could control the font size in a page.
So here's the Javascript for changing the font size in the webpage.

http://www.white-hat-web-design.co.uk/articles/js-fontsize.php

I've tried it in one of the page we've got and it worked.


I've also created two icons for the changing buttons. (transparent background with white image so it doesn't show:p)

Group Client Project - more fonts

As the font we decided to use turned out was a bit "fade" to see, we are looking for a font that looks similar to Caviar Dreams but also clear in a small size. So here's some I looked at.

1) Droid Sans - looks clear in 12 and 14px but it's not all that Caviar Dreams

(click to enlarge)

2) Arimo - looks less clear in 12px but quite good in 14px

(click to enlarge)

3) Quattrocento Sans - 12px doesn't look as good as in 14px but better than the second one

(click to enlarge)

4)
Raleway - most similar to Caivar Dream but not very clear even in 14px

(click to enlarge)

5) Nobile - look good both in 12 and 14px

(click to enlarge)

6) Ubuntu - clear in 12 and 14px too but itsn't very Caviar Dreams

(click to enlarge)

I personally prefer the 5th one-Nobile, I think it looks modern and professional, yet very clear in a small size. I am going to discuss with my groupmate and see what they think.