坤里興企業官方形象網站

專案開發企劃

SA

Rev 1.0

April 19 ,2012

Date of revision

Prepared by:

Aryn Yeh Sales Representative， Taiwan

Copyright © 2012 by InterGroup, Inc.

I

目錄

1.1項目開發背景.................................................................................................................................. 1  1.2網址：尚未申請.............................................................................................................................. 1  2.1 網站架構......................................................................................................................................... 1  2.2網站風格檢核表.............................................................................................................................. 2  3.1 Corporation Identity System（CIS企業識別系統） ..................................................................... 3  3.2 Home Page (Design Layout Instructions) ........................................................................................ 3  4.1 關於我們......................................................................................................................................... 5  4.2 產品介紹......................................................................................................................................... 6  4.3 聯絡我們 4.3.1 前面頁面-聯絡我們頁面 .................................................................................. 10  5.1 管理員權限管理........................................................................................................................... 11  5.2 郵件模板管理系統....................................................................................................................... 11  5.3 首頁圖片管理系統....................................................................................................................... 11  

1

1.前言 Introduction

1.1 項目開發背景 網站單元、架構、內容、與設計做全面規劃設計，透過網站風格形象傳達企業風格及產品特性。

1.2 網址：尚未申請

1.3 網站語系：繁體中文

2.專案組織架構 (Organization of the Project)

2.1 網站架構

 

 

主選單  

 

 

第二層  選單  

 

 

內容  

 

 

程式規劃  預  估  

頁  數  

        關於我們  

可自行新增選項

公司簡介

我們的服務

……

關於公司介紹內容頁面 內容編輯器管理 1

產品介紹  

可自行新增選項(4層)

潤滑油脂包裝

氣動 pump零組件

……

產品列表頁 產品詳細資料 產品分類管理

產品管理系統 2

聯絡我們   無 聯絡資料

聯絡表單

聯絡我們管理

1

繁 體 中 文 頁 面 預 估

4

2

2.2 網站風格檢核表

網站設計需求總覽

行業別 潤滑油.潤滑脂定量包裝、化妝品.保養品定量充填包裝、塑膠軟管定量充填、塑膠軟管

定量充填封尾、鋁箔袋定量包裝

網站類型 ■形象網站

網站訴求客群

(瀏覽對象)

語系 ■繁體中文語系

模板編號 ■ 模版編號：36763

原網站 http://kinlihsing.myweb.hinet.net/pordliuf.html

參考網站

網站路徑 參考重點、方向(Ex：顏色、效果…等)

網站色系 同模版色系

頁面設計風格

Logo 先依模板的樣式制作

Slogan 沒有

網站名稱 坤里興企業有限公司

內頁版型

上下固定，左側導航

頁腳顯示內容

□ 公司名稱 坤里興企業有限公司

□ 公司地址 台中市神岡區神林路 1383號

□ 聯絡電話 04-2562-2823

□ 公司傳真 04-2562-2825

□ 客服 Email 無

FB路徑 無

3

3.User Interfaces Design (用戶介面設計)

3.1 Corporation Identity System（CIS企業識別系統） Logo 作為各頁面點選回首頁的按鈕

請先比照模板的 logo樣式制作 http://livedemo00.template-help.com/wt_36763/index.html#

後台支援管理者自行更新 Logo的功能。

3.2 Home Page (Design Layout Instructions) 模板設計參考：   http://livedemo00.template-­‐help.com/wt_36763/index.html#  

改成 坤里興企業

Kin li hsing

4

. LOGO：請比照模板的 logo樣式制作。點擊回到首頁。

.形象圖：輪撥效果。 後台首頁圖片管理，可以讓管理者自行上傳更新圖片、下標題及點擊連結路徑

.主選單：主選單單元

首頁 Home 關於我們 About Us 產品介紹 Producs 聯絡我們 Contact Us

. Slogan: 專業●品質●服務

professional ● Quality●Service

. 產品分類介紹

1.抓取後台產品分類的名稱及簡介文字

2.點擊 read more連結到這個分類的產品列表頁

3.後台設定顯示在首頁的 3個分類。

. 關於我們

抓取關於我們的內容文字

. 產品特性

. 頁腳：

坤里興企業有限公司

Tel：04-2562-2823 Fax：04-2562-2825

Copyright ©2012 坤里興企業有限公司 All rights reserve

1.分成 新品 、 熱門 、推薦 3個特性。 2.每個特性固定帶出 3個產品。 3.左側帶出產品圖，右側帶出產品名稱。 4.點擊產品圖或是名稱進入產品詳細頁。 5.後台產品上架可以設定產品特性。系統固定抓最後設定的 3筆資料。

5

4. 前台各單元頁面

4.1 關於我們

4.1.1 前面頁面

首頁 Home 關於我們 About Us 產品介紹 Producs 聯絡我們 Contact Us

點擊主選單「關於我們」，進入第一個分類頁面

4.1.2 後台功能 -關於我們管理 1. 關於我們的第二層選單的每個單元內容以內容編輯器編輯。 2. 視覺化範本單元編輯功能更強大、更易操作。在單元編輯中引用樣式代碼概念， 並支援樣式的自定義、標籤的自定義。 3. 在網站構架上支援主選單、次選單的頁面產生，適合大型網站的構建。 4. 後台內容管理介面方便於企業內部人員隨時更新。 5. 支援對網站地圖的視覺化編輯，使網站層次架構一目了然。

首頁>關於榤禾>我們的理念

關於我們

公司介紹

服務項目

我們的客戶

6

4.2 產品介紹

4.2.1 前面頁面 -產品列表頁

首頁 Home 關於我們 About Us 產品介紹 Producs 聯絡我們 Contact Us

點擊主選單「產品介紹」，進入第一個產品分類下面的所有產品列表頁面

產品分類

油包

油條

油槍

油罐

首頁>產品介紹>油包

油包 1 油包 2 油包 3

油包 4 油包 5 油包 6

7

說明： 1. 左側產品分類可以編輯至第四層

1.1點擊第一層，帶出下面第二、三、四層的產品。 點擊第二層，帶出下面第三、四層的產品。 以此類推。 1.2 商品分類最多到第四層，但是也會有只有二、三層的情況。 2. 帶出產品名稱、圖片。點擊名稱圖片皆可進入產品詳細頁。

產品分類

油包 >

油條

油槍

油罐

汽車用 >

機車用

自行車用

玩具用

美國制 >

日本制

小型車

休旅車

大型車

8

4.2.2 前面頁面 -產品詳細頁

首頁 Home 關於我們 About Us 產品介紹 Producs 聯絡我們 Contact Us

點擊產品圖及產品名稱，可以進入瀏覽產品詳細內容頁面

說明：

1. 後台可上傳 4張產品圖，前台點擊小圖可以放大圖片

放大效果同這個網站：http://www.collection.com.tw/goods.php?id=1010

2. 商品介紹區塊，由客戶自行在後台的內容編輯器裡進行內容編輯。

3. 點擊商品詢價，連結到聯絡我們頁面。且主旨帶出我要詢問商品{商品型號 商品名稱}

產品分類

油包

油條

油槍

油罐

首頁>產品介紹>油包>油包名稱 1

產品型號: 123456

產品名稱: 油包

產品介紹

用途

規格尺寸

商品詢價

9

4.2.3 後台功能 -產品管理 1. 目錄管理，支援管理者自行新增編輯產品的分類

2. 後端產品上架後可新增、修改商品項目及前台顯示排列順序。

3. 產品上架後，可於後端資料庫更改產品前台顯示狀態，可更動為禁用或隱藏產品，

4. 產品規格及介紹說明可由管理員自行於內容編輯器內定義。

5. 網站編輯器功能：文字、插入圖片、超連結…等類似信件編輯功能。

6. 可上傳多張產品圖，前台點擊小圖可以放大圖片

後台產品列表

搜尋條件

• 關鍵字搜尋產品型號、產品名稱

• 產品分類：下拉選項

新增產品

序號 產品型號 產品名稱 產品分類 是否開啟 操作

編輯 刪除

後台產品詳細頁

點擊編輯可查看產品詳細資料 *為必填欄位

產品建立日期 日期+時間

*產品型號

*產品名稱

*產品分類 選擇分類 (可複選)

*是否顯示 ○ 是 ○ 否

序號

*產品屬性 ○ 新品 ○熱門 ○推薦

產品資料

10

4.3 聯絡我們

4.3.1 前面頁面-聯絡我們頁面

首頁 Home 關於我們 About Us 產品介紹 Producs 聯絡我們 Contact Us

點擊主選單「聯絡我們」，進入聯絡我們表單頁面

4.3.2 後台功能 -聯絡我們管理 1. 可於後台設定指定發送的收件者，讓相關服務人員可快速得到客戶詢問問題。 2. 點擊即可送出至指定信箱，不需另開出 outlook 信箱。 3. 聯繫表單必填資訊設定，讓管理人員可以獲得完整聯繫資訊。 4. 系統亂數判別碼服務，可大幅降低收到垃圾郵件機會，讓系統多一層安全防護！ 5. mail欄位請做基本的 mail格式判斷

首頁>聯絡我們

歡迎填寫表單與我們聯繫，

或是直接電話與我們聯擊。都會有專人提供您服務。

姓名 電話/手機

Mail 主旨 內容

驗証碼 送出 清除

Google

map 崁入

11

5. 後台系統管理單元

5.1 管理員權限管理 1. 最高管理者可設置多名管理者的帳號、密碼，新增、修改、刪除、管理及查詢的權限。 2. 不同層級的管理者可瀏覽及管理的單元不同，充分的保留擴充之彈性。

5.2 郵件模板管理系統 1. 系統建置時，可針對網站常會應用到的通知郵件，進行設定服務。 2. 建站完成後，網站管理者仍可修改發送郵件主旨、寄送 email、和通知信件內容。

5.3 首頁圖片管理系統 1. 首頁 BANNER區塊依設定大小上傳產品圖片、產品名稱、產品連結。