4 URL of HTML and tutorial
Getting started with HTML
http://www.w3.org/MarkUp/Guide/
HTML Tutorial - Table of contents
http://www.html.net/tutorials/html/
HTML Beginner Tutorial
http://htmldog.com/guides/htmlbeginner/
HTML Tutorial
http://www.w3schools.com/html/
JavaScript Tutorial
http://www.w3schools.com/js/default.asp
4 URL of Design Tutorial
DzineBlog Design
http://dzineblog.com/2008/07/best-photoshop-layout-design-tutorials.html
Hongkiat Design
http://www.hongkiat.com/blog/40-greatest-web-interface-design-tutorials-photoshop-tutorial/
Photoshop Tutorial
http://smashinghub.com/20-fresh-photoshop-tutorials-in-january-2011.html
Best Photoshop Tutorial
http://bestphotoshoptutorials.net/
Tuesday, May 17, 2011
4 Beautiful Website Analysis
1. Guilty Brother Hood
http://www.guiltybrotherhood.com/#en/home
- Looks elegant. Everything is clearly stated and its informative.
2. Curious Generation http://www.curiousgenerationgroup.com/
- It attracts me when i first saw it, it makes me want to keep exploring for more.
3. JAX http://jaxvineyards.com/#/taureau
- i personally like the gallery page where its interesting to look forward for it.
4. Amaze Lab http://www.amazeelabs.com/
- The navigation bars have interesting icons representing each of the navigation.
http://www.guiltybrotherhood.com/#en/home
 | |
| Home_page |
 | ||
| Collection_page |
2. Curious Generation http://www.curiousgenerationgroup.com/
 |
| Home_page |
 |
| Booking_page |
3. JAX http://jaxvineyards.com/#/taureau
 | |
| Gallery_page |
4. Amaze Lab http://www.amazeelabs.com/
 |
| Home_page |
Monday, May 16, 2011
Sunday, May 15, 2011
4 Analysis on Competitors Websites
First of all, I'm assign to redesign the Centro Salon website. As below, there are some of the screen shots example of centrosalon website interface :
Below are some of the problem i discovered through this website.
Home_page : only images, kind of boring
Profile_page : should add some images to attract user
Team_page : text are too close together. should clearly introduce the team member in a better way
Collection_page : only catologs. should link the catolog to a readable catolog
Publication_page : same_
Contact_page : lack of map location, different outlets address and etc.
You are welcome to have a look on the actual website through http://www.centrohairsalon.my/
Below are some of the website examples that i have researched to have a better point of view on how to create a better website interface.
1. Kimarie Hair Salon www.kimarie.com.my
About us_page
Kimarie webpage has interesting interface where it includes images and others to attract reader to read. but yet i think its still a bit wordy. Same goes to Centro webpage, its has too many boring text where user wont be bother to read that.
Collection_page
Kimarie webpage produce a better interface where it include small boxes of images to convenience the user to have a look on their collections. Where as Centro webpage, its just some of the catalogs shown . Its boring and i find there is no point showing the jpge of an catalog where user wont get any info from that. For my opinion, adding some links so that user can be able to read the catolog or etc..
Home_page
Kimarie webpage added images and interesting typography to create the interest of the website. Where Centro webpage only contain model images where user hardly know that they are actually in the homepage.
Latest news_page
Kimarie webpage contain a Latest news page to always update their consumers regarding their services and others. I think this is very important to always keep your user update in order to make the website alive.
Location_page
There are many outlets shown there and there are more information given compared to the Centro webpage. And i think they should also add a map or a linking map to Google map to direct and make their consumers convenience.
2. NyChair Salon www.nychairsalon.com
Contact_page
Nychair salon webpage :
- they includes the form and also working hour
- contain fast link to convenience their user so that they can straight away click on it to go to the other page instead of rolling all the way up then only get to click on it to proceed.
Friends_page
They also introduce you to some other professionals hair salon and hairstylist so that user can have an idea which is better and which is suitable for themselves. Just a simple click on the link, then it will lead user to the website given.
Home_page
I personally like the typography used. It shows a very classic and elegant where it is suitable for Centro salon website because Centro salon is belongs to a classic environment. Besides, it also show the picture of the environment in their salon and i think that is what user wanted to see on.
Home2_page
Besides, they also introduce user to their famous hairstylist at the very beginning so that user can have an idea what it is all about.
Gallery_page
3. Aveda Beauty Salon http://www.salon.net/index.html
First of all, the special part of the website is that it is divided to different portions so it can convenience the user and also gets to lead the user well on that.
Award_page
This website introduce the awards that they achieved.
And it is all clearly stated with date, where and etc. This may build the confident of consumer to go to your salon for a better cut.
Home_page
Introducing on their salon and also images added. But i think it can be better by reducing the text.
Spa_page
Full of informations and also images given. Besides, it also provide fast link to the user to click on so that it can lead them to the link given to have a clearer view on what is that they are introducing about.
Teams_page
Team images are clearly stated and also their positioning are clearly stated.
Team2_page
So, when you click on any of them, it will pops out the profile of everyone of them and also bits of their portfolio.
4. Carmel Day Spa and Salon
http://www.carmeldayspa.com/index.html
Contact_page
- includes map
- fast link for example by giving their contact number and they have a little link beside where you can straight away email them or etc.
- fast link on viewing their gallery on contact page itself, and also on learn more about us page.
Home_page
They attracts user by adding the promotions menu on the very beginning. This can easily create the interest of the consumers.
Intro_page
They introduce the services and also the pricing of their stuff clearly and easy to understand.
Package_page
All package are clearly stated with the price clearly stated as well. They also convince consumer why they need this package so much with some nice convincing words.
 |
| Home_page |
 |
| collections_page |
 |
| contact_us |
 |
| menu_page |
 | |
| profile_page |
 |
| teams_page |
Below are some of the problem i discovered through this website.
Home_page : only images, kind of boring
Profile_page : should add some images to attract user
Team_page : text are too close together. should clearly introduce the team member in a better way
Collection_page : only catologs. should link the catolog to a readable catolog
Publication_page : same_
Contact_page : lack of map location, different outlets address and etc.
You are welcome to have a look on the actual website through http://www.centrohairsalon.my/
Below are some of the website examples that i have researched to have a better point of view on how to create a better website interface.
1. Kimarie Hair Salon www.kimarie.com.my
Kimarie webpage has interesting interface where it includes images and others to attract reader to read. but yet i think its still a bit wordy. Same goes to Centro webpage, its has too many boring text where user wont be bother to read that.
Kimarie webpage produce a better interface where it include small boxes of images to convenience the user to have a look on their collections. Where as Centro webpage, its just some of the catalogs shown . Its boring and i find there is no point showing the jpge of an catalog where user wont get any info from that. For my opinion, adding some links so that user can be able to read the catolog or etc..
Kimarie webpage added images and interesting typography to create the interest of the website. Where Centro webpage only contain model images where user hardly know that they are actually in the homepage.
Kimarie webpage contain a Latest news page to always update their consumers regarding their services and others. I think this is very important to always keep your user update in order to make the website alive.
Location_page
There are many outlets shown there and there are more information given compared to the Centro webpage. And i think they should also add a map or a linking map to Google map to direct and make their consumers convenience.
2. NyChair Salon www.nychairsalon.com
Nychair salon webpage :
- they includes the form and also working hour
- contain fast link to convenience their user so that they can straight away click on it to go to the other page instead of rolling all the way up then only get to click on it to proceed.
They also introduce you to some other professionals hair salon and hairstylist so that user can have an idea which is better and which is suitable for themselves. Just a simple click on the link, then it will lead user to the website given.
I personally like the typography used. It shows a very classic and elegant where it is suitable for Centro salon website because Centro salon is belongs to a classic environment. Besides, it also show the picture of the environment in their salon and i think that is what user wanted to see on.
Besides, they also introduce user to their famous hairstylist at the very beginning so that user can have an idea what it is all about.
Boxes of images on their environments and their outlets to give a clearly view to the user.
3. Aveda Beauty Salon http://www.salon.net/index.html
First of all, the special part of the website is that it is divided to different portions so it can convenience the user and also gets to lead the user well on that.
This website introduce the awards that they achieved.
And it is all clearly stated with date, where and etc. This may build the confident of consumer to go to your salon for a better cut.
Introducing on their salon and also images added. But i think it can be better by reducing the text.
Full of informations and also images given. Besides, it also provide fast link to the user to click on so that it can lead them to the link given to have a clearer view on what is that they are introducing about.
Team images are clearly stated and also their positioning are clearly stated.
So, when you click on any of them, it will pops out the profile of everyone of them and also bits of their portfolio.
4. Carmel Day Spa and Salon
http://www.carmeldayspa.com/index.html
- includes map
- fast link for example by giving their contact number and they have a little link beside where you can straight away email them or etc.
- fast link on viewing their gallery on contact page itself, and also on learn more about us page.
They attracts user by adding the promotions menu on the very beginning. This can easily create the interest of the consumers.
They introduce the services and also the pricing of their stuff clearly and easy to understand.
All package are clearly stated with the price clearly stated as well. They also convince consumer why they need this package so much with some nice convincing words.
Subscribe to:
Posts (Atom)