hannstar web site creation

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

亞通國際資訊股份有限公司 Asia-Today International Corp.

Asia-Today brings new communication way to you



臺北市松江路 220 號 6 樓 604 室 TEL:02-25819062 FAX：02-25819067

URL: www.asia-today.com E-Mail : [email protected]

2

瀚宇彩晶股份有限公司

網站建置規劃書

一、網站企劃重點

1. 確定目標：網站之規劃是以推廣瀚宇彩晶之形象推廣。目標群是

以既有客戶與國外市場的開發為主。

2. 網站製作：瀚宇彩晶的網站製作是以形象建立、推廣行銷通路、

與基本互動功能（如電子報的發佈、問題諮詢、與徵才

等）為主。

3. 首頁規劃：首頁是一個網站的門面。豐富的首頁版面內容與表現，

可以吸引上網者進入網站內閱覽。所以，在首頁的規劃

上可以使用最新的網頁製作技術，來表現瀚宇彩晶與眾

不同的風格。

4. 內頁規劃：內頁之版面與格式，以最清楚明瞭的方式來展現，以

方便上網族或客戶閱覽。

5. 網站內部連結：網頁之間的連結順暢，是在網站規劃上不可忽視

的一環。流暢的網站內部連結，可以讓上網者盡興地遨

遊在瀚宇彩晶完善的服務之中。再加上網頁版面的視覺

設計，更有相得益彰的效果。

6. 其他規劃重點：將連結圖示及標題圖示的設計，加入其他效果，

如影像合成、手繪圖畫或動畫等技術，使網站表現更多

樣化。





3

二、網站設計重點

在設計瀚宇彩晶的網站時，以「清楚、有效、速度、有趣、測試」為設計

原則。亦就是－清楚地表現瀚宇彩晶的企業形象、有效地推廣瀚宇彩晶的行銷

通路、網頁的下載速度快、趣味化的網站企劃與版面設計、以及不斷地測試網

站功能以致完美。

1. 網站架構：瀚宇彩晶網站設計為英文版。其內容有－『Profile』、『Products』、

『Services』、『Human Resource』、『New Info』、『Contacts』、『Site

Map』等七個單元。

2. 風格確立：避免與其他網站類似設計風格。以最新技術來設計出

活潑以及富創意的一套讓上網者留下印象深刻的網頁。此

外，網站亦會以確定的目標群，來設計出符合其需求的網

站。

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

者在下載時等待的時間。

4. 版面設計：版面設計配合瀚宇彩晶之企業特質，並力求清新亮麗、

以及給上網者有專業、有活力的感覺。

5. 版面色系：版面色系以瀚宇彩晶企業識別系統之色系為基礎，並

展現明亮清新的企業形象與永續經營的特質為主要目標。





4

三、網站內容單元說明

瀚宇彩晶企業網站的整體網頁規劃與製作，是配合網際網路目前的發展特

性－資訊化、個人化、趣味化、互動化、以及資源整合，來做適當的設計。各

大單元的細部說明如下：

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』





5

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

更能夠了解瀚宇彩晶。

Products

此單元為介紹瀚宇彩晶的產品系列。每樣產品包含了『Features』、

『Configuration』、與『Applications』等部份，來提供客戶完整的產品介紹。

此外，在『New Products』部分則是介紹瀚宇彩晶最新研發製造的產品，並

且可以在首頁中顯示訊息。

Service

服務的品質一直是客戶最關心的。所以特別在網站中規劃此單元，來介紹瀚宇

彩晶一系列的服務。內容有－『Hannstar Global』（瀚宇彩晶的世界行銷網）、

『Warranty』（瀚宇彩晶的高品質保證）、『Online Solutions』（提供經銷商訂

購、維護、甚至 OEM/ODM 的服務）、『VIP』（既有客戶專區）、『Downloads』

（包含驅動程式與產品目錄的下載）。

Human Resource

此單元為瀚宇彩晶的人力資源區。主要介紹瀚宇彩晶在員工福利與教育訓練上

所做的努力，以提升瀚宇彩晶整體的企業形象。此單元包含有－『Benefits』、

『Training』、『Refreshments』、以及『Resume』線上履歷表填寫功能。

New Info

即時性的消息傳輸是網際網路的特色之一。因此在此單元中特別規劃了管理介

面，方便瀚宇彩晶隨時更換最新的訊息。其中包含有『Exhibitions』、『Media

News』、以及可和產品介紹之單元作連結，以增加方便性。





6

Contacts

雖然此階段的規劃著重在形像建立，但基本的互動功能是不可免的。所以聯絡

管道的提供是此次規劃的重點之一。此單元規劃了網際網路 Form-to-mail 的

功能，可以依照客戶所點選的項目，將意見傳輸到相關的部門或聯絡人的電子

信箱中以減少不必要的流程，更能節省不必要的時間浪費，提供客戶最即時的

回應系統。

Site Map

為未來網站的擴充考量，在規劃瀚宇彩晶的企業網站時，特別設計了網站地

圖，讓客戶能在最簡短的時間內找到所欲瀏覽的單元。





7

四、瀚宇彩晶網站架構簡表

主單元次單元次單元備註

Profile

The Group

Management

Team

管理團隊

Capital 資本額

Organization Chart 組織架構

Investors Relations Financial Highlight 財務簡述

OTC 連結至證管會

Missions 經營理念

Professions 專業技術

Development 未來發展

Location Tour Guide 實景引導至瀚宇彩晶

Show Room 360 度實景環繞

Products

Product 1

Features 產品說明

Configuration 規格

Applications 產品應用

Product 2

Features 產品說明

Configuration 規格

Applications 產品應用

New Products 可與 New Info 連結

Services

Hannstar Global 全球行銷網

Warranty 產品保證

Online Solutions Suppliers Info 經銷商訊息

Ordering Info 採購訊息





8

Maintenance 產品售後服務

VIP 既有客戶專區

Human Resource

Benefits 福利措施

Training 員工訓練

Refreshments 休閒活動

Resume 線上履歷表

New Info

Exhibitions 展覽訊息

Media News 平面雜誌報導

New Products 新產品介紹

Contacts 線上表格填寫





9

網站架構表

Home

Profile Products ServiceHuman

ResourceNew Info Contacts

The Group

Investors

Relations

Missions

Professions

Development

Location

Financial

Highlight

OTC

Tour Guide

Show Room

Management

Team

Capital

Organisation

Chart

Product 1

Features

Configuration

Applications

Product 2

New

Products

Hannstar Global

Warranty

Suppliers Info

Ordering Info

Maintenance

Online Solutions

VIP

Benefits

Training

Refreshments

Resume

Exhibitions

Media News

New Products

OEM/ODM

Latest News

Site Map

Downloads

Online Catalogues

Drivers

Choose a Language

以實景導覽的方式引導客戶到達瀚宇彩晶

以既完成之360度實景環場展示瀚宇彩晶之廠區及各項設施

既有客戶專區

以PDF唯讀檔格式來提供客戶最新的目錄

提供客戶下載驅動程式的功能

兩單元可互相連結

以固定格式讓客戶填寫意見或者建

議

以下拉式選單方式選擇語言版本

兩單元可互相連結

提供線上填寫履歷表





10

五、網站建置明細表

項次主題內容首頁

規劃

圖片

處理

連結

圖示

標題

圖示

圖片

繪製

影像

合成

動畫

製作 HTML程式

JAVA程式

CGI介面

管理

介面

1 Home 1 4 8 1 1 1 1

2 Profile/The Group/Management Team

2 9 1 1

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

12 Product 系列介紹專案報價





11

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

14 Service/Hannstar Global 5 1 1 1 1

15 Warranty 2 1 1

16 Online Solutions/Suppliers Info

4 1 1 1

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

24 Human Resource/Benefits

4 4 1 1 1

25 Training 3 1 1





12

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

說明：

藍色字體為第一層單元

綠色字體為第二層單元

紅色字體為第三層單元





13

六、網站建置價格預估表

項次摘要數量單價小計備註

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

8 HTML 內頁程式設計 25 2,500 62,500 單元內頁程式編寫

9 JAVA 程式設計 1 5,000 5,000 下拉式選單製作

10 CGI 介面 3 10,000 30,000

11 Tour Guide 1 150,000 150,000 實景導覽功能

12 Show Room 1 4,000 4,000 說明 1

13 管理介面 4 7,000 28,000

14 Product 介紹 3 7,000 21,000 說明 2

15 Online Catalogues 3 1,000 3,000 說明 3

16 Site Map 1 6,000 6,000

17 網站規劃費 37,870 網站製作費之 10%

小計 416,570 元

營業稅 20,829 元

總計 437,399 元

說明：

1. 因 360 度實景環場之內件已完成，故此單元之費用為網頁之頁面美編與內件互

動功能之修正。





14

2. 各產品之介紹費用包含：HTML 程式撰寫、標題圖示、圖片處理、圖片繪製、

影像合成、以及動畫製作之內容。

3. Online Catalogues 之單元計價方式將各份文件轉為 PDF 唯讀檔案以及嵌入網頁

內頁程式中之費用，並提供線上閱覽或下載。

4. 網站規劃費包含網站設定、網站架構設計、規劃網站內容、網站人數計數器、

文案資料整理與規劃、以及登錄搜尋引擎等。

5. LOGO 及圖案設計以數量計算，不計重複使用部份。

6. Graphic 以難易程度計算，如影像處理、圖片繪製及影像合成、而有不同計價方

式。

7. 連結圖示含 image map、圖示設計繪圖及 hyper link 設定。

8. 網站之製作總金額以實際製作完成價格計算.

9. 製作時間：簽約收訂金後，依合約書訂定條件完成。

10. 付款方式：依合約書訂定條件付款。

hannstar web site creation

Education