This is not a blog

Style Frames (Design Method 3)

2009-10-27T05:24:00.000-07:00

Disadvantages of internet

Change to illus style, talk more about how people will use internet to do
something bad, internet can change a person's dream to a nightmare.
Let people aware of using internet have to be more careful.

Mood board & Site Map

2009-05-24T07:58:00.000-07:00

Mood Board

Site Map (click to see clearer)

Project Concept Proposal

2009-05-23T22:02:00.000-07:00

Project Definition

This is a project of redesign a commercial website which was given by lecturer randomly. And my redesign website is a.e.i.o.u Studio. It is a studio that selling the handmade products such as handmade cards, soft toys, gift products and others. This studio is a local company which their studio is locate in Kuala Lumpur. All we need to do is learn the basic concept of the website and redesign it with new idea and concept to enhance the website. I need to create at least 8 html pages and I only have 8 weeks to finish this project.

Current Site's Analysis Goals

The purpose of this website is to provide user information about the their studio and their products. They also provide some ways to contact them which include telephone number, email address and location of their studio. The website provide the product categories so that costumers can look for the products they want to purchase. The website also show the preview of each product so that customers can get the information of the products. The studio also promote their products to international market.

One of the problem of this website is some of the flash display on the content are kind of weird.
Some flash even don't related to the content. Another problem is they didn't show clearly what they are selling. For user who enter to the website for 1st time would not know what did this website is all about. The design also not much related to the selling products. Overall design is quite boring and simple because they not much use the visual on their website. And the biggest problem for customers is the size of the text is too small and abit hard to read.

Client's Analysis

a.e.i.o.u Studio started since 1996. They have flourished with more than 10 years of experience in stationery and gift products for both local and international markets. Their product range carries a myriad of handmade cards designed for all occasions. They even have cards tailored to fit their customer's specific theme or event. Their diverse approach caters to an extensive number of major outlets including bookstores, departmental stores, gift shops and pharmacies of large chains and sole-proprietors. a.e.i.o.u Studio has distributed Their products to more than 500 retailers nationwide. Their utopia is - to define your every need and sprout them into an "art expression" with our expertise to create a compelling message.

Short & Long-term Site Goals

For the short term they should increase their image and promotional so that they can attract costumers to get attention on their products. They should always promote their products at some public places such as shopping mall and gallery. They also can co-operate with their clients to promote this kind of events so that many people will get attention. Although they have promote their studio to other countries, they should pay more attention in local market 1st.

For the long-term they should always update their website with news or events. The website has already not yet updated since 2006. They should use the advertisement to get attention by costumers again. And they should always held exhibition in different places so that people will recognize their studio.

Target Audience

Their products are quite a big range for costumers because they sell many kinds of products, but I think for those people who like to decorate their living place or interest in handmade craft would purchase their products. Most of the costumers could be females and kids because most of the products are cute and lovely.

Competitor's Analysis

Primary Competitor: UK Handmade

UK Handmade is a design led online magazine committed to showcasing and promoting the best creative talent the UK has to offer. Artists and designers from across all of the art disciplines have a place here including photography, feltmaking, jewellery, fashion and art. They also cover all aspects of running a business and working in the arts industry so each edition is kept varied and interesting.

They attract a large global readership through the network of crafters our team associate with on a daily basis fthrough various selling sites and forums which provides an opportunity for your website to reach an international audience.

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

Secondary Competitor : The Wrapping Paper Co.

The Wrapping Paper Co. (Wrapco) is Australia’s leading designer and manufacturer of wrapping paper and wrapping accessories for complimentary gift wrapping. Wrapco is committed to keeping design and manufacturing jobs in Australia and is the largest manufacturer of complimentary gift wrap products in Australia.

Wrapco is focused solely on the design and manufacture of complimentary gift wrapping paper and gift wrapping accessories. The business commenced trading in June 1997.

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

Teritary Competitor : Kitty&Polly and Aussie Handmade Gift

Web Design2 Analysis 2

2009-05-16T21:01:00.000-07:00

Commercial Website

http://www.adidas.com/techfit/
Adidas Techfit
1. The design are quite fantasy and unique
2. The interactive is match to the product
3. The dark backgroung make the content more outstanding

http://www.pullandbear.com/
Pull and Bear
1. The images are nice
2. The rollover navigators are quite annoying
3. The flash games are very interesting and the visuals are cute and nice

http://demo.northkingdom.com/ihuvudetpatoyota/index_en.html
On Toyota's Mind
1. The main page is interesting to explore because a lot of animation and navigators
2. Too many navigators and very confused
3. The content pages are simple but clearly introduce the product

http://www.diesel-fragrances.ca/_en/_ca/otb/
Diesel
1. Nice-looking design and flash animation
2. Interesting navigation
3. Overall color mode are nice

HTML/CSS/Javascript tutorial websites

http://webdevelopmenttutorials.com/
http://www.htmlcodetutorial.com/
http://www.yourhtmlsource.com/
http://www.tizag.com/

Design tutorial websites

http://www.tutorialized.com/
http://www.entheosweb.com/
http://www.tutorialguide.net/
http://www.layersmagazine.com/category/tutorials/photoshop

Web Design2 Analysis

2009-05-16T10:47:00.000-07:00

Client website

www.aeiou.com.my
a.e.i.o.u studio
1. The overall color mode is too simple, only red
2. some weird flash on top of the content
3. The design does not match the product they sell
4. The images are not consistency, abit messy
5. The product page is too messy

Competitor websites

www.kittyandpolly.co.uk
Kitty&Polly
1. not much design and abit boring
2. abit boxy
3. the logo is too small and not outstanding

www.aussiehandmadegifts.com
Aussie Handmade Gift
1. The background image is quite disturbing
2. The overall color is too boring and not interesting
3. The logo title is hard too read
4. The imges are not organize well

www.ukhandmade.co.uk UK Handmade
1. The design is simple but quite nice
2. The content pages are organize well
3. the contents are very clear and user friendly

www.wrapco.com.au
The Wrapping Paper Co.
1. The overall color and design are quite nice
2. The navigators are organize well
3. The product pages are very clear and user friendly

User Testing for Web Design~~

2009-03-27T01:03:00.000-07:00

This is my website design~

Main page

About page

Tutorial page
Here's some question about my web pages design:
1. ) How you feel when you first enter this website?
a. nice, very interesting
b. hmm...it's normal
c. boring...

2.) Can you feel the consistency of these three pages?
a. yes
b. not really

3.) Can you find the navigator (button) in these 3 pages?
a. sure
b. nope

4.) What kind of tutorial website you think it is?
a. hand-make book
b. paper craft
c. greeting card

5.) How long do you think you will stay in this tutorial?
a. more than half hour
b. less than 15 minutes
c. without one minutes

Thanks~

Moodboard & Flow Chart~~~

2009-01-22T18:05:00.000-08:00

Title: How to make a handmade card~~

Moodboard

Flow Chart

Web Design~~

2009-01-15T04:57:00.000-08:00

First, my idea about this project is "How to make a handmade card"

There are many kinds of greeting card that we can see outside,
although many of them are colourful and attractive, but they are quite normal and universal.
If we can make a handmade cards, I think it is unique and interesting because it will be the only one,
and there will no other same piece of artwork.
So I want to make a website that can teach people how to make a handmade card ownself, it will be more earnestly and sincerely. No matter the outcome is nice or not, at least it is a sincerity artwork to sent to other people.

Nice websites~~
http://fontpark.morisawa.co.jp/

http://www.citric.ws

http://www.mcbd.co.uk/

http://www.sir-patroclo.com

Nice Tutorial Website~~

Sushi

Paper Craft

Soft Toy

Handmade Card

Last one~~~~~~

2008-11-26T04:37:00.000-08:00

My theme is Insane Pianist
So the the product must related to piano
all r about piano shop and piano store whr can buy piano online on the website
and giv some information about piano~

1st interface

2nd interface

3rd interface

any comments?

design method interface~

2008-10-27T09:35:00.001-07:00

2 different background of main page
which one better??

3 inner pages ( gallery, about and, blog )

Final outcome~~~

2008-07-13T06:44:00.000-07:00

loading page~~~

main page~~~(add-on a hammer look mouse pointer)

introduction page~~~(also add-on pointer)

activities page~~~

story page~~~

choose the path~~

ending~~

finish~~~~~~

second part~~~

2008-07-11T11:37:00.000-07:00

here's my 5 main characters, from monster to grandma...
And I like the red oni(with yellow pants one) most ^^
after finish trace him, I found out tat he look like the Flash in DC heroes...hoho
got any comments about them?

introduction page~~~

activities page~~~

and story page(havent finish yet) ~~~

any any any suggestion???

2008-07-11T01:40:00.000-07:00

user test for interface design (main page & loading page)

Here's the different screens in one page, has the rollover effect inside which u can point ur mouse on it and it will show u the links selection (blue flag with white word). And when u point on some object, it will show u the description of other pages (4th picture)

anyway...... how about the overall? Do u like it?
How about the logo and title on the top?
Anything to suggest?? Or u want to critic also can
Help me to improve, thankssss

loading page~~~~

Which one better? 1st one with the "loading" word or 2nd don't have one...
Is this simple to u?
How about the design?
Any suggestion??

Other pages will be update later...coz haven finish yet......

User Test (Raster Icon)

2008-06-08T11:47:00.000-07:00

Ok...here's my vecter icons and raster icons based on the mobile icon design.
1st, my theme is "ILLUSION"... What was that??? It's something that you see is not what you actually see...... So I had to explore a lot and finally come out with these icons. Kindly leave a comment before you leave this page, thanks~

1.) What's your comment about the design?
a. Awesome!!!
b. Pretty good
c. Normal...Boring...
d. Destroy it!!!

2.) Can you recognize those icons? Choose 5 of them
a. Address Book
b. Message
c. Games
d. Ring Style
e. Web Access
f. Camera
g. Settings

3.) Do you think this design can match to the theme 'illusion' ?
a. Yes
b. No
c. Can't understand your question

4.) Which icon you think can be more improve? Which mean you don't like it
(from left to right)
a. 1st
b. 2nd
c. 3rd
d. 4th
e. 5th

5.) Can you really recognize the icons??
a. Of course yes!!
b. NO!!
c. Too small, I can't see

6.) Any suggestion or comment to help me improve my work?
__________________________________________________________

User Test (Vector Icon)

2008-06-08T10:56:00.000-07:00

1.) What's your comment about the design?
a. Awesome!!!
b. Pretty good
c. Normal...Boring...
d. Destroy it!!!

2.) Can you recognize those icons? Choose 5 of them
a. Address Book
b. Message
c. Games
d. Ring Style
e. Web Access
f. Camera
g. Settings

3.) Do you think this design can match to the theme 'illusion' ?
a. Yes
b. No
c. Can't understand your question

4.) Which icon you think can be more improve? Which mean you don't like it
a. yellow one
b. black and white one
c. middle one
d. green one
e. colourful one

5.) Can you really recognize the icons??
a. Of course yes!!
b. NO!!
c. Still don't know what're you talking about

6.) Any suggestion or comment to help me improve my work?
_________________________________________________________________________________

more colour palettessssssssss

2008-06-08T09:47:00.000-07:00

colour palettessssssssss

2008-06-01T18:47:00.000-07:00

Some kind of warm and soft colour there,
the hue in this image are very close to each other,
not too much contrast colours.

The palette feel like in home, warm, soft, comfort...
That's what we feel when we go back to our
home after work...

It's more to darker colours, but somewhere we
can see a yellow colour appear in the middle,
it's seems like rebirth and survive from the ground...

The yellow colour make it uniqe and become the main colour in this colour pallete.

The colours are strongly express the image,
green represent tree, brown represent ground, blue represent sky and sea...

The colours make me feel like on the vacation,
a nice day to enjoy the holiday...

Same as the 2nd image up there, the blue colour
make it more unique in this image.

The blue colour shuttle in dark colours,
very modern and unique, feel like a gorgeous
colour in the low profile image.

A contrast of colour palette, because it's only
have black, white and grey colours. This kind
of colour always the favourite of many people,
so many clothing like to use it as the design.

Because it can give us the elegant temperament.

All I can feel in this colour palette is COOL~~~
And also the feeling of cold and calm too

Like The whole world is quite and peaceful...

(p.s.) my favourite one~~~

Can see the warmness and happiness in this palette.

Feels like lying under the sunshine,
everything is full of vitality and happiness...

Feels very moody but somewhere got a warm feeling, maybe we can call it "hope"

The orange colour represent the "hope"
just like the sunset and sunrise,
it give us new hope when a new day begin...

The palette feels like the colour set of skin colour,
but there's a green colour in the palette,
we can say that the palette is a portrait
of the girl,
because the green represent the eyes.

A very creepy and coldy feeling,
the palette mainly filled with the dark green.

It also give us ghastly and scary feeling.
If there's a signboard with this kind of colour on
the road, I think many people wouldn't
continue walk through...
Unless u love green...

w580i...

2008-05-24T19:55:00.000-07:00

Last few days just bought my new handphone, woooo!!! Coz my last hp had totally broke(e398 r.i.p)...T.T But many ppls said that w580 was so bad and easily broke, especially the keypad... And always hav to charge... No matter what, love the design and its appearance when I 1st saw it on magazine, the functions also cool and nice. So I promise I will buy it no matter how many ppls said it was a rubbish hp. Now...its come true, on my hands, hahaha...going to take care well, or else... Love it have to accept all, hope I can do it...