Hannstar Web Site Creation

瀚宇彩晶股份有限公司
網站規劃企劃案

亞通國際資訊股份有限公司 Asia-Today International Corp.
Asia-Today brings new communication way to you


瀚宇彩晶股份有限公司
網站建置規劃書
一、網站企劃重點
1. 確定目標：網站之規劃是以推廣瀚宇彩晶之形象推廣。目標群是
以既有客戶與國外市場的開發為主。
2. 網站製作：瀚宇彩晶的網站製作是以形象建立、推廣行銷通路、
與基本互動功能（如電子報的發佈、問題諮詢、與徵才
等）為主。
3. 首頁規劃：首頁是一個網站的門面。豐富的首頁版面內容與表現，
可以吸引上網者進入網站內閱覽。所以，在首頁的規劃
上可以使用最新的網頁製作技術，來表現瀚宇彩晶與眾
不同的風格。
4. 內頁規劃：內頁之版面與格式，以最清楚明瞭的方式來展現，以
方便上網族或客戶閱覽。
5. 網站內部連結：網頁之間的連結順暢，是在網站規劃上不可忽視
的一環。流暢的網站內部連結，可以讓上網者盡興地遨
遊在瀚宇彩晶完善的服務之中。再加上網頁版面的視覺
設計，更有相得益彰的效果。
6. 其他規劃重點：將連結圖示及標題圖示的設計，加入其他效果，
如影像合成、手繪圖畫或動畫等技術，使網站表現更多
樣化。

2

臺北市松江路 220 號 6 樓 604 室 TEL:02-25819062 FAX：02-25819067
URL: www.asia-today.com E-Mail : webmaster@asia-today.com


二、網站設計重點
在設計瀚宇彩晶的網站時，以「清楚、有效、速度、有趣、測試」為設計
原則。亦就是－清楚地表現瀚宇彩晶的企業形象、有效地推廣瀚宇彩晶的行銷
通路、網頁的下載速度快、趣味化的網站企劃與版面設計、以及不斷地測試網
站功能以致完美。
1. 網站架構：瀚宇彩晶網站設計為英文版。其內容有－『Profile』
、『Products』、
『Services』『Human Resource』『New Info』『Contacts』『Site
、、、、
Map』等七個單元。
2. 風格確立：避免與其他網站類似設計風格。以最新技術來設計出
活潑以及富創意的一套讓上網者留下印象深刻的網頁。此
外，網站亦會以確定的目標群，來設計出符合其需求的網
站。

3. 下載速度：注重首頁門面及主要分類大項連結的順暢以減少上網
者在下載時等待的時間。

4. 版面設計：版面設計配合瀚宇彩晶之企業特質，並力求清新亮麗、
以及給上網者有專業、有活力的感覺。
5. 版面色系：版面色系以瀚宇彩晶企業識別系統之色系為基礎，並
展現明亮清新的企業形象與永續經營的特質為主要目標。

3



三、網站內容單元說明
瀚宇彩晶企業網站的整體網頁規劃與製作，是配合網際網路目前的發展特
性－資訊化、個人化、趣味化、互動化、以及資源整合，來做適當的設計。各
大單元的細部說明如下：

Home
首頁是一個網站的門面。在設計瀚宇彩晶的網站首頁時，以簡單、清楚、明瞭
的美式風格來呈現。可讓客戶在首頁中即能找到欲瀏覽的單元。

Profile
此單元為瀚宇彩晶的公司基本資料由於瀚宇彩晶是屬於集團的一員所以在內
。
容部分有集團的簡介。各細項說明如下－
A. The Group：集團簡介。包含『Management Team』『Capital』
、、與
『Organisation Chart』等三細項。如集團內之企業有自屬
網站時，可利用超連結（Hyper-Link）的方式來連結各企
業。
B. Investors Relations：此為提供投資者瀚宇彩晶的財務概況。內容包含
『Financial Highlight』與『OTC』等兩部分。其中『OTC』
為一連結圖示，為因應政策連結到證管會，以提供投資者
獲得更詳細的資料。
C. Missions：介紹瀚宇彩晶的沿革簡表以及創立的目的。
D. Professions：介紹瀚宇彩晶在製造上或研發上都具有世界級的水準。
E. Development：簡短介紹瀚宇彩晶在未來發展上的規劃與目標。
F. Location：為了讓客戶能夠快速且方便地到達瀚宇彩晶，特別在此部份
規劃了『Tour Guide』
，以實景的方式來引導客戶，以互動
『Show Room』
的方式來介紹到達瀚宇彩晶的路線。此外，
4



可以 360 度實景環場來介紹瀚宇彩晶的廠區景觀。讓客戶
更能夠了解瀚宇彩晶。

Products
此單元為介紹瀚宇彩晶的產品系列。每樣產品包含了『Features』、
『Configuration』、與『Applications』等部份，來提供客戶完整的產品介紹。
此外，在『New Products』部分則是介紹瀚宇彩晶最新研發製造的產品，並
且可以在首頁中顯示訊息。

Service
服務的品質一直是客戶最關心的。所以特別在網站中規劃此單元，來介紹瀚宇
『Hannstar Global』
彩晶一系列的服務。內容有－（瀚宇彩晶的世界行銷網）、
（瀚宇彩晶的高品質保證）『Online Solutions』
『Warranty』、（提供經銷商訂
購、維護、甚至 OEM/ODM 的服務）『VIP』
、（既有客戶專區）『Downloads』
、
（包含驅動程式與產品目錄的下載）。

Human Resource
此單元為瀚宇彩晶的人力資源區主要介紹瀚宇彩晶在員工福利與教育訓練上
。
所做的努力，以提升瀚宇彩晶整體的企業形象。此單元包含有－『Benefits』、
『Training』『Refreshments』
、、以及『Resume』線上履歷表填寫功能。

New Info
即時性的消息傳輸是網際網路的特色之一因此在此單元中特別規劃了管理介
。
面，方便瀚宇彩晶隨時更換最新的訊息。其中包含有『Exhibitions』『Media
、
News』、以及可和產品介紹之單元作連結，以增加方便性。

5



Contacts
雖然此階段的規劃著重在形像建立，但基本的互動功能是不可免的。所以聯絡
管道的提供是此次規劃的重點之一。此單元規劃了網際網路 Form-to-mail 的
功能，可以依照客戶所點選的項目，將意見傳輸到相關的部門或聯絡人的電子
信箱中以減少不必要的流程，更能節省不必要的時間浪費，提供客戶最即時的
回應系統。

Site Map
為未來網站的擴充考量，在規劃瀚宇彩晶的企業網站時，特別設計了網站地
圖，讓客戶能在最簡短的時間內找到所欲瀏覽的單元。

6



四、瀚宇彩晶網站架構簡表
主單元次單元次單元備註
Management 管理團隊
Team
The Group
Capital 資本額
Organization Chart 組織架構
Financial Highlight 財務簡述
Investors Relations
OTC 連結至證管會
Profile
Missions 經營理念
Professions 專業技術
Development 未來發展
Tour Guide 實景引導至瀚宇彩晶
Location
Show Room 360 度實景環繞
Features 產品說明
Configuration
Product 1 規格
Applications 產品應用
Features
Products 產品說明
Configuration
Product 2 規格
Applications 產品應用
可與 New Info 連結
New Products
Hannstar Global 全球行銷網
Warranty 產品保證
Services
Suppliers Info 經銷商訊息
Online Solutions
Ordering Info 採購訊息

7



Maintenance 產品售後服務
VIP 既有客戶專區
Benefits 福利措施
Training 員工訓練
Human Resource
Refreshments 休閒活動
Resume 線上履歷表
Exhibitions 展覽訊息
New Info Media News 平面雜誌報導
New Products 新產品介紹
Contacts 線上表格填寫

8



網站架構表
以下拉式選單方式選擇語言
Choose a Language
版本
Home Latest News
兩單元可互相連結
Site Map

Human
Profile Products Service New Info Contacts
Resource

Exhibitions
Product 1 Benefits
Hannstar Global
The Group
Training
Media News
Features Warranty
Management
Team Refreshments
Configuration New Products
Online Solutions
Capital
Resume
Applications
Organisation
Suppliers Info
Chart
以固定格式
Product 2
Investors 讓客戶填寫
Ordering Info
Relations 意見或者建
議
Maintenance
Financial New 提供線上填寫履
Highlight Products 歷表
OTC OEM/ODM

Missions
既有客戶專區
VIP

Professions Downloads

以PDF唯讀檔格式來
Online Catalogues
Development 提供客戶最新的目錄
提供客戶下載驅動程
Drivers
式的功能
Location
兩單元可互相連結
以實景導覽的方式引導客戶到
Tour Guide 達瀚宇彩晶
360度實景環場展示瀚宇彩晶
以既完成之
Show Room
之廠區及各項設施

9



五、網站建置明細表
首頁圖片連結標題圖片影像動畫 HTML JAVA CGI 管理
項次主題內容
規劃處理圖示圖示繪製合成製作程式程式介面介面

1 Home 1 4 8 1 1 1 1

Profile/The
2 Group/Management 2 9 1 1
Team

3 Capital 1 1 1

4 Organisation Chart 3 1 1 1

5 Investors Relations 2 1 1 1

6 Missions 1 1 1

7 Professions 1 1 1

8 Development 1 1 1

9 Location/Tour Guide 專案報價

10 Show Room 詳見價格預算表之說明

11 Products 3 1 1 1

Product 系列介紹
12 專案報價

10



報價與 Product 系列介紹之價格相同
13 New Products

14 Service/Hannstar Global 5 1 1 1 1

15 Warranty 2 1 1

Online
16 Solutions/Suppliers 4 1 1 1
Info

17 Ordering Info 1 1 1

18 Maintenance 2 1 1

19 OEM/ODM 1 1

20 VIP 1 1 1 1

21 Downloads 2 1 1

22 Online Catalogues 專案報價

23 Drivers 1 1

Human
24 4 4 1 1 1
Resource/Benefits

25 Training 3 1 1

11



26 Refreshments 4 1 1 1

27 Resume 1 1 1

28 New Info/Exhibitions 2 1 1 1 1

29 Media News 3 1 1 1

30 Contacts 1 1 1 1

31 Site Map 專案報價

首頁圖片連結標題圖片影像動畫 HTML JAVA CGI 管理
項次主題內容
規劃處理圖示圖示繪製合成製作程式程式介面介面
總數量 1 26 41 25 4 5 5 25 1 3 4

說明：
藍色字體為第一層單元
綠色字體為第二層單元
紅色字體為第三層單元

12



六、網站建置價格預估表
項次摘要數量單價小計備註
首頁規劃
1 1 15000 15,000
圖片處理
2 26 400 10,400
連結圖示
3 41 400 16,400
標題圖示
4 25 400 10,000
圖片繪製
5 4 600 2,400
影像合成
6 5 1,500 7,500
動畫製作
7 5 1,500 7,500
HTML 內頁程式設計
8 25 2,500 62,500 單元內頁程式編寫
JAVA 程式設計
9 1 5,000 5,000 下拉式選單製作
CGI 介面
10 3 10,000 30,000
Tour Guide
11 1 150,000 150,000 實景導覽功能
Show Room 4,000 說明 1
12 1 4,000
管理介面
13 4 7,000 28,000
Product 介紹 21,000 說明 2
14 3 7,000
Online Catalogues 3,000 說明 3
15 3 1,000
Site Map
16 1 6,000 6,000
37,870 網站製作費之 10%
網站規劃費
17
小計 416,570 元
營業稅 20,829 元
總計 437,399 元

說明：
1. 因 360 度實景環場之內件已完成，故此單元之費用為網頁之頁面美編與內件互
動功能之修正。
13



2. 各產品之介紹費用包含：HTML 程式撰寫、標題圖示、圖片處理、圖片繪製、
影像合成、以及動畫製作之內容。
3. Online Catalogues 之單元計價方式將各份文件轉為 PDF 唯讀檔案以及嵌入網頁
內頁程式中之費用，並提供線上閱覽或下載。
4. 網站規劃費包含網站設定、網站架構設計、規劃網站內容、網站人數計數器、
文案資料整理與規劃、以及登錄搜尋引擎等。
5. LOGO 及圖案設計以數量計算，不計重複使用部份。
6. Graphic 以難易程度計算，如影像處理、圖片繪製及影像合成、而有不同計價方
式。
7. 連結圖示含 image map、圖示設計繪圖及 hyper link 設定。
8. 網站之製作總金額以實際製作完成價格計算.
9. 製作時間：簽約收訂金後，依合約書訂定條件完成。
10. 付款方式：依合約書訂定條件付款。

14


Hannstar Web Site Creation

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Mais de Tim Lu

Mais de Tim Lu (20)

Último

Último (11)

Hannstar Web Site Creation