坤里興企業官方形象網站 - fs.fju.edu.t¤里興SA1_0-0419.pdf · 2....
Transcript of 坤里興企業官方形象網站 - fs.fju.edu.t¤里興SA1_0-0419.pdf · 2....
坤里興企業官方形象網站
專案開發企劃
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 主旨 內容
驗証碼 送出 清除
map 崁入
11
5. 後台系統管理單元
5.1 管理員權限管理 1. 最高管理者可設置多名管理者的帳號、密碼,新增、修改、刪除、管理及查詢的權限。 2. 不同層級的管理者可瀏覽及管理的單元不同,充分的保留擴充之彈性。
5.2 郵件模板管理系統 1. 系統建置時,可針對網站常會應用到的通知郵件,進行設定服務。 2. 建站完成後,網站管理者仍可修改發送郵件主旨、寄送 email、和通知信件內容。
5.3 首頁圖片管理系統 1. 首頁 BANNER區塊依設定大小上傳產品圖片、產品名稱、產品連結。