Moodboard

Redesign Commercial Website (Web Design 2)

http://www.ivory.com.my/

This project is to re-design the website of ivory property to be more attractive.

Background: 

Ivory property are a premier public listed property development group in Northern Malaysia with an outstanding and enviable track-record. All projects are completed with our signature focus on bold innovative designs, fresh lifestyle concepts, quality craftsmanship & workmanship, timely delivery and superior customer service. They have carved a strong niche and reputation in successfully reviving abandoned as well as hard-to-execute projects. Our vertically integrated range of in-house expertise includes architecture, engineering, construction, interior design and sales & marketing. This vertical integration enables us to control the construction process to ensure timely and quality delivery.

Good : 

• The web looks elegance
• Composition very nice
• Color very nice
• Animation Advertising

Bad : 

• Background color too plain
• Fonts in the green navigation bar can change to more out stand color

Competitor Website Analysis

The 1 Property 

 

http://www.the1property.com/

Good :

•   Nice composition
•   Color not bad
•   Price state quite detail
•   Plain background 

Bad : 

•  Title color not so nice
•  Navigation bar flat
•  Picture quite blur
•  Too complicated
•  Description too pack

I & P Group

http://www.inp.my/

Good :

• Easy to search houses
• Can be read
• Composition still ok

Bad : 

• Logo and title design too simple
• Background lack of design
• Can be enhance to more interesting & attractive

Sunway Property

http://www.sunwayproperty.com/

Good :

• The background is attractive
• Nice composition layout  
• Nice navigation bar
• Info is clear

Bad : 

• Title not stand out
• The property investment too many words
• Property investment background too blank
• The subtitle words a bit hard to read

IOI Group

http://www.palmex-property.com/index.php

Good : 

• Color is nice
• Composition is nice
• Consistency style
• Background quite suite the mood
• The map for location is very special

Bad : 

• lack of off music button
• background add some design to make it more interesting

       

Analysis Of Website

Harmony Residence, Penang

http://www.harmonyresidence.com/

1. Info easy to read
2. Simple and plain design
3. Main Color: white
4. Comfortable style

Gurney Paragon, Penang

http://www.hunzagroup.com/

1. Navigation bar too flat
2. Web seems like cut into half
3. Main Color: green,yellow & white
4. Uncomfortable
5. The Curve line looks not smooth

Sunway Property

http://www.sunwayproperty.com/

1. Info page clear
2. Fonts stand out
3. Main Color : Black & Red
4. Background can change every time u log in

PDC Property

http://pdcp.com.my/

1. Clear Info
2. The purple color attractive
3. Main Color: purple & white
4. Plain background

Beautiful Commercial Website

http://demo.rockettheme.com/?template=mynxx


http://www.rockettheme.com/


http://www.demo.iboldesign.com/brownkick/


http://www.studio7designs.com/


http://www.suspiremedia.co.uk/

Url Of Coding Tutorial

HTML
http://www.htmlcodetutorial.com/
http://www.w3schools.com/html/
http://www.quackit.com/html/tutorial/
http://www.tizag.com/htmlT/htmlcode.php

CSS
http://www.w3schools.com/css/
http://www.1keydata.com/css-tutorial/codes.php
http://www.csstutorial.net/css_misc_inserting.php
http://www.squidoo.com/css-codes

JAVASCRIPT
http://www.w3schools.com/js/
http://webteacher.com/javascript/
http://www.echoecho.com/jsbrowserdetection02.htm
http://www.relisoft.com/web/javascript.html

Url Of Design Tutorial

http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-stunning-vista-inspired-menu/

http://designreviver.com/tutorials/create-a-nature-inspired-painted-background-in-photoshop


http://psd.tutsplus.com/tutorials/interface-tutorials/photoshop-web-design-sleek/


http://www.adobetutorialz.com/articles/2841/1/Professional-Modern-Web-Layout


http://webdesignerwall.com/tutorials/design-watercolor-effect-menu

Gantt Chart & Site Map

Gantt Chart

 

Site Map

Screen Shot Of Homepage

Mood Board + Flowchart + Structure

Website Layout Tutorial

Original

Mine : D

This is the tutorial website :

http://psdvibe.com/2009/04/12/watercolored-design-studio-blog-layout/

3 idea ( web design 1)

1. HOW TO HACK GAME MONEY WITH CHEAT ENGINE

1. WHO AM I - Hacker

2. WHAT IS IT- Hack Software  

3. WHAT FOR- For Fun

4. 1st Task- Download cheat engine from internet and launch it.

5. 2nd Task- Open a game and click on it by using cheat engine.

6. 3rd Task- after that change the value of the game money

7. OUTCOME- Get the value of money that u want

8. SHOWCASE- You Tube

2. HOW TO AWAKENING PSYCHIC

1. WHO AM I - Psychic Person

2. WHAT IS IT- Psychic

3. WHAT FOR- For people who interested on it

4. 1st Task- Take a spoon

5. 2nd Task- Keep look and focus on the spoon

6. 3rd Task- Look until the spoon bend by itself

7. OUTCOME- Awaken the psychic

8. SHOWCASE- Exhibition

3. HOW TO WIN A DRAG RACE 

1. WHO AM I- Racer

2. WHAT IS IT- Car

3. WHAT FOR- Winning

4. 1st Task- Get a car

5. 2nd Task- Make sure your tachometer at high rpm

6. 3rd Task- Shift down 1 gear to cut off the opponent

7. PROCEED- Throw off the opponent 

8. SHOWCASE- Exhibition

Sketches of Storyboard

Research Of Character & Background

Life

One in a morning, an alarm clock start ring. Beside the alarm clock have 1 couple photo. The couple wake up change cloths and the guy ride motor fetch his girl went out. That time, he ride very fast till over the speed limit. That time, they reach the T- junction, that time the traffic light is red light. But he see don’t have any cars, then straight away cross the T- junction. Suddenly, got one lorry call truck come very fast. When the lorry almost hit them, the alarm clock ring. That guy get shock and wake up, He was very scare and look around and found out his girlfriend still sleeping beside him. After that he just relax, then they go out to park together. When the girl notice her watch, she get ask: yee, why my watch stop? The guy answer: “never mind, I wish this moment will remain forever.” When the guy finish talk, the clock continue and active back ; The clock zoom out and show a view that he already lying in hospital. His parents and doctor stand beside him. Doctor said: “ he can’t accept the truth when his girlfriend die in that accident and he suicide, very lucky he still alive. But his brain already damage till coma. Now he will forever live in his dream, can wake up or not need to depends on his self already.” Then his family start to cry, and black out. The guy: “ I wish this moment will remain forever.” 

Dream Mindmap