Web Designs - Lipton / Puma

I  did some web design exercise during my study at Uni. The exercise example was LIPTON commercial website & Puma. Both website is built with FLASH.

LIPTON

The website purpose is for user who seek to understand LIPTON's products and latest product promotion. The website background design is a tea farm and natural surrounding. The main color theme is green and yellow.

The  Loading Page.

The tea-bag will moving down when the loading progress is running smoothly.

When the site finished loading, a splash video will play for the website.

After splash video has finished, user will come to the Main Page of LIPTON website. There are interactive MENU for better viewing experience in the website. The MENU will hide at the right upper corner when user navigate to the sub page.

This is LIPTON's PRODUCT page. Customer can view all the LIPTON's products information through this informative page.  The main product page will display the available products and description of the products.

This is a PROMOTION page of LIPTONnewest product. Beside the product's banner, there are a short description of new product and launch date / information.

 

Hope you'll Enjoy it :D

-----------------------------------------------------------------------------


PUMA TEEN CLUB

The main web purpose is to promote PUMA TEEN CLUB to teenage -who likes fashion, sporty, and outgoing.

Besides that, the latest news about new arrival suits will be promoted. Teenage can join PUMA TEEN CLUB via register on the membership page. Registered member has member's benefit when purchasing PUMA products.

Beside that, PUMA TEEN CLUB will organize some contest to their member.

-----------------------------------------------------------------------------
OTHERS

I also had learn to create some web template in University.

The main theme of the website is culture. I had choose Chinese culture as my design concept on this web template. There's some flash animation at the background of the pagoda which is a navigator of the site and the website is fully develope in flash.

This website is develop as a gray scale template. I had apply some random animation on the surrounding elements of this web template. This website is develop in flash as well.



This is a web template for my studied university -Multimedia University. I choose to use colorful square to create a creativeness and playful feel. This is my first HTML website ever.