CSL Website Ideation

What is my ideation for the website?

• After creating the Logo and CSL Planet, I began to start on my website. I play with the CSS and jQuery because many great product seller website like iPhone,Nokia and Sony using the CSS.This is because it is easy to show load of information, images and design.

• Below is the description of my website and scripts that I have used.The look and design of my website has the element of the CSL Planet (like seen at the website background image and color scheme.)

The button is using the CSS3 script which have the easing effect when hover over it.The tooltip is the simple description before clicking the link.

The red mark shows the jQuery slideshow to display new products or advertisement. The 6 row of div to show the newest product,advertisement and contact or support.

For quickest way consumer to see the Agnes Monica advertisement,they simple click the button then the overlay page will come out.The script that have been used is the FancyBox.The video is embed from the Youtube.

Find the nearest store page is also using the FancyBox script.

For the product display, I used the jquery gallery (as shown with red mark) because it is look more minimalistic and easy to use.Many popular website like Haier use this kind of script to show their products.

• The main objective of creating the website beside of the design is the functionality. Our lecturer asks us to put action PHP-at least sending email to database.So I follow up some tutorial on the internet to create the CSL Support and Contact form.This form can be fill in by consumer and I also included the CAPTCHA.CAPTCHA is the Challenge Response test used in many website to avoid spammer.My CAPTCHA used is the simple calculation.

Support and Feedback form with CAPTCHA