Colleen's Art

Resume Design

2010-04-08T06:02:00.000+08:00

My 1st resume~

promote myself! ._.

2010-02-25T12:38:00.004+08:00

ME!?

2010-01-19T03:45:00.000+08:00

wheeeeeeee~ my own logo is out!!!

hope wk wont bann it... -.-lll

can u feel that is ME?

motion ar motion...

2009-12-06T20:47:00.001+08:00

Storyboard~

Moodboard~

3D 3D

2009-12-06T20:42:00.001+08:00

not satisfied work... sien...

style frame~

2009-11-22T13:14:00.002+08:00

final style frame...

before enhancement...

dint selected 1~ =)

-domestic violence

- culture calligraphy things~

- orphanage

- breast cancer...

for the selected 1... its the art style im not used to do in digital... lols ._.lll

Please help to answer~ >.<

2009-09-13T19:34:00.003+08:00

Please ans these questions~ Im doing survey for my assignments~ THANKS ALOT!!! >.<

What’s you age?
A. 12 – 16
B. 17 – 21
C. 22 – 26
D. 27 – 31
E. up to 32

What’s you occupation?
_______________________

1. Have you ever searching some information /researches by using Internet?
A. yes
B. no

2. Which searching engine you usually use?
A. Google
B. Yahoo
C. Bing
D. MSN
E. Amazon.com
F. eBay
G. Wikipedia
H. others _____________

3. Do you think most of the information from Internte are true? Why?
A. yes
B. no

4. Do you think the internet is the best way for doing researches?
A. yes
B. no

5. Did you ever get some wrong information from internet?
A. yes (example?)
B. no

6. Do you think that we can survive without internet? Why?
A. yes
B. no

7. What’s the other way you will do to get the informations/researches without using Internet?
____________________

8. Would you double check the informations/researches you get from Internet?
A. yes
B. no

9. What will you do by using Internet? (except researching)
A. Facebook
B. MSN
C. Gaming
D. Mail checking
F. Downloading
G. others _____________

10. What was purpose you do information researhes by using Internet?
A. knowledge
B. Studies/assignments
C. works
D. personal usage

(please post the answers to the 'comment' section on the bottom of this post~
THANKS ALOT!!! =D)

how come?

2009-08-05T14:22:00.002+08:00

how come my aeiou wesite kena suspend de? ._.

Digital Photography - Model Shooting

2009-07-12T17:05:00.008+08:00

Second Media - Calendar

--

web design 2 - final outcome

2009-07-06T18:14:00.001+08:00

fell free to check this out

: : : a.e.i.o.u studio : : :

comments are welcomed! =)

Redesign Cormecial Website - 2nd Attempt.

2009-06-15T01:25:00.002+08:00

do u know what this website for? selling what?
how about the colours?
how about the layout?
how about the content arrangement?
how about the overall mood n feel?

feel free to drop any comments~ =D
Thanks alot!

Redesign Cormecial Website - 1st Attempt.

2009-06-01T05:15:00.002+08:00

Comments are welcomed! =)

Modeling shooting - Trial

2009-06-01T05:00:00.005+08:00

i chosen "Fashion'!!! =.=lll
ok...
my theme/title = four style of beauty (do it sound sucks? if yes... then I need to think about the title again...)
roughly tell what i going to do...
i will be shooting 4 model with different style...
1. Sexy Beauty
2. Natural Beauty ( or i should call as 'fresh beauty'? lol)
3. Coll Beauty
4. Active/Sports Beauty

i did some trial shoot on my 'natural n sexy models'...
can u recognize which 1 is natural n which 1 is sexy?

ahhhh~ i need some comments... ._.
trial nia... but i felt so stress... cauz i shoot all these at night so i set to very very high ISO...
so if zoom the pic = die lor...
i really need to improve my skill asap... T_T
any comments will do... xie xie ni men...

This 2 dress are nice... but my skill not nice...
alot of them looks blur... so jest left a few... -.-lll

Really Thanks alot to both models - PeiFun n Sharon.

-Web Design 2 = Sketches

2009-05-29T09:21:00.003+08:00

Sketches 1 :

main page :
- all the 'square' on the mainpage i plan to put it ask the picture for my client's product pictures.
- the book mark/ribbon on the left side will be the navigators. (because my cloent's also did have ribbons products)
- there will be a short cut navigator on the bottom right, in case the user can't found the navigators.
Innerpage (oruduct page)
- The element i i will ude for this page are the texture of ribbons and papers
- the content for this page will be using the element of card.

Sketches 2 :

main page :
- hanging cards.
- most possible having flash on the banner (client's products/designs).
Inner page (product page) :
- top navigator created buy using 'cards'
- and the left navigators i wanna make it like the texture of 'the wrapping papare hanging on the stand'.

Feel free to drop any comments to mi... Thanks alot~! =)

Web Design 2 - Mood Board and Site Map

2009-05-25T00:43:00.006+08:00

Executive Summary

This project is to redesign the website for a.e.i.o.u Studio. A.E.I.O.U Studio actually is a company which selling stationery and gifts products for both local and international markets since year 1996.

Client and Website’s Analysis

A.E.I.O.U Studio’s product range carries a myriad of handmade cards designed for all occasions. This website actually has nice content arrangement. But it still lack of the ‘feel’ for a gifts product website. This website is kind of too ‘simple’ for a website which is selling gifts products.

The logo for this website makes me feel like it’s ‘hiding’ at the bottom of the website. They should place their logo on the ‘hot spot (ex: top left of the page or the centre of the page.)’ of the website. So the user can clearly know that they are in the website of A.E.I.O.U Studio.

This website is actually to provide the user on the ideas to buying a gift for their family/friends/loves one. However, the ‘product page’ for the website is not really user friendly. The users have to click on every single ‘link’ for full view of the product. They should provide the thumbnails that user able to see the whole product. And I think is better that they state the price on every products. Because currently they didn’t stated they price so the user can’t estimate the budget for their gifts.

And I found there’s some missing part on the Website. Example The copyright for the website, the copywriting for the website should appear in every single page. However, this website just ha the copywriting on the Index page.

Concept Proposal

This website was done in 2006. A.E.I.O.U Studio’s selling point is actually their unique handmade design.

Hence, I will redesign their website by using their corporate identity colors which are red and white. My goal for this website it to be more looks like cooperate website because the A.E.I.O.U Studio has distributed its products to more than 500 retailers nationwide. So, I need to clearly show the cooperate identity for this company.

And I did notice that they dint update their website since 2006. Which means that they never update their website for 2-3 years. So, I might design a website for them which will be more easy to access and user-friendly.

Target Audience

My target audience will be female consumer the ages will be within 15 - 30. Because normally female will be more take care of the packaging of gifts. The hand made cards from my client were a best selling point for their company. The point of 'hand made cards' will be also attract the consumer on buying their products.

Short & Long term Site Goals

The redesign for my client website will be more into collage style, hence the audience can be feel the feeling of 'hand made' in the whole website. The art direction of collage will be one of the way of promoting my client's website. So the art direction for whole website might increase the business value of 'hand made' card. I will highlight the 'hand made card' and 'wrapping paper' product from my client.

Web Design 2 - Redesign Commercial Website

2009-05-18T00:39:00.005+08:00

Client's Website :-

a.e.i.o.u Studio

- typeface too small
- logo for the website placed at the bottom. (some pages need to scroll down to find the logo)
- flash (kinda not user friendly to those user who using 'ba lia' com, which means they need to install flash player.)
- its not consistency between others page with 'product' page.
- color. (maybe its 'too red' for some user)

Competitors Website :-

Mini Toons

* looks fun
* attracting kids to explore more on this website.
* all pages are consistency
- the content box can be improve, now looks kinda messy
- the paragraph in 'about page' quiet hard to read, cauz its too many words. (makes ppl feel dizzy)

S&J Gift

* obvious cooperate identity
* Consistency between pages
* clear n simple to understand for products
- looks like normal website (ppl will go in once.. n never back again...)

Tang's Art

* not bad in graphic.
- no consistency
- content is floating.
- no focus point.

Mind Wave

the product from website has been imported to malaysia.
* clean n simple
* nice graphic
* not bad in content arrangement
- kinda alot of flash in the website. (need to download flash player)

Kamio Japan

* the website looks clean
* consistency on navigators.
- alot of box for the content
- not consistency of background.

Nice Website

2009-05-18T00:30:00.003+08:00

Moof
- fun to explore
- simple and nice
- the gallery page for this website is interesting, they added some interactive on it. (dragging the picture)
- simple interactive but interesting

Perlini's Silver
- Simple n Clean
- Consistency Navigators
- Easy reading for Content

I Kiss Fitness
- Simple
- Nice adding effect
- They useded alot treatment on typography, ant it looks nice.
- less content but still able to understand

Estee Lauder
- clean website
- easy to understand

Scion xPressionism
- Nice Interactive (from the loading page to mainpage)
- the website looks cool with the colour mode
- from the navigators until the background of the website will makes ppl feel like 'wow! so cool!"
- contents for this website also kinda easy to read.

Links

2009-05-18T00:20:00.002+08:00

URL for HTML / CSS / Javascript tutorials
- Dynamic Drive
- Web Monkey
- HTML Dog
- EchoEcho.com

URL for Designs Tutorials
- Pegaweb
- Tutorial Kit
- PSD tuts
- Photoshop Cafe

2009-05-18T00:13:00.000+08:00

hi ppl~
im back~ new sem started~ =)

Visual Fund. II - Anti Smoking Storyboard~

2009-04-22T02:18:00.003+08:00

Final project for Visual Fund. class~

Visual Fund. II - Coca-Cola Storyboard~

2009-04-22T01:59:00.002+08:00

late update again~ =x

Visual Fund. II - Rendering~

2009-04-22T01:47:00.001+08:00

suppose to upload it long time ago... but i was lazy~ =x

Typo (Project V) - Typographer Interface design

2009-04-19T02:33:00.000+08:00

Typo (Project III) - Movie Poster design

2009-03-30T02:32:00.000+08:00

User test - Web Design I

2009-03-27T15:38:00.005+08:00

1. Is the mainpage attractive?
poor / nothing special / average / quiet nice / great

COMMENTS : _________________________

2. Are the overall sites attractive?
poor / nothing special / average / quiet nice / great

COMMENTS : _________________________

3. Are the colors combination for the sites are attractive?
poor / nothing special / average / quiet nice / great

COMMENTS : _________________________

4.Do you think it's easy to understand the contents for this site?
not at all / its hard to understand / it's fine / yes, most of it / ya! it's easy to understand.

COMMENTS : _________________________

Comments are welcome! =)

Typo (Project II) - Packaging design

2009-03-10T02:31:00.000+08:00

Web Design 1 - Digital progress for interface (2nd Attempt)

2009-02-27T07:34:00.005+08:00

2nd attempt for my Web Design project~ which 1 u all think its better?

Mainpage~

Inner page 1 - About

Inner page 2 - Tutorials~

Inner page 3 - Gallery~

Inner page4 - Feedback~

Comments are welcome

Typo (Project I) - Brochure design

2009-02-21T02:24:00.000+08:00

Web Design 1 - Digital progress for interface (1st Attempt)

2009-02-13T03:50:00.004+08:00

actually my object (origami box) still havent done yet...
so now im using the references i had found...
the picture for the boxes will be change after i done my object.
feel free to drop any comments.
Thank You.

Web Design I - Sketches for interface.

2009-02-05T21:29:00.003+08:00

Main Page

Inner Page

Moodboard n Flowchart

2009-01-23T00:27:00.003+08:00

How to Make Japanese Origami gift boxes.

2009-01-22T22:32:00.005+08:00

ok~ i decide to stick on my old idea.
i going to make gift box for my Web Design I's project. =)

and i will make japanese origami boxes.

How to Make Gift Boxes.

How to Make Christmas Origami Box.

http://www.belly-timber.com/2006/04/16/easter-colors-folded-paper/

http://www.britishorigami.info/academic/thok/fujibox.html

http://www.wonderhowto.com/how-to/video/how-to-origami-a-masu-box-268101/

and my interface might have tutorial on how to decorate gift boxes. =)

more information : http://www.origami-resource-center.com/origami-boxes.html

Furoshiki - Japanese Cloth Gift Wrapping

2009-01-19T19:07:00.002+08:00

i was thinking should i change my project to Furoshiki...

http://blog.makezine.com/archive/2006/11/how_to_use_furo.html

http://www.tinyshiny.com/FuroshikiProjectsHowTo.php

http://www.curbly.com/Whamodyne/posts/481-Wrapping-Alternative-with-Japanese-Cloth-Wrapping

http://www.youtube.com/watch?v=PaRFLVQysB8

http://www.drvino.com/2008/01/04/howto-make-a-furoshiki-wine-carrier/

Website's screenshots.

2009-01-18T22:42:00.012+08:00

Topshop (HTML)

TOMEI

The Carat Club (Flash)

Poh Kong (HTML)

Perlini's Silver (Flash)

NIKEiD (Flash)

mediaBOOM (Flash)

Luigi Bormioli (HTML)

Habib Jewels (Flash)

Anthropologie. (HTML)

Web Design 1 - How to make...

2009-01-15T03:02:00.003+08:00

here are the URL for...

How to make ORIGAMI.

How to make PAPER.

How to make GIFT BAGS.

How to make Candy Holder.

How to make Lucite Ornaments (Christmas).

How to make Ribbon Spool Boxes (Recycle).

How to make Craft.

Research for Web Design1 - Project

2009-01-15T01:51:00.017+08:00

Big Bros Workshop n Territory (Flash)
*Click on the 1st screen shot for browsing the website.

Anime : Shibakane Hime official Webside. (HTML + Flash)
*Click on the 1st screen shot for browsing the website.

MAJOLICA MAJORCA (HTML + Flash)
HTML for main page and Flash for innerpage.
*Click on the 1st screen shot for browsing the website.

Levi's official website. ( HTML + Flash )
*Click on the 1st screen shot for browsing the website.

Anime - Kuroshitsuji official website (HTML)
*Click on the 1st screen shot for browsing the website.

ESPRIT Website. (HTML + Flash)
*Click on the 1st screen shot for browsing the website.

BOLT official website. (flash)
*Click on the 1st screen shot for browsing the website.

3rd Interface = last!!!

2008-11-27T02:16:00.001+08:00

3rd interface = collage style~

2ns interface design~

2008-11-26T23:29:00.000+08:00

Matrix Development - Interface Design (1st Attempt)

2008-11-26T18:02:00.002+08:00

erm~ 1st interface's product = prefume~

bottom there ish the navigator~

ok~ COMMENT PLEASE~!!! THANK YOU! XD

Design Method Project 3 - Matrix Development. (Digital Progress)

2008-11-19T15:44:00.002+08:00

ok~ updating digital progress now~

In Color~

Black and White!

Design Method Project 3 - Matrix Development.

2008-11-19T15:04:00.002+08:00

Bonjour~
hiya ppl~ long timd dint update on this blog le... ~.~
kinda lazy...
for e subject for Design Method~
Project 2 done jor... but now progressing project 3... *depress*
ish time to update... arbo next time i nid upload alot things... =.=lll

*TADAAAAAA*
this ish my Project Brief!

Part A : MIND MAPPPPPPPP!

Part B : Brain Stroming (Name/Title)

Part C : Typeface Design

Part D : Brain Storming (Icon)

Simplicity Interface - Finalize!

2008-10-29T19:08:00.005+08:00

erm... ahehe... i think many ppl confused le...
how come mine so many page de... pai she la...
now i finalize it... so u all can comment in 1 shoot. ^^

Main Page - Can u found the navigator?

Biodata Page

Sharing Page

Portfolio Page

Please drop sum comment hor~
xie xie~ arigato~ terima kasih~ thank you~ 3Q ^o^

Simplicity Interface - 3rd Inner Page (Biodata)

2008-10-29T15:49:00.002+08:00

finally... these are my last Inner Page - Biodata page.

Simplicity Interface - 2nd Inner Page

2008-10-29T02:49:00.000+08:00

ok~ 2nd Inner Page = Sharing page
hehe...
concept = the owner of this Interface might share wif u what songs he likes, what movies n Anime he watched...

comment~!?

Silplified Interface - Inner_Page

2008-10-29T01:38:00.001+08:00

These are few scenes for one of the inner page for this interface design.

what do u think?

Simplified Interface - Main Page (2nd Attempt)

2008-10-28T23:14:00.000+08:00

Main Page - 2nd Attempt

Changed :-
1. Background
2. Typeface of my client
3. Layout for Navigator.

Izzit better?

Simpliied Interface - Main Page

2008-10-28T00:22:00.000+08:00

roughly this will be the Main page looks like...

Simplified Interface Project - Background Design 1st attempt (w/o Photoshop editing)

2008-10-26T19:32:00.000+08:00

we nid to complete ''1 main page + 3 inner page" for our Simplified Interface project.
base on the interview from my client = Lee How Sern
i decided to use black n white to design the interface for him.
and i also used the elements of 'ying n yang' for my design.

so here are my back ground design for my Simplified Interface design...

This is my Main page :

1st inner page~

2nd inner page~

3rd inner page... but i hvnt cfm which 1 i will using... muz ask Mr.Tomato a.k.a my client.

Illustration Poster - 2nd attempt.

2008-10-08T03:07:00.000+08:00

ok~ refine~ again~

Poster - Illutration (1st Attempt)

2008-10-06T03:32:00.000+08:00

Slogan - The Dream of the world.

ok~ i tried to change the colors of the background and the typography for the slogan..

Which bg u think is nicer?

Which typeface u think that is more suit for my slogan n poster?

What do you think about the design?

Which part from the poster should be improve / change ?

please kindly comment or critic on it...

Thank You!

Poster - Vector (1st attempt)

2008-10-05T02:00:00.001+08:00

Hey guys...
kinda long i din't update for this blog...

ok~
im currently processing my Poster project - Wonderful World
And the title for my Poster Design will be "The Visual of The World''
there will be 4 posters for this Project.
i nid u feedback n comment for my design.
here are my 1st attempt for my Vector Poster.

Vector Poster.
Slogan - The Fantasy of the World.

ok~ my qn~

How do u feel about the color mode?

How do you think about the design?

You Prefer which typography for the slogan?

Which part from the poster u think that should be improve/change? suggestion?

ok~tats all my qn for u all~
please gimme sum feedback / comment(s)~

Dun see le then RUN!!! =x

Back to Basic...

2008-09-21T09:21:00.000+08:00

ok~
i had decide this for very long...
but nvr do it...
and now... i did...
i decided to separate my blog in to 2 blogs...
cauz is too messy to post too many things in 1 blog...
this blog is only for all my assign... design... etc...
those abt my life de will be post @ the old blog... ^^

Final Attempt for my Interactive Interface Design~ Feedback NEEDED~!!!

2008-07-14T04:01:00.000+08:00

Loading Page.

10%

30%

50%

80%

100%

Main Page

hrmmm... with the blossom tree better or without? please gimme sum feedback~ ^^

selection~

Story Page~

Chinese Version.

Selection Point.

Question n Feedback~

1. Do you like the Character Design?

2. Do you think the wooden butterfly's frame looks nice?

3. Do you like the background in my design?

4. How do u think about the colour mode?

5. Could u found the button in the main page , character introduce and story page?

Any suggestion about my design?

please kindly ans my qn hor~ ^^

Second attempt~ Comment Please~

2008-07-10T17:49:00.000+08:00

this is second attempt for my main page n Character introduce~

Please Comment~ thx thx

Main Page~

Character Introduce~

Gambateh~!!! Chiong Interactive Interface Project !!!

2008-07-09T16:50:00.000+08:00

And no... I finally can concentrate on my Interface Project....
i juz done the 'main page' n 'loading page'... 'character introduction' half done... @_@
thou not reali satisfied on it... but duno what to change le...
can u all gimme some comment / critic about my Interactive Interface Design?

this ish my Main page...

n Character Introduction...

comment please~ xie xie~ thank you~ Terima Kasih~

*wish I can improve on my Workshop skill*

Wuahahaha~!!! FINALLY~!!!

2008-07-02T08:05:00.000+08:00

Ngek Ngek Ngek~ finally...finally... FINALLY!!! my perspective project I DONE~!!! XD

here ish my dream room~ =D
lalalalala~ lululululu~

Project II - process

2008-06-26T10:18:00.000+08:00

ahehe~ abt my project II = myth / legend / folklore~
i think i told u all b4? @_@
The Legend i had choose ish 'The Butterfly Lovers' it called 梁祝 in chinese~
it was a Chinese Love story abt Liang Shan Bo (梁山泊) and Zhu Ying Tai (祝英台)...

step 1 : research~
DONE

step 2 : Flowchart
still nid to refine... ahehe...

step 3 : sketches~

Loading page~

Homepage~

Character Introduce~

Content~

p/s : my sketches very rough hor... mai flame mi.. >.<

***********************************************************************************************************************8

wo chaos liao... supre hungry... -.-

User Test - Raster Icons

2008-06-11T10:46:00.000+08:00

I'm doing one set of pixel / raster mobile icons...
This are all my design...
all these icons are base on ideas of 'lips'
fell free to post any comment...
and here are few question, please answer it and let me know my weakness...

1. How u feel about these icons?
A. Great
B. Well Done
C. Normal
D. Sucks

2. The design easy to understand?
A. Ya, absolutely!
B. Some of them
C. Not really
D. Not at ALL!!!

3. Choose 5 option which u understand from the icons.
a) Ringstyle
b) Settings
c) Bluetooth
d) Web access
e) Games
f) File manager
g) Message
h) Camera
Which icons

4. Which icon u think should be refine?

5. Which icon u think that u cant understand? e.g : third from left

Vector Icons - User Test

2008-06-11T08:27:00.000+08:00

more refine work...

Please tell mi which 1 u prefer
e.g. Left or Right

*Post at 'comment' NOT 'Chat Box'. Thanks~! =)

1. Which 1 u prefer ?

2.Which 1 u prefer?

3.Which 1 u prefer?

4.Which 1 u prefer?

5.Which 1 u prefer?

ohohoho~ my sexy lips icons... =x

2008-06-10T02:00:00.000+08:00

ahehe... finally done vector icons~ XD

lai~ gimme comment~

which 1 u prefere~?

COMMENT PLEASE~!!!! =x

My Vector n Raster Icon's n blar blar blar~ =p

2008-06-05T00:59:00.000+08:00

Please Gimme sum comment if possible ya~ =p

My Raster Icons

My Vector Icons

My Sketches for Icons Design~

2008-05-29T15:34:00.000+08:00

ahehe... my sketches abit rough... Mai flame mi... >.< Vector Icons
Lips Step 1 : Design Solutions -

Step 2 - Simplification -

Step 3 - Refined Sketches -

Sketches for Pixel Icons.

Mind Map

2008-05-24T08:23:00.000+08:00

Mind map~ Mind map~ Mind mapppppppppp~
simi ish mind map~?
Wat ish mind map~?
Apa it~?
什么是 mind map~?
can eat de ma? =x

jk...jk... ahehe...

mind map =

sumthing like this lor~
this 1 ish for my Digital Design for Multimedia's project I...