Moodboard and Sitemap

Sitemap

Moodboard

Beautiful commercial web analysis and screenshots

http://www.mariafilo.com.br/#/home

1. The art direction and design is very appealing and unique.

2.Very interesting roll over effect and soothing songs to match the website's background.

3.Everything is in flash and do not have real text.

4.Navigation button comes in picture,effect and text makes it very clear to users what is the button about.

http://bartleboglehegarty.com

1.This website have no real text too,everything is is flash.

2.Simple design for a company which is suitable and nice.

3.Clear navigation button and nice presentable effects after clicking it.

4.Suitable fonts used and overall very nice.

http://equation.laptop.org/

1. Althought it looks plain and simple but message can be delivered succesfully.

2.User can participate in most of the activities which make them understand the purpose of the website.

3.The navigation is clear enough for user to click.

4.Using flash to set up this website is suitable and it makes it look more fun.

http://in2media.com

1.This website is classic and fun because the rollover effect is sleek which include sound.

2.Everything is clear,simple and readable.

3.Well organize consistent pages.

4.Color scheme is good and users are able to get the message and clear to navigate.

4 URL of html/javascipt/css code library tutorial

http://www.tizag.com/
http://www.2kweb.net/html-tutorial/
http://www.html.net/tutorials/css/
http://www.echoecho.com/javascript.htm

4 URL of design tutorials

http://www.adrianparr.com/?cat=14
http://www.ndesign-studio.com/resources/tutorials/
http://www.photoshopstar.com/tutorials-page/
http://www.photoshoplady.com/

Competitor's website analysis and screenshots

www.puma.com

1.This website do not have consistensy in every page.

2.Some page just pop up and some go to the next.

3.It looks simple but there isnt a clear direction to navigate.

4.It is interesting if users are able to understand where to click and what they want because it uses flash to conduct the page.

http://www.converse.com/

1. The home page is a bit confusing because it started with video.

2.Uses flash to beautify the page and make it interesting.

3.Its easy to find the navigation bar as it is clearly place.

4.It uses a balance of flash and html code to create the website.

http://www.adidas.com/

1. It uses alot of flash to make the website interesting.

2. The navigation button is place in a very table way but its understandable and unique.

3. Each page is consistent in arrangement of buttons and colors.

4. The website is simple and fun while exploring.

http://www.bata.com.my/

1. Each page is well organize n neat.

2.Website is not really interesting.
3.Information and pictures is clear and sharp.
4.The website uses consistent table to place information for each page.

Client's Screenshots (www.pallas.com.my)

new moodboard

mood board

Ex:How to make...Website

Ex: Hw to make...Website

Good Website Design

last 1 finally...any comment...?

This is my introduction page..made some changes...did wrong on the 1st wan...