DSM2 Prototype

Ugh... it's kinda too late to post this...
I was just too free until don't know what to do on this sem break.. So i upload this..



Takes time to load, large image.

User Testing - Web Design 1

Splash Page (The initial page before you are going to enter)



Home Page



Contact Page


DIY - Materials Page



DIY - Choosing Steps


DIY - Step 1



Garden (It's where you upload your designs and downloads wallpapers

About page & more page coming soon! :)

Semester break!!

Finally, an update after a long assignments routine.

So here are some of the final projects I can show:

Typography Fundamental - Favourite typo poster





I'm regret that i chose Trebuchet as the font i like, prefered Georgia, Museo or Century gothic...
Well, anyway sem's over and who cares? haha

Digital Media - Flash animation & Interfaces



Erm... i won't upload the SWFs files, coz im afraid it will takes time to load.
Approx. file size is 18MB, on another case is, im too lazy to change the URLs and link the interface pages again.. hehe..
Well, i just screenshot all the interface pages into JPEG.
Was kinda regret i chose this concept, it's hard to give any message.
Anyway, i learnt a lot of Action script 3 and it's making me a machine.. lol


CGPP - Boardgame design



*Ugh* im stressed up by this project.
It is printed using offset printer, and cost about RM 90 for the proofs and prints. So the whole class give their files to a middleman who will print this to the supplier. Unfortunately, i got a problem, an utterly stressful problem. It will bored up this post if i tell it the whole story. Fortunately, it was solved *sigh*


Design Method 1 - Project 3 Man and Machine



(takes time to load, size is 3,4 MB. Go take some chips and tea first =D)

Flash interactive design interpreting what is a machine with some metaphors usage.
planned to do more than this, but deadline's bound it.

--------------------------------------------------------------------------

Most time i spent on the softwares i used this sem:
Adobe Illustrator CS4 = 40% => CGPP owns :S
Adobe Flash CS4 = 30%
Adobe Photoshop CS4 = 15%
Adobe Soundbooth CS4= 7%
Adobe Acrobat = 5%
Microsoft Word = 3%

--------------------------------------------------------------------------

Currently playing Dragonica to fill up my holiday.
Nice game with adorable style, and neat interface. (definité a dope!)
Kinda doing *research* on the story and elements for future uses ^_^

*im playing at Elga server hehe

And for this holiday, i need to margin up my files and do something else other than slacking infront of my crappy laptop.

Design Method 1 - Website Interface Design

Well, from the logo Kosmik Punk, i decided to use a vinyl toy for the branding.
Here is some definition about my product : Designer toys
I combined photo montage and vector style.

So here is my 1st interface design:


Mainpage



Gallery Page



D.I.Y page



Another set using "Cosmic Punk"
The product is telescope, so i use the outer space as the theme to relate with it.
This is the 2nd interface:

Mainpage



Mainpage rollover



Zooming to the product page



Product Page



Facts page




Disclaimer note: All of the interface above are for college assignment purpose.
Not for any commercial work. If you want to ask any question, you can put a comment below or email me at : clairde_klaibournne@yahoo.com / clairde.k@gmail.com

Typography fundamental : CTT Final

After critique last wednesday, SK chose the poster and website layout she like and told me to finalize it using consistent color and fixing minor alignment, spelling and grammar mistakes. So here is the final typo poster :


Website Interface:


(Enterpage)


(Mainpage)


(News Page)


(Photos Page)

Typography fundamental : CTT (progress)

Typograhy fundamental's lecturer is Siew Khian
She assigned us to make a CTT (Communication Through Type)

Basically CTT is like deriving the mood and meaning of a specific word.
Either to do new music band album or new movie release poster using pure typography
We can choose either to do existing or create new music band/movie as the *client*
and i picked existing music band for it.
Hence i chose Angels and Airwaves (AVA)

The artwork created here is for assignment purpose only, Its FAKE!!!

After few weekly critique and brainstormings, i picked my word for the title for AVA's fake new album which is "Doppelganger"

Doppelganger means a "A ghostly double or counterpart of a living person."

Therefore i applied my typeface design using symetrical arrangement to show the duality of Doppelganger. Plus, with gradient to show a fading characteristic of a ghost.

CTT1 = Title design
CTT2 = Poster design (using CTT1)
CTT3 = Website interface (using CTT1 as well)

Here are my posters (CTT2):
(SK prefer a simple designs and she restricted us to use graphics...
(Must be pure typo)
*And more, she preferred us to use 1 font only...
These restrictions is killing me :S

Typeface design and body text using Adobe Caslon Pro font.

Poster 1:


Poster 2:


Poster 3:


Poster 4:


Poster 5:


Poster 6:


Poster 7:


Poster 8:


Poster 9:



Webpages:
Grid1:





Grid2:

Interactive Interface Design - The Flying Dutchman (Animated Loading Page)

Animated Loading Page..
Sry if it is too fast XD

Interactive Interface Design - The Flying Dutchman

This is my interactive interface design project from a legend called "The Flying Dutchman".



Loading page - 20 %



Loading page - 60 %


Loading page - 95 %



Main page, appear a guide to help you navigate (The Captain)



Sidescrolled-image (if you drag the navigation wheel, the background will be side scrolled.

If you roll over to the menu, the image will directly go to the object that you point.



" The Bargin Barge "
Is the name for the game in my Interface Design, This part is after the game finished, An option to choose to replay or continue. The movement of the game is controlled by dragging the steer only.
So, the breadcrumbs are located at the right side, so that user can go back directly to previous stories. Sadly i can't put it on the right side or top side... as it don't have enough space to put.







" The Awakening of The Cursed "
This part is where the Captain met the ghost, after he swore to the storm.
User are opt to chose the story line, to fire the ghost or beg for mercy.





" Aftermath "
Ending part, at the end, you are noted a moral lesson from the story. There is also a link below the story, so that you can go back directly to the main page, it is more "friendly" rather than to go to the menu bar at the left side.