R3 基本形象網站案例介紹

黃大哥包車旅遊

R3 基本形象網站案例介紹

響應式網頁技術

網站類型：企業形象，購物網站建置目的：推廣品牌與商品網址： www.fishermen-eshop.com.tw

R3 基本網站功能：1. 內容管理系統2. 客戶管理系統3. 購物車系統4. 會員管理系統

Ｒ３參考案例

RWD響應式網頁設計（ Responsive Web Design）

自適應式網頁設計在目前是較新網頁技術，在國外已非常風行，自適應式網頁設計透過 CSS3 及 JQueay 網頁技術，讓手機、平板、電腦網站使用同一網站的圖文內容及資料庫，網頁程式會根據使用者的裝置解析度大小，自行調整至符合版面大小的樣式來顯示。透過自適應式網頁設計技術，無須像以往電腦版網頁及行動版網頁需分開設計，一次設計就能滿足所有使用者需求。

▲ 自適應式網頁可依不同裝置之解析度調整其版面配置及文字大小

不使用 Flash技術

目前多數網頁設計仍以 Flash 技術為主，因設計較省時且成本較低，但多數行動裝置無法支援 Flash 網站。目前 CSS3 及 JQueay 網頁技術已可做出與 Flash 相同的動態效果，本團隊為提高網頁的民眾使用的友善度，將不使用 Flash 技術。

專案名稱：黃大哥包車旅遊

網站架構圖

網站架構圖

首頁

關於我們 後台編輯器一頁後臺可新增分頁

最新消息 消息列表後台編輯器一頁

消息內容後台編輯器一頁

旅遊景點 相本列表後台新增相本

相片內容後台新增相片

客戶感謝信 列表 + 內容後臺可編輯新增一頁呈現

行程規劃 行程列表後台可新增分類

行程內容後臺可新增內容

顧客留言 留言板列表

發佈新話題

留言內容

預約訂車 填寫表單 送出

客服中心 聯絡表單 送出

相關網站案例介紹

網站類型：企業形象、網路型錄建置目的：推廣品牌與商品上線時間： 2014 年 5 月網址： http://test.qsite.com.tw/a1021212/html/

案件背景：蓁樂旅遊是由一群台灣大車隊的司機大哥成立。針對目前陸客來台眾多所設計網頁。

網站類型：企業形象、網路型錄建置目的：推廣品牌與商品上線時間： 2014 年 5 月網址： http://test.qsite.com.tw/a1021212/html/product4.asp

自成規劃：可知道您的貴賓在行程出發前預約資訊。可即時掌握調配排成人員。

預約訂車

網站類型：企業形象、網路型錄建置目的：推廣品牌與商品上線時間： 2014 年２月網址： http://www.jus-tai.com/msgboard.asp

留言板功能：方便您與您的客戶在網站上溝通。

留言板

網站類型：企業形象、網路型錄建置目的：推廣品牌與商品上線時間： 2013 年 8 月網址： www.cihhang.org.tw

相簿系統管理功能：方便您用相簿方式呈現產品及美麗風景。

相簿系統管理

R3 基本形象網站案例介紹

形象網站案例介紹

網站類型：企業形象、網路型錄建置目的：推廣品牌與商品

上線時間： 2014 年 5 月網址： http://

www.derfang.com.tw/

案件背景：新環隆機械是一家有 28 年歷史的白鐵與銅製品加工廠，為擺脫傳統鋼鐵機械工廠破舊而重新設計網頁

前端功能 / 架構介紹 – 歡迎頁

社群分享機能( 預留 )

看版輪播機能推廣理念，並具有引導瀏覽者點選

可由後端更新連結與圖片

主要商品 /服務介紹(固定設計 )

最新消息區塊 ( 由後台更新 )

技術介紹區塊

下拉式目錄選單可由後台編輯內容

商品目錄選單與上方選單同步，皆可由後台編輯

商品列表由後台內容管理系統編輯與增刪

檔案下載機能可由後端上傳檔案提供下載

前端功能 / 架構介紹

後端功能 / 架構介紹 – 主介面 /流量統計

後台主選單主要提供網站內容編輯與客戶管理。並可由此上傳檔案，提供網站訪客下載。

100 % 完全自行開發的內容管理平台我們具有根據此架構修改客製系統功能的專業能力

流量統計系統

內容目錄管理您可自由增刪網站的內容，設置您想要的目錄結構。

內容資料管理可自由新增型錄內的商品與目錄

後端功能 / 架構介紹 – 內容目錄管理

文字編輯器修改大小 / 顏色 / 編排等等。

圖片插入功能可以大量上傳圖片，一次插入

圖片插入功能可以大量上傳圖片，一次插入

文字貼入功能從WORD或是文字檔案貼入，支援表格、特殊符號等等。

後端功能 / 架構介紹 – 網頁編輯器

引以為傲的強大功能 – 商品快速上傳

需要一次新增多件商品？您只要將商品的圖片準備好，並將圖片的檔案名稱設為商品的品名，接著框選扔進這裡面，就可以一次新增完成！

一次上傳完成！

框選檔案丟進來按”開始上傳”

網頁製作流程說明

初步規劃規畫網站最重要的是收集資訊，我們的規劃師會協助您找出競爭對手的網頁，用作您網頁設計的參考。包括視覺風格與功能等等。

簽立合約規劃架構完成後，便可簽立合約開始製作。這個階段會需要您支付 50% 的網站製作費用。

資料準備，定期會議接著開始準備網頁設計需要的各項素材，例如LOGO 、型錄，若需攝影也會在這個階段進行。網頁設計需要大量的溝通才能確保品質。此階段專案管理員將每周定期與您進行線上會議，請務必每周撥冗與我們溝通討論。

風格設計提案資料準備完成後開始進行風格提案，設計師會與您連繫討論網頁設計需求，依初步規劃找到的參考案例進行討論設計。

組版與程式設計設計風格確定後，進入版面組成與程式設計作業，這階段依案件的複雜度時間不等，須耐心等候。

測試修改階段組版完成意味著網站已大致完成，開始進行線上測試，這階段會請您支付 30% 的網站費用，以利進行測試與修改。

正式上線進行維護完成測試與修改後，支付最後 20% 款項。網站便可正式上線，接著就由客服部為您進行維護的各項服務。

Ｒ３基本網站專案費用說明項目 說明 費用 備註

RWD歡迎頁 + 主板頁設計

1. 網頁第一歡迎頁設計，幾乎可以說是成敗的關

鍵

2. 主版面設計，也是網頁閱讀操作的主要核心

3. 手機 / 平版 / 各種解析裝置皆可瀏覽之版面設

計

16,800

程式頁面設計

可由後台可更新的程式網頁設計，包括：

公司簡介 / 最新消息列表 / 最新消息內容 / 商品

列表 / 商品內容 等等。

30,000

留言板

網友可在網站上留言，由站長進行後台回覆，留言

可設定為私密留言，僅有站長可以看見，是增加網

站互動性的好工具。

3,000

首頁看板設計 橫幅設計 4張，後台可更換橫幅並設定連結。 3,000 新增每張 1000

表單資料庫 預約訂車：表單一頁 +送出 3,000

電子相簿系統 可後台新增，相本及相片 3,000

虛擬主機與網址 WINDOWS進階主機，支援 SQL Server 與 .NET

4.04,000 空間 1GB流量

30G

內容管理系統 後台可自由更新內容的管理平台，含流量統計系統 贈送

客戶管理系統 線上連絡表單，填寫後可送到後台與指定信箱 贈送

驚爆價： 59800

聯絡方式專案經理： 楊千輝電話： 04-2378-6668

E-MAIL ： lighter@webits.com.tw

SKYPE ： hi728

地址： 台中市西區忠明南路 499 號 5F B3

網址： www.qsite.com.tw

感謝撥冗閱讀