Wednesday, September 2, 2009
Tuesday, August 25, 2009
Tuesday, June 23, 2009
Monday, June 22, 2009
Wednesday, June 17, 2009
Sunday, June 14, 2009
Wednesday, June 10, 2009
Monday, June 1, 2009
Project Definition
About this project “Redesign Commercial Website”. Why do we need to redesign commercial websites?
For my own understanding, firstly, you must know what is a “Commercial Website”? A commercial website is a medium for people to promote their products, sell their product and branding. Therefore, a commercial website is very important for now because more than half of human beings are using internet to connect with the world.
Now we can refer back the 1st question, why do we need to redesign commercial websites?
If your client’s competitor created a nice commercial website, they will snatch away your client’s customers. Human being is like that, they will go for a better and comfortable side. If you don’t want to lose any of your customers, make sure you research your competitors websites and try your best to redesign your commercial website that looks beautiful and fabulous than others.
Project 1: Redesign Commercial Website.
Client: Asian Heritage Row
Location: Kuala Lumpur
Asian Heritage Row is my client, I went to this place to get some photo shooting but they don’t have any brochure or leaflet. Asian Heritage Row is a street with a lot of clubbing place, pubs and restaurants. I did research on many people around, and I got the same answer. For them Asian Heritage Row is a place where peoples go for clubbing for their night life. So I have decided to focus on clubbing for my Redesign Commercial Website because mostly when people surf Asian Heritage Row website, they wanted to feel like a clubbing website design.
For my own understanding, firstly, you must know what is a “Commercial Website”? A commercial website is a medium for people to promote their products, sell their product and branding. Therefore, a commercial website is very important for now because more than half of human beings are using internet to connect with the world.
Now we can refer back the 1st question, why do we need to redesign commercial websites?
If your client’s competitor created a nice commercial website, they will snatch away your client’s customers. Human being is like that, they will go for a better and comfortable side. If you don’t want to lose any of your customers, make sure you research your competitors websites and try your best to redesign your commercial website that looks beautiful and fabulous than others.
Project 1: Redesign Commercial Website.
Client: Asian Heritage Row
Location: Kuala Lumpur
Asian Heritage Row is my client, I went to this place to get some photo shooting but they don’t have any brochure or leaflet. Asian Heritage Row is a street with a lot of clubbing place, pubs and restaurants. I did research on many people around, and I got the same answer. For them Asian Heritage Row is a place where peoples go for clubbing for their night life. So I have decided to focus on clubbing for my Redesign Commercial Website because mostly when people surf Asian Heritage Row website, they wanted to feel like a clubbing website design.
Current Site’s Analysis Goals
- Providing more information to keep customers visiting your websites, and not losing them.
- Providing more information of The History of Asian Heritage Row. To let customers know more about the place which they always go there for clubbing.
- Providing Maps to Asian Heritage Row in a few pages. Just to lead them easily to Asian Heritage Row.
- Providing Asian Heritage Row Gallery to gain more customers by looking at the fabulous gallery photos that they have.
- This website does not need to be too complicated, simple and nice to be user friendly enough.
- Providing more information of The History of Asian Heritage Row. To let customers know more about the place which they always go there for clubbing.
- Providing Maps to Asian Heritage Row in a few pages. Just to lead them easily to Asian Heritage Row.
- Providing Asian Heritage Row Gallery to gain more customers by looking at the fabulous gallery photos that they have.
- This website does not need to be too complicated, simple and nice to be user friendly enough.
Short and Long-term Site Goals
Long-term
Keep customers to continue supporting Asian Heritage Row. Don’t stop maintaining websites and provide more promotions for your customers.
Short
Providing more information to keep customers visiting your websites, and not losing them.
Show more things about clubbing.
Keep customers to continue supporting Asian Heritage Row. Don’t stop maintaining websites and provide more promotions for your customers.
Short
Providing more information to keep customers visiting your websites, and not losing them.
Show more things about clubbing.
Target Audience
Teenagers age around 18 to 25 who like to drink and dance. Also for those who like to hang around with friends in somewhere rock and roll.
What kind of activity are they doing in this site?
They can find out more events and more promotion. Also can look at the gallery to find out which clubs are suitable for themselves.
What kind of activity are they doing in this site?
They can find out more events and more promotion. Also can look at the gallery to find out which clubs are suitable for themselves.
Tuesday, May 26, 2009
Home Assignment
---------------------------------------
1. Blog-Refine Site Map
2. Interface design of 1st page & 2nd page
3. Sketch 3rd & 4th page
4. Revision on CSS & HTML (Test on lesson 4)
1. Blog-Refine Site Map
2. Interface design of 1st page & 2nd page
3. Sketch 3rd & 4th page
4. Revision on CSS & HTML (Test on lesson 4)
Monday, May 25, 2009
Sunday, May 24, 2009
Saturday, May 23, 2009
My Client's Website
- This is the website of Asian Heritage Row, which is my client.
- For me, i felt that this website lack of own uniqueness.
- The texture is nice actually, but too flat. cannot see the depth.
- The navigation part.. It's clear enough to lead people to other pages. just that the design is too normal. not special, and dun have sound button.
- I think if add in clubbing music to this index page will be better.
Tuesday, May 19, 2009
Home Assignment
---------------------------------------
-Add on analysis to blog
-Moodboard
-Gather branding materials
-Blog workbook Part 1-Project Concept Proposal
-Create Site Map in illustrator
-Sketch 1st page & 2nd page
-Add on analysis to blog
-Moodboard
-Gather branding materials
-Blog workbook Part 1-Project Concept Proposal
-Create Site Map in illustrator
-Sketch 1st page & 2nd page
Monday, May 18, 2009
-4 URL and screenshots with analysis of beautiful commercial web
Beautiful Commercial Web 1 - CoffeeCompany
http://fc01.deviantart.com/fs36/f/2008/272/7/8/Coffee_Company_by_Sansana.jpg
-This is still not a uploaded website.
-I take it because the design is interesting.
-The color mood is nice for a coffee website.
- The navigation also very clear, and the texture that they use is suitable.
-The typeface they choose also nice, it looks very clean.
http://fc01.deviantart.com/fs36/f/2008/272/7/8/Coffee_Company_by_Sansana.jpg
-This is still not a uploaded website.
-I take it because the design is interesting.
-The color mood is nice for a coffee website.
- The navigation also very clear, and the texture that they use is suitable.
-The typeface they choose also nice, it looks very clean.
Beautiful Commercial Web 2 - Ts2 Online Game
http://ts2.runup.com.my/index.php
-This is 1 of the game that i am playing these lately.
-I am interested to this website because of the character design very cute and the interesting compositionon top that how they focus on the characters.
-I believe from this single image you can already see the clear navigation. They even provided both languages Mandarin and English.
-The color is warm.
-I can say mostly for games, their target audience are around 12~25age. Because this age of people mostly are gamers and many people like something cute just like me.
http://ts2.runup.com.my/index.php
-This is 1 of the game that i am playing these lately.
-I am interested to this website because of the character design very cute and the interesting compositionon top that how they focus on the characters.
-I believe from this single image you can already see the clear navigation. They even provided both languages Mandarin and English.
-The color is warm.
-I can say mostly for games, their target audience are around 12~25age. Because this age of people mostly are gamers and many people like something cute just like me.
Beautiful Commercial Web 3 - Pepsi
www.pepsi.com
-This is one of the coolest commercial website that i have seen.
-Look at the composition that how they design. It's very balancing and the art style is more to high technology kind of stuffs.
-The navigation for this Pepsi website is also very clear. try to look at the way when ppl scroll the mouse to the buttons on top, they makes the middle background darker to brings out the depth between button and the items that will show at the middle part.
-The color is also consistent to the product itself. Blue is nice, a feeling of refreshing just like water.
www.pepsi.com
-This is one of the coolest commercial website that i have seen.
-Look at the composition that how they design. It's very balancing and the art style is more to high technology kind of stuffs.
-The navigation for this Pepsi website is also very clear. try to look at the way when ppl scroll the mouse to the buttons on top, they makes the middle background darker to brings out the depth between button and the items that will show at the middle part.
-The color is also consistent to the product itself. Blue is nice, a feeling of refreshing just like water.
Beautiful Commercial Web 4 - Nike
www.nike.com
-This nike website have a very nice interactive design and the cool function.What i mean a cool function is like the way the lead users to change pictures. to go to other page.
-Even though the website overall is very dark, but we still can see that it's not flat. Maybe because of the form like a stage.
-The navigation quite clear but just lack of some other pages example : Home, gallery, about us, contact us, etc etc..
www.nike.com
-This nike website have a very nice interactive design and the cool function.What i mean a cool function is like the way the lead users to change pictures. to go to other page.
-Even though the website overall is very dark, but we still can see that it's not flat. Maybe because of the form like a stage.
-The navigation quite clear but just lack of some other pages example : Home, gallery, about us, contact us, etc etc..
-4 URL and screenshots with analysis of competitor's website
Competitor 1 - Euphoria
www.euphoria.com.my
-Euphoria, a very creative commercial web design.
-The effect is very cool and nice, and the typography they play with is very interesting.
-Just that for the enter page, when it click into the home page, it doesn't look consistent anymore. It's like a different site, but it's pretty nice. The music also makes me don't feel like closing the site.
-The navigation is clearly stated there. considered a beautiful commercial website too.
www.euphoria.com.my
-Euphoria, a very creative commercial web design.
-The effect is very cool and nice, and the typography they play with is very interesting.
-Just that for the enter page, when it click into the home page, it doesn't look consistent anymore. It's like a different site, but it's pretty nice. The music also makes me don't feel like closing the site.
-The navigation is clearly stated there. considered a beautiful commercial website too.
Competitor 3 - Popi Cafe
http://www.popi.be/
-This website actually is not bad one, but because they fix everything inside that rectangular box, makes it looks a bit too simply. However, the effects of the neon light behind is kinda creative and pretty well done.
-The navigation is clear, because there's only 3 buttons i believe everyone notice that. It's lack of some pages.
http://www.popi.be/
-This website actually is not bad one, but because they fix everything inside that rectangular box, makes it looks a bit too simply. However, the effects of the neon light behind is kinda creative and pretty well done.
-The navigation is clear, because there's only 3 buttons i believe everyone notice that. It's lack of some pages.
Competitor 4 - Quattro
http://www.clubbing9.com.my/index.php?/Club-Quattro-Avenue-K-Kuala-Lumpur.html
-This is one of the competitor for Asian Heritage Row.
-The biggest problem that i found in this website is the own title/logo didn't show out, it makes ppl hard to recognize that this is Quattro website.
-Secondly, The color that they applied is too colorful, don't have a focus point. even though it's purpose design for night life, but this is still too flat.
http://www.clubbing9.com.my/index.php?/Club-Quattro-Avenue-K-Kuala-Lumpur.html
-This is one of the competitor for Asian Heritage Row.
-The biggest problem that i found in this website is the own title/logo didn't show out, it makes ppl hard to recognize that this is Quattro website.
-Secondly, The color that they applied is too colorful, don't have a focus point. even though it's purpose design for night life, but this is still too flat.
Friday, May 15, 2009
-4 URL of design tutorials
-http://abduzeedo.com/amazing-photoshop-light-effect-10-steps
-http://www.good-tutorials.com/
-http://www.tutorialman.com/
-http://www.tutorialized.com/tutorials/Flash/Web-Design/1
-http://www.good-tutorials.com/
-http://www.tutorialman.com/
-http://www.tutorialized.com/tutorials/Flash/Web-Design/1
-4 URL of HTML/CSS/Javascript code library tutorials
-http://htmldog.com/guides/cssadvanced/
-http://www.htmlcodetutorial.com/
-http://www.echoecho.com/html.htm
-http://www.tizag.com/htmlT/
-http://www.htmlcodetutorial.com/
-http://www.echoecho.com/html.htm
-http://www.tizag.com/htmlT/
Tuesday, May 12, 2009
note : web design 2
Understand Website Development Process
-Understanding : Site definition and planning
-Planning : Information architecture
-Design : Site Design
-Development and Test : Site construction
-Launch : Site marketing
-Maintain : Tracking, evaluation, maintainance
What is "ORPHAN" site?
URL : http://webstyleguide.com/process/develop.html
Blog
-4 screenshots of client's website
-4 URL and screenshots with analysis of competitor's website
-4 URL and screenshots with analysis of beautiful commercial web
-4 URL of HTML/CSS/Javascript code library tutorials
-4 URL of design tutorials
-Understanding : Site definition and planning
-Planning : Information architecture
-Design : Site Design
-Development and Test : Site construction
-Launch : Site marketing
-Maintain : Tracking, evaluation, maintainance
What is "ORPHAN" site?
URL : http://webstyleguide.com/process/develop.html
Blog
-4 screenshots of client's website
-4 URL and screenshots with analysis of competitor's website
-4 URL and screenshots with analysis of beautiful commercial web
-4 URL of HTML/CSS/Javascript code library tutorials
-4 URL of design tutorials
Friday, April 17, 2009
Saturday, April 11, 2009
Subscribe to:
Posts (Atom)