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~! =)

Labels: Web Desig II - Redesign Commercial Website

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.

Labels: Web Design II - Redesign Commercial Website

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.

Labels: Web Desig II - Redesign Commercial Website

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.

Labels: Web Desig II - Redesign Commercial Website

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

Labels: Web Desig II - Redesign Commercial Website

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