Friday, October 1, 2010

WD2 - Design Layout (Tryout)

My first homepage layout for Asian Heritage Row, I kinda upload late because there tons of issues and problem between my dear little modem and big little computer

Here's the outcome prototype:



Will finalize and preparation for HTML this weekend

Sunday, September 19, 2010

Web Design via. Pre-Wireframe (based on sketch) UPDATED

Here's my initial plan on my website which based on my sketch built, still not so perfect yet but yeah here's my idea.

UPDATE: Added some description on the boxes.

1 - Homepage

2 - Event page

3 - Article page

4 - Establishment page

5 - Gallery

Friday, September 17, 2010

Web Design via. Revised Sitemap

Here's my revised sitemap:



I have do some little add ons and adjustment on the AHR (Asian Heritage Row) sitemap, well as the selling point is to get customers to know it is an entertaining places to enjoy so reservations and booking pages is very important. On the other hand I found that having an introduction for Asian Heritage is also a very important keypoint as well for the new comers to the website who are not actually knows what is AHR. While experience customers would like to look on booking on the site and also getting news and new feeds.

--------------------------------------------------------

Put aside on sitemap here's my rough version sketch :


My initial idea ...

Homepage - Head page with a slideshow pictures of introduction, news and new events (properly using JQuery)

Event page - Using slideshow for image + text as well for more interactive visual and more selection (an image box filled with short info of the particular event) on the bottom which can be expandable or change for future updates, on the side will have dates and breakdown with several issues on it and an extra calenda selection for tracking newest or old event list .

Article page - Remain simple and typo arrangement instead of fancy interaction because to consider about comfortable reading on each issues of article



Gallery


Thursday, September 16, 2010

Web Design II via. Moodboard

Here's my moodboard for Asian Heritage Row (picture below), the overall theme is quite hard for me because I need to mix the luxury classy look and also create the techno clubbing style in the website to show it real characteristic ... but colors wise I pick brownish and black as my web theme to suite the cooperate identity and also the feeling of classy entertaining


Sketching and New Sitemap will coming up later [:

Sunday, September 12, 2010

Web Design II (Pt2) Competitors Analysis and Beautiful Website

My selected website is www.asianheritagerow.com - Asian Heritage Row : A club + pub + restaurant chain shops with some small bazaar shop and art gallery.

Homepage : -

About Us Page : -

Gallery Page : -

Establishment Page:-


-------------------------------------------------------------------------------

Competitors + Beautiful Website

Seriously, I have no idea what Asian Heritage Row it is because it have so many mix ; restaurant, pub, clubbing, art gallery, shops, events and so on. However it mainly emphasis on pub and clubbing so I try to look on several pub and clubbing site.

1st - Euphoria (www.euphoria.com.my)

I classified as competitors and also as a beautiful website. The overall website design match the feel of clubbing and pub. Besides fancy rollover effects the overall label is neat and simple compare to the Asian Heritage Row website.

#1

#2

#3

2nd - Quattro (www.clubquattro.com)

Another one which is Quattro, it has nicer typography which match the techno feel of clubbing musics and environment, the overall style is much more comfortable in visual and neat layout for differentiate the buttons and reading article.

#1

#2

#3


3rd - Zouk (www.zoukclub.com.my)

Zouk is another one with beautiful and fancy design, it packs up more words and article. Graphical background is very nice and the arrangement is pretty well done as well.

#1

#2

#3

4th - Clubplanet (www.clubplanet.com)

Clubplanet is simple but very consistant and nice arrange website without fancy overall effects.

#1

#2

#3

Web Design 2 - Gantt Chart and Flow Chart

Here's my Gantt Chart and Flow Chart layout for my Web Design 2

Client : - Asian Heritage Row

Gantt Chart :

Flow Chart:

Tuesday, May 25, 2010

Moodboard + Flowchart

Here's my Moodboard:

Here's My Flowchart Type A:

Flowchart Type B:

Hit Counter