Web Design2 Analysis 2

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

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~~

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~~~

Title: How to make a handmade card~~



Moodboard





Flow Chart

Web Design~~

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~~~~~~

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~

2 different background of main page
which one better??






3 inner pages ( gallery, about and, blog )