Shopping I

Ng Boon Yi - Shopping ( PART I )


*1st UPDATE*

Description on the Individual Ideation of the Link.

The idea of this link is to present the shop lots at Suria KLCC . Basically , I will insert some pictures and also the description for each shop by category to deeply explain on what the stores can provides to the customers. The link are clearly located and can access to the information easily.

Objective of the Link.

This link is created so that people can know more about the shopping life style at Suria KLCC . Besides that , to attract audience to shop at Suria KLCC and encourage not only foreign tourist , but also local visitors from other states . They may notice that the advance of Everyday Service's stores , Housewares's stores , Leisure's stores , Accesories's stores , and Anchor's stores that can provide them


Design of GUI


We use dreamweaver to create our website .
From homepage , you can see a Banner on the top of the page , few link below the banner , picture and video and also the description will also include in this page .When you click on the word 'Shopping' , it will bring you to the next page like picture shown at below.



We divided 'Shopping' into Part I and Part II . So , I will do the Part I.  There will be a banner at the top of the site and below are the links for other parts of about Suria KLCC . On the left side , there have a sidebar which contain five links that including 'Everyday Service' , 'Housewares' , 'Leisure' , 'Accessories' , and 'Anchor' . Also , pictures and videos will be put for the contents followed by the description . 


Flow Chart of Individual Site.


The main one will be Shopping and then come down to five links which is 'Everyday Service' , 'Housewares' , 'Leisure' , 'Accessories' , and 'Anchor' Below all of the sub links , there will be two more links for each sub links which is contents and pictures . 



Use of Tools

I will be using Dreamweaver CS5.5 to create the 'Shopping' webpage and also the links to my 5 sections.
Besides that, I will be using Photoshop CS5 for those selected pictures of the stores that will be added in and also Flash CS5.5 for the slides show of those pictures that will be added in.



Reference

1) Suria KLCC, 2011, [ Online ], Retrieved on 23 August 2011, from 
http://www.suriaklcc.com.my/shopping/




*2nd UPDATE*

We decided to use the same banner and templates as our blog . This is because we want to standardize our group project website . We also decided to use black colour for our background .

This is the picture that we choose for our Banner .

I used Adobe Photoshop to make the size of this picture fix with the Banner .


This is the sample templates that was created by our leader to standardize our whole website .


* 3rd UPDATE*

My groupmate Sallyn , create this 'Homepage' for shopping part .
This will much easier to link it onto our main group facebooking website .


This 'Homepage' is links to others groupmates link of their part . 
The side bar have two sub link that links to one of my groupmate part and my part that is 'Shopping (Past I)' and  'Shopping (Past II)' .
There also include a flash to get audiences curiosity to click into our parts .

Create this flash by using Adobe Flash CS5.5 .


* 4th UPDATE*


As I follow the GUI design that i mentioned in 1st update , I create my homepage of Shopping (Part I) website .

There have some changes of GUI design that shown above . I added in 'Shopping (Part II) onto my side bar because can link with each other sites easily .

I done my Shopping (Part I)'s homepage by using Adobe Dreamweaver .

I also create a flash by using Adobe Flash to welcome my audiences .



* 5th UPDATE*

I start to create each sub links page by using Adobe Dreamweaver .
Before start to create website , we have discuss the design on our assignment 3 .We decided to use same template to standardize our website .

I have create a folder named 'Shopping I' , and inside this folder have another 3 folders that contain 'Pictures' , 'HTML' and 'Flash' .
By this way , it is easy for myself and also for my leader to link my part to the Main page of Suria KLCC .

New > choose 2 column fixed , Left sidebars , Header and Footer > Create .

My leader send the design sample to all groupmates to let us follow .
Background-Black
Font-Time New Roman


* 6th UPDATE*

Next , I will start to create my sub links page using Adobe Dreamweaver .
I follow my GUI design and flowchart to make my page and make everything simple . 

As the information that provided from the reference website are too much , therefore I pick up some of it which is main focus of audiences love to shop along with the picture .

Below are the sub links that my website will look like .

♥ Everyday Service page 


♥ Housewares page 



Leisure page 


 Accesories page 


 Anchor page 


With all of these , I've completed my updates for my all webpages .


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



Shopping

There are a lot of shops whereby every customers can enjoy the shopping of many choices.
Such as Everyday services, Fashion, Housewares, Leisure, Health & Beauty, Tech/ Electronics, Sports & Fitness, Accessories and Anchor.


Everyday Services
This has included Alice Noor Exchange, CIMB, Master Manshop, RHB Bank and etc
Customers included foreign tourist can easily exchange their currency into ringgit to do their shopping easily.


Fashion
There are a lot of branded clothes, bags and etc.
Example, MANGO, Louis Vuitton, Jimmy Choo and more.


Accessories
Jewellery, Sunglasses, Timepieces and more.
Example, Cortina Watch, Frank Muller, TAGHeuer and more.


Leisure
Book/ Stationery, Cigars, Florist, News Agent and more
Example: Davidoff, Crystal Corner, SWAROVSKI, Legacy and etc.


Tech/ Electronics
Computers, Electronics, Photo & Equipment and etc
Example: Canon, Foto Point, HTC, Celcom Blue Cube and etc.


Health & Beauty
Beauty/ Skincare, Hair Salon, Pharmacies and etc.
Example, Burt's Bees, Crabtree & Evelyn, Sephora and etc.


Anchor
Major Retailers and Supermarkets
Example: Cold Storage Supermarket, Isetan, Parkson and etc.



Sports & Fitness
Fitness/ Health Equipment and Sports are all available.
Example: Stadium, Fitness Concept, Nike and etc.


Housewares
Electrical & Electronics, Home Decor.
Example: Best Denki, LG, Khazanah, Dynasty Antique Gallery and etc.



1 comment:

  1. No use of tools (it is not just what tools you used but how you use it and description and screen shots), not much content, no references. This is week 12. No longer week 8. Need more for progress at this stage. Also your references is just a list of URL, you must place it near the object or material that is used.

    ReplyDelete