MOSES Net Design Guidelines
Design for http://www.swissinternational.com.hk/
Home Page
Red: Master frame
Blue: Main page content
|
|
Product List Page
Red: Master frame
Blue: Page content (e.g. product list, product detail, about us…)
Yellow: Content page side bar across all pages (optional and can be in other position)
|
|
List of components available for Master frame, main page or side bar
Site menu
|
Vertical style
Horizontal style
*The available layout is the above two.
ghdfhdf
*Mobile style site menu
|
Sliding banner
|
*Can use arrow or dots to navigate
|
Language switch
|
*Separator can be removed
|
Shopping cart shortcut
|
or
*Icon or text is optional
|
Search box
|
*Button can be text or icon
|
Products box
|
Image at top, Item name, description, price and add to cart button (optional) (or sold out text) (must be in order)
Image on the left, Item name, description, price and add to cart button (optional) (or sold out text) (must be in order)
*Rows and columns can vary, style can vary but the items must be in order (image, item name, description, price, add to cart button)
|
Login link
|
Before: after logged in:
*Can be text or image
|
Static Banner
|
|
Text or any HTML
|
|
Breadcrumb
|
|
Category panel
|
|
Components of product list page
http://www.swissinternational.com.hk/locale/en-US/itemtable.aspx?netcatid=6c7d25a2-cd3c-4704-b153-ea39522aa5a6&corpname=swiss
Please refer to the below image (next page)
Title
|
Category title
|
Functional bar
|
Each function can be shown or hidden but cannot change
|
Category banner
|
Can add image banner above or below the product list for each category
|
Product grid
|
Rows and columns can vary, style can vary but the items must be in order (image, item name, description, price, add to cart button)
|