Wednesday, October 19, 2011

On The Field Research - Islamic Art Museum

It was my very first time visiting the Islamic Art Museum where it really inspire me a lot and I do discovered many thing throughout the journey. For examples regarding the culture, Islamic art, the architecture of the mosque built, the shapes, textures, area of the building and many more..
Besides, I also get to know more about the Islamic art through the information given for each individual things.And students also get to listen to what the tourist introduce about the art and things there.

Islamic art of China
The culture and also the Islamic art of China makes me really curious. I tend to find out more information regrading the Islamic Art through the internet. And I have discovered that there are actually many interesting things for the Islam in China. 
I research and read about how the Islam get into China and also about their culture and art of Islam in China.

The Great Mosque in Xian
It is one of the oldest, largest and best-preserved Islamic mosques in China and its location is northwest of the Drum Tower (Gu Lou) on Huajue Lane. 

In Xian, it is really well worth a trip to see the Great Mosque, not only for its centuries-old history but also for its particular design of mixed architecture - traditional Muslim and Chinese styles.

                            Islamic Architecture Great Mosque of Xian China

link about The Great Mosque in Xian

Islam Calligraphy Art in China
Calligraphy is one of the most prestigious art forms in Islamic and in Chinese culture.The styles of calligraphy used in writing Arabic are mostly different among each others.
But according to Islamic mythology, the Chinese invented the pen, and it was from China that fine paper was first brought into the Islamic world. It is perhaps unsurprising, then, that unique forms of Islamic calligraphy have emerged in China.

                            Xian Great Mosque Imam Yahya Islamic Calligraphy

Links regarding the Islamic Calligraphy art 

Besides the above, there are more that i would like to explore on to know more in dept regarding the Islamic art and culture of our own country and also the others throughout the world.Therefore, this is what the Islamic Art of China truly inspire me with. 



Pictures taken from Islamic Art Museum

The Mosque at DaXueXi Lane

Scroll Calligraphy from Ali Abdullah Qasim 

Chinese Islamic Scirpt

Chinese Islamic scroll sc

Friday, July 8, 2011

Final website interface design -Centro Hair Salon Website

Below are just website interface design for college project purposes only.Hereby, below are my final interface design for Centro Hair Salon website ( http://www.centrohairsalon.my/ ).


Mainpage
Salon
Latest News
Menu
Teams

Team2
Collections
Publications

Publications2
Contact Us
You can also view my website on www.jessicateoh.comlu.com/Main-page.html

Gantt Chart and sitemap-refine version

Final refinement on Gantt chart and Sitemap

gantt chart

sitemap

Tuesday, May 17, 2011

URL for tutorials

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/

4 Beautiful Website Analysis

 1. Guilty Brother Hood  
     http://www.guiltybrotherhood.com/#en/home

Home_page 
Collection_page 
- Looks elegant. Everything is clearly stated and its informative.

2. Curious Generation http://www.curiousgenerationgroup.com/

Home_page
Booking_page
 - It attracts me when i first saw it, it makes me want to keep exploring for more.

3. JAX  http://jaxvineyards.com/#/taureau

Gallery_page 
- i personally like the gallery page where its interesting to look forward for it.

4. Amaze Lab   http://www.amazeelabs.com/

Home_page
- The navigation bars have interesting icons representing each of the navigation.

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 :


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

 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

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.


 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.