Style Frames (Design Method 3)

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

Mood Board



Site Map (click to see clearer)

Project Concept Proposal

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

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