4 beautiful websites analysis (Cool Designs)

Seeing as Flash Websites aren't in trend right now and learning it would be pointless if you're going into Web Design. What's in now is CSS3 and HTML5 and it's been booming and I mean booming hard.

So I've decided to focus less on Flash and more to CSS and HTML. Now that I've decided to do web development in the future I think it's best for me to start looking at new concepts and new types of websites.

Here are some of my findings. This is also done for my webdesign assignment.

1. ZwartwitMedia's Website
Website Link


Website Analysis
- The Arrangement is very nice! It's consistent throughout the page
- Typographic hierarchy is really good
- This website utilises the new Jquery scripting
- Website doesn't use flash
- Graphic elements are great! The mood they have chosen for this website is really special

2. Guilhermegarcia's Website
Website Link


Website Analysis
- Left justified design. Makes it really clean and simple
- Single page design, also utilising the new Jquery scripting
- Nice content arrangement
- Minimalist with good typographic hierarchy


3. Pioneer-steez's Website
Website Link


Website Analysis
- I personally really love this website! It's amazing how the graphic elements slide about in the layout
- Also a single page design
- Really creative way on placing the graphics
- Street style graphics that is themed really well with


4. Michelegiorgi's Website
Website Link


Website Analysis
- A very nice portfolio website that is clean and simple
- This website has really good typography. The hierarchy is good
- Website graphics are good. A balance between design and pictures
- Minimalistic website, straight to the point.

SSF Home Competitor's Websites

IKEA's Website
Website Link



The Good
- Very categorized layout.
- Clean and simple
- already has a brand image

The bad
- Layout is slightly inconsistent
- Website is slightly confusing

Haus's Website
Website Link



The Good
- Very clear and simple
- Minimalist design, looks professional
- neat categorization

The Bad
- Lacks a little bit of graphic elements
- Page by page website. No interesting media.

Bellini's Website
Website Link



The good
- Looks professional, clean and simple
- minimalist design
- direct and clear

the bad
- lacks graphics
- lack depth in the website (but it serves it's purpose)

Alibaba's Website
Website Link




The good
- The Branding
- Very categorized layout

The bad
- looks really messy
- quite confusing for customers (same like IKEA's website)
- Not much use of special fonts
- Hierarchy is weird ( No definite focus point, almost like IKEA's website)

Conclusion
Removing sound from the SSF home might be the best. It's annoying and it's not properly implemented into the website. The Design side the website needs to be more clear and simple, too much elements on the website makes it distracting. The navigation is slightly misleading and i think it's bad for websites to not notify it's visitors that a pop-up will happen.

3 Ideas or more for my website

1. How to make your photos look professional!
I'll show you how to maintain the quality of your pictures from shooting till
uploading online my way!

2. Cleaning as fast as you can!
I'll show you how to clean up in less than 5 minutes and do things, little things
faster and quicker.

3. How to use a Glidercam like a pro
Hard to master but easy to learn. I will give you tips on how to use it.

4. How to live a college life
show you how to live the luxury life, the cheap life, the moderate life as a college student.

4 Good websites and Analysis

1. Mc'Donalds Website
Mc'Donald's Webpage

My Analysis
1. Very good use of type. Size of type uses a hiearchy flow.
Typeface recognized here is
Rockwell.
2. Proper use of hiearchy
3. This website uses a properly arranged and designed gird system.
4. Good readability and Flow
5. Content is properly arranged nicely and categorised.
6. Good navigation design. “It was easy to browse through!”
7. Memorable Identity

2.The White House Website
The White House

My analysis
1. The type used in this website looks interesting. Like a newspaper. Many of them are Serif fonts.
2. Usage of Italic and Script fonts.
3. This website uses a properly arranged and designed gird system.
4. Good readability and Flow
5. Information packed but nicely placed in site.
6. Nicely categorised navigation.
7. Meaningful colors and of American theme.

3.Logitech's Website
Logitech Website

My analysis
1. Simple usage of type.
2. Minimal usage of text. Clean and simple.
3. Centered layout. Balanced.
“Everything in one page”
4. Enough content to get you to want to view more.
5. Special and simple way of categorising their products.
6. Very smooth and easy to access navigation links.
7. Choice of colors makes it unique and easy to remember.

4.BBC website
BBC Website

My analysis
1. Type used fits well with thier logo. Looks professional.
2. Bold text for categories
3. Using grid system. Site is properly arranged to show important news from top to bottom.
4. Short and informative. Fast read. Clear.
5. Categorized according to type of news.
6. Fast navigation. Minimal waste of time.
7. Elegent of professional Identity.

4 Photoshop/Illustrator tutorial goodies

Websites that have interesting tutorials
for photoshop and illustrator.
http://abduzeedo.com/
http://psd.tutsplus.com/
http://vector.tutsplus.com/
http://webdesignledger.com/




1.Photoshop tutorial, Video tutorial!


2.Another epic photoshop tutoria and still a video!!


3. Extremely hard tutorial but looks worth it.


Tutorial Link: http://psd.tutsplus.com/tutorials/icon-design/polaroid-camera-icon/
Final outcome of this tutorial



4. Webdesign 2.0 tutorial. Looks good.
Tutorial Link: http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-professional-web-2-0-layout/

Consider walking (Interactive video!)

Consider Walking campaign
The objective of this campaign is to reduce traffic on the road and to promote walking among the Malaysian people. Using Youtube for interactivity to convey the message out to people.



Thank you to everyone who filled in the survey! Really helpful!

Beautiful Information

Click THE IMAGE to enlarge it!