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

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

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

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 [:

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:

Moodboard + Flowchart

Here's my Moodboard:

Here's My Flowchart Type A:

Flowchart Type B:

How to ...

How to ...

How to take photo like a Pro's?

1. Who am I - An euthenics and fans of photography

2. What is I - To let the new dummies who always use "auto" on their camera understands the basic to advance technique

3.What For - To acknowledge the style of photography and push the limits from the camera

4.1st Task - Say "NO" to Automatic, get used in settings as possible

i) [Introduction] Get used on settings and don't always on AUTO

ii)Masters the light sensitivity (ISO), shutter speed and aperture to make ur picture right exposure!

iii)Understand the colors temperature and light metering to stimulate your mood on your photos!

5.2nd Task - Understand what photo's would you like to take and the situation you might faces to solve it

i) Know what photo would you like to take NOT what photo that I just like to take!

ii)Understanding the light sources

iii)Get used of local length and depth of field

6.3rd Task - Get a right composition!

i)Study the golden rule of third

ii)Don't just squeeze everything into your photo, get know to crop!

iii)Get for a right time for stunning photos!

How to beautify your computer desktop into stunning look?

1. Who am I - An interface desktop customizer

2. What is I - Enhance your computer desktop into an unique and stunning looking

3.What For - To "craft" the arts and style for interface onto your desktop

4.1st Task - How to customize your desktop?

i)Having Adds-ons and application

ii)Throw all your desktop icon away, give a space for your desktop for new stuff!

iii)Composite your interface

5.2nd Task - Get a right theme which suites your taste.

i)[Intro]Pick a theme

ii)Custom your interface shortcut and button that suites your theme

iii)Make a right color mood

6.3rd Task - Learn to place your application and don't overflow it!

i)Be minimalistic; Less is more!

ii)Get a vision that comforts your eye and clarify your shortcut assessment

iii)Put a right widget or application that suite your needs

How to be a good gamer on first person shooting?

1. Who am I - An experiences gamer to teach a new comers

2. What is I - My experience for gaming and sharing for the ideals and technique

3.What For - To make you play smart, act fast and get used on advance software technology to take advancement on your gaming experiences

4.1st Task - Basic Principles of First Person Shooting

i)Learn when and how to be passive and active

ii)Study your field and your enemy

iii)Learn the game, understand the settings on the game

5.2nd Task - Know your roles and characteristic in the game

i) Stealth

ii) Assaulter

iii) Sniper

iv) Ghost

6.3rd Task - Ultimate key of victory

i) Teamwork!

ii) Advance technology of communication

iii) Get your right equipment

iv) Master your control

Website Tutorial and Beautiful Website Screenshot using xhtml/css

#1

http://www.sergiomontagna.com.ar/

#2

http://www.ethicetchic.com/

#3

http://www.amisano.com.ar/

#4

http://www.studio76.fr/

Website Tutorial

#1 - http:www.tripwiremagazine.com/2009/02/tutorials-on-photoshop-web-design-and-psd-to-html.html

#2 - http://psd.tutsplus.com/tutorial/9-essential-principles-for-good-web-design/

#3 - http://www.webdesignerdepot.com

#4 - http://www.entheosweb.com/website_design/design_ideals.asp