Thursday 10 May 2012

Nice Websites (Analysis)



Ayamas (http://www.ayamas.com.my/)

1) The design suits with the branding.
2) Nice color scheme.
3) Wise use of space to avoid overloading informations on 1 page.
4) Interesting photo montages are used with a little animation going on.
5) User friendly as the navigation buttons are simple and obvious.








Greatworks (http://www.greatworks.se/)

1) The hierarchy is played well within a grid system.
2) Designs are very minimum.
3) Instead of using squarish boxes for the picture borders, circles are used with a little touch of an icon.
4) Since little visuals are used, the typography plays a big role.
5) Navigation buttons are very simple but it suits the overall mood of the website.







  

LEGO (http://www.lego.com/en-us/Default.aspx)

1) The little animation makes the overall look more lively and fun, kids would love it.
2) Design visuals look fun and exciting.
3) In some pages the navigation button designs change to fit the mood of other games.
4) Bright colours are used, suitable for LEGO.













UNIQLO (http://www.uniqlo.com/my/corp/)

1) It looks neat and sleek.
2) Pictures play an important role here since it's the key point to sell their products.
3) Even though the logo is in red, the website doesn't really use that much of red for the layout design, the designer made it look "classy" by putting a bright colour against black and white, it speaks out the brand.
4) Jquery is pretty much used as the pictures will change, it makes the website look less static.
5) Lots of buttons are hidden within the navigation bar, only when you mouse over it, you'd see other buttons. A good way to keep the outlook neat and easy to the eyes.





Wednesday 9 May 2012

VITAGEN's competitors



Yakult (http://www.yakult.com.my/)

1) A strong competitor to VITAGEN since it's worldwide.
2) Target Audience : Family.
3)Web design so far is very corporate, neat, however a bit dull.
4) Strength : Worldwide product ; Weakness: Dull website.
5) Home page: It feels like it's overloaded with different fonts, a bit messy.








Nestle (http://www.nestle.com.my/Brands/Pages/Brands.aspx)

1)Website looks neat.
2)Target Audience: Family.
3)It looks soothing and elegant, loaded with lots of information set within grid system.
4)Strength : It is a big company with lots of various products ;Weakness: The web can use some infographics to enhance the content, looks boring at the moment.











Nutrigen

(http://www.nutrigens.com/index.html)

1)Website looks rather unprofessional.
2)Target Audience: Kids.
3)Bad typographic considerations especially the random uppercase letter highlights.
4)Strength : Packaging design might be able to attract kids since it's better than vitagen ;Weakness: The poorly designed website that contains lots of potential.










CalciYum

(http://www.calciyum.co.nz/index.php/pi_pageid/14)

1)Website looks fun at first, but every page looks the same.
2)Target Audience: Kids.
3)Lacking of grid system, the layouts seem random.
4)Strength : Fun looking packaging design ;Weakness: Rather boring website for kids, it's not fun at all.


Wednesday 4 January 2012

1) This website is nice because : 
a) It's very elegant and modern in terms of the layout, colours and typography.
b) It's very user-friendly, users would know where they are and what to click.
c) There are some pages where they only pop up the more information as you scroll down to avoid having a heavy page full of texts.
d) The buttons are big in size to have a more ease of clicking them.





2) This website is nice because :
a) The colour mood is very fun and attractive.
b) It's very user friendly as users would know what page they're on.
c) The visuals are very unique and interesting. 







3) This website is nice because :

a) The art direction is very relaxing to look at.
b) Bright and minimal colours are used to make it look simple and nice.
c) Typography and layout are very comfortable to read and look at.
d) Simple. 








4) This website is nice because :


a) It looks simple and comfortable, feels like the site doesn't mean to stress users out.
b) Even it's in a language that I don't understand, I roughly know which page I'm on. When I want to go back to the other page, I can easily do that.
c) The typography fits the mood perfectly.
d) The picture section looks crowded, but users should know where to focus on when they click on one of the pictures.




Good Tutorial Sites for Photoshop/ Illustrator

http://psdlearning.com/


http://www.webdesign.org/


http://abduzeedo.com/


http://pshero.com/

Tuesday 3 January 2012

3 Project Initial Ideas for Web Design 1

1) How to do well in presentations. (tell stories, show pictures, don't apologize, start & end strong,gesture and pausing for important topics)

2) How to make anyone like you. (must like others 1st, to win friends- be a friend, humor, don't talk too much/ little, being well informed)

3) How to manage time properly. (set goals, realize how I spend my time, plan my time, realize the advantages)

Sunday 19 June 2011

My first polaroid

The picture above is a reference from my lecturer.
For this one above, I tried to make it look as similar to the reference as possible before the tutorial was taught.
This is the final outcome that I did after using the tutorial as my guide

Photos of me, before and after photoshop

Before photoshop


After photoshop