WIREFRAME

moodboard & sitemaps

MOODBOARD

ENCHANCED SITEMAPS

Project Definition
- Aim is to redesign commercial website
- Improve the interface design
Client’s Analysis
- A company that have over 30 years experience brings you beautiful gold jewellery, with excellent customer service, in a fine supreme shopping environment.
- Product range, quality gold & jewellery

Current Site’s Analysis Goals
- Lack of information that attract viewers for the homepage
- Need a better type treatment
- More interaction
Target Audience
- Ladies
Short & Long term Site Goals
- Increase the hits of the site
- Promotion and weekly showing latest collections in main page with different promotion to attract reader visit regularly
Competitor’s site analysis
- More informative but less text
- More design treatment on their site layout
- User-friendly navigation
- Clean and neat for their layout
- Typography treatment

Idea and Concept Implementation
- Better look for the site
- Promote company’s product at homepage instead of company profile
- Add in promotion and latest selling of the month.
- A more user-friendly navigation

TUTORIALS URL & HTML LIBRARY

http://net.tutsplus.com/tutorials/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/

http://www.pvmgarage.com/2009/06/create-a-nice-web-portfolio-design-with-a-watercolored-background-in-photoshop/

http://net.tutsplus.com/tutorials/site-builds/the-ultimate-guide-to-creating-a-design-and-converting-it-to-html-and-css/

fan.com/tutorials/designing/making-the-clean-grunge-blog-design/

Some of the html script library I found.
1. Photo Slider http://www.jsmadeeasy.com/javascripts/Images/Photo%20Slider/index.htm
2. Picture Rollover http://www.jsmadeeasy.com/javascripts/Images/picture_rollover/picture_rollover.htm
3. Image Preview http://www.jsmadeeasy.com/javascripts/Images/image_preview/image_preview.htm
4. Switching Images http://www.jsmadeeasy.com/javascripts/Images/Switching%20Images/list.htm

ANALYSIS OF TOMEI WEBSITE

Analysis of the website :
- weak grid system.
- navigation button bar is at the bottom which the viewer might can't find them.
- plain color background made the website seems boring and unfinished.
- lack of consistency for every page.
- weak typo hierarchy.
- not well-organised.
- weak interface design.
- not user friendly, viewer have to refocus when proceed to another page.


Idea and Concept Implementation
- New look for the site
- Promote company’s product at homepage instead of company profile
- Add in promotion and best seller.
- A more user-friendly navigation

ANALYSIS OF COMPETITOR'S WEBSITES

analysis :
- good grid system.
- consistent.
- nice transition and flash.
- good typo hierarchy.
- nice interface design.

analysis :
- weak grid system.
- weak typo hierarchy.
- navigation button quite okay.
- interface wise still okay and can be better

analysis :
- well organised.
- basic and clear typo hierarchy.
- quite user friendly.
- nice grid system.

analysis :
- Site looks clean and neat.
- Nice navigation system
- Contain other information make it more interesting to navigate

ANALYSIS OF BEAUTIFUL WEBSITES

http://bigcartel.com/
analysis :
- nice color combination.
- simple graphics.
- good and pretty typo hierarchy.
- well organized and labeled.

http://mariecatribs.com/
analysis :
- nice color combination.
- beautiful graphic used.
- good and pretty typo hierarchy.
- well organized and labeled.

http://www.nikesnowboarding.com/
analysis :
- nice and clear typo hierarchy.
- simple and clear grid system.
- nice and interesting image used

http://en.tis-home.com/
analysis :
- simple yet neat grid system.
- interesting navigation button.
- simple yet harmony and attractive color combination.
- clear typo hierarchy.

MY BLOG CAN'T UPLOAD PHOTOS T.T

SITE MAP

Site Map