C'est la Jim: 2011

Topic Selection for Web Design 1

1.
How to stay awake in class.
WHO AM I: Student

WHO ARE THEY: Student who sleep late

WHAT FOR: Teach people who sleep late to stay awake in class while they sleep late last night.

1st TASK: Preparation.

2nd TASK: Stay awake with your willpower.

3rd TASK: Stay awake with the items you've prepared.

4th TASK: Sleep awake.

OUTCOME: Can focus well!

2.
How to fall asleep quickly.
WHO AM I: Author

WHO ARE THEY: People who got insomnia

WHAT FOR: Teach people who got insomnia to fall asleep quickly.

1st TASK: Preparation

2nd TASK: Sleep

3rd TASK: Sleep with using the items or things prepared.

4th TASK: Make yourself tired!

OUTCOME: Sleep.

3.
How to stay virgin.
WHO AM I: Author

WHO ARE THEY: Conservative thinking people.

WHAT FOR: Teach conservative thinking people how to avoid sex relation.

1st TASK: Strengthen your self thinking.

2nd TASK: Keep your eyes on the friend around you, how to differentiate who is bad guy or good guy.

3rd TASK: Avoid making out.

OUTCOME: Sleep.

Nice Website for Web Design 1

Here's some website I found out that it's interesting! :)

▲ interactive.ibuzzkorea.com/#

● Easy to use and understand.
● Everything organized.
● Attracting colours and nice animation treatment on every particular topic.
● Simple and clean not confusing.
● Korean unique art direction.

▲ http://www.garybaseman.com/

● Simple and nice.
● Art style applied.
● Simple grid system somehow not empty.
● The content san serif font is not matching with the curly font title, this can be improve.
● Navigation bar is clear. The subtitle for each title on navigation bar have special treatment to navigate user where they are.

▲ www.nagaddb.com.my

● Very interesting design.
● Use graphic instead of text to create a navigation map.
● Catch user attention.
● It's abit messy with the line illustration at the background.
● Nice treatment on every icon.

▲http://www.quickhoney.com/#home

● Simple Layout.
● Make use of pixel art style.
● Special navigation bar.
● Content is organized. Categorized well in different label.

▲www.meomi.com

● Nice design!
● Clear hierarchy.
● Simple grid system, not confusing.
● User can actually interact with every single illustration graphic which appear in the webpage.
● It's attract me a lot.
● Cute and unique art direction.

Web Design 1

Photoshop & Illustrator Tutorial Website:

▲

http://vector.tutsplus.com/

▲

http://ndesign-studio.com/tutorials

▲

http://www.noupe.com/tutorial/vector-illustration-60-illustrator-tutorials-tips-and-best-practices.html

▲

http://www.blog.spoongraphics.co.uk/articles/50-illustrator-tutorials-every-designer-should-see

▲

http://psd.tutsplus.com/

▲

http://www.tutorial9.net/

▲

http://photoshoptutorials.ws/

▲

http://psd.fanextra.com/

Visual Communication

The final compilation of my VC assignment project. :)

Toilet Signage Design for male, female, and baby in Buddhist Temple.

2 in 1 Solution.

It's now in exhibition corridor! :D

Digital Design of Multimedia

Here's the final compile of my artwork for DDMM subject. :)
p/s: Click for viewing in the better quality.

First of all it's DDMM User Decode Senario Project's Flowchart.