Skip to content

RWD響應式網頁設計

製作說明

RWD 
網頁是什麼?

響應式網頁設計(Responsive Web Design)簡稱RWD,又稱適應性網頁、多螢網頁設計,網站使用CSS3,以百分比的方式以及彈性的畫面設計,在不同解析度下改變網頁頁面的佈局排版,讓不同的設備都可以正常瀏覽同一網站,提供最佳的視覺體驗,也就是同一個網頁不論是在桌機丶筆電丶平板或是手機都可完美呈現!是因應移動平台的用戶大量增加而想出的一個對應方法。

 

更多內容

RWD BG 4 1

優點特性

 Benefits Features

有利網路行銷
節省網站設計成本
方便使用者瀏覽
有利搜尋排名
search2
google-icon

Google 修改搜尋演算法
未來排序將以行動優先 !

Google 這幾年為提倡行動版內容,在搜尋中不斷提高行動版網頁的搜尋排序權重,近日再宣佈未來將逐步以行動版內容決定網站搜尋排名,將嚴重影響不重視行動版內容的網站排序。

已使用RWD製作之網頁將不受影響…..  更多內容

TEAM LEADING

官網建立,訴說品牌故事,為您量身打造專業的網站平台

餐廳主題
spa thumb
app-bg
tool thumbs
3c thumbs
swatch thumbs
portfolio image1

風格

加強瀏覽者第一印象,依品牌形象客製設計你的網站風格

可比創意網站製作說明
可比創意網站製作說明

新穎

不僅版面美術風格、視覺排版、專業攝影師的技術上,能製作出與一般套用式的網站風格完全不同,我們能以更專業服務來為您量身訂做官網

專業

團隊成員包含企劃、設計、程式、攝影,案件不外包、品質好掌控
可比創意網站製作說明
parallax blog 1

Process

專案流程規劃

Step 1

規劃

_____________________

為什麼要做網站

規劃網站事先準備是?

初步規劃著重於雙方溝通

確定報價及簽約合約內容 

Step 2

製作

_____________________

網站風格討論

首頁版型設計

提供設計demo

 

Step 3

上線

_____________________

網站製作系統建置

正式上稿及測試階段

上線前置作業

網站正式上線

Step 1

為什麼要做網站

時代改變了人們的生活方式與習慣也改變了消費者對獲得訊息的管道和工具

imac-ipad-1
可比創意網站製作說明

消費者對網站的需求…

網站貼近每個人的生活,使我們生活更加便利,現在網站規劃除了建公司形象外也多了很多便利性的操作,例如民宿飯店能增加更方便的預定管理功能,建立購物區功能,賣特惠餐券、住宿券等,吸引顧客行銷功能等等。我們能用更有效率的方式製作網站,使消費者都能使用的更容易,觀看操作也能更便利,具整體性的完善規劃,讓您網站建立後能事半功倍,業績成長。

更多內容

 

history

沿革

...1970

傳統名片 Name Card
最古老但效果最小的公司介紹

nc

1980

宣傳單 DM
介紹簡略又瀏覽率低的公司介紹

ci5

1990

企業簡介手冊 Brochure
效果普通但成本高的公司介紹

brochure

2001

企業影片介紹 AD Video
效果不錯但成本高又有曝光不易的問題

ping

2012-NOW !

公司的名片

企業網站 ALL IN ONE 
包含文字、圖像 、影片,完整介紹 ! 擁有Google 大神加持,曝光率高,RWD功能符合現今消費者使用習慣。

可比創意網站製作說明
可比創意網站製作說明

規劃網站的
事先準備是?

當您準備要製作網站前,要有充分事先準備好數據資料、公司的相關文案內容、產品分類資訊、產品圖片、網站功能需求,網站喜好風格參考等詳細內容。

 

更多內容

初步規劃著重於溝通

我們著重於客戶的想法與需求上的滿足,希望能更進一步瞭解公司網站需求及內容,並且依照討論過後的初步結果來提供整體網站規劃的架構、功能介面及建議報價。

communication
sign

網站規劃清楚後
確定報價及簽約內容

將網站規劃確立後,並且評估專案報價最終簽約價格,會準備合約書一式兩份、用印。

Step 2

風格走向討論

雙方進一步討論網站視覺風格。此階段將討論網站是否需依循CIS(企業識別系統)、VI(視覺識別),並由客戶提供logo電子檔等相關資源。若無視覺系統,則雙方共同討論網站所使用的色彩、設計風格、版型配置。

首頁版型設計

此階段將依先前討論的色彩、元素、風格、版型配置進行首頁提案,並提供設計稿與客戶討論、調整、定稿。

bg shop2
3c thumbs

提供初步設計demo

由客戶提供內頁所需圖片、文字,供後續內頁版面設計。初步各內頁資料,請提供完整數據資料及公司形象照片。有了這些資料,設計師才能設計出與實際網頁相似度高的設計稿。若是『產品介紹』,則需提供版面上所要出現的內容(例:標題、簡述、產品圖)。盡量以提供實際要放上去的內容為主。

Step 3
nle

網站系統建置

正式製作階段工作將會建立網站後台管理系統,並逐項實作前台各單元功能、頁面。開始逐一建立客製化程式設計,網頁切版細部微調、圖片文字尺寸調整、確定圖片尺寸、文字字間行距製作調整、網頁圖文內容修訂、文字訂正,設計製作工作需非常繁複的不斷進行製作測試,就是為了讓使用者在閱讀上能更順暢並且兼顧整體美觀性。

正式上稿及測試階段

當網站內容架設完成時,會請客戶上網實際測試頁面的瀏覽並提出校稿後的問題清單,以供設計師進行細部修正調整。

thumbs-media
contact us

上線前置作業

準備DNS資料、主機連線資料,此階段視專案情況而定。DNS:若需委由可比處理,則由客戶提供DNS管理平台登入帳號密碼,交付可比進行DNS指向。若是客戶自行管理DNS,則可自行設定將DNS指向到網站新主機。主機若已委由可比處理,將直接進行網站轉移上線。若是客戶自行管理主機,則需提供FTP、MySQL連線資料,由可比進行網站轉移上線。

ONLINE

網站正式上線

網站轉移至正式主機,待DNS指向生效後,網站即正式上線(於瀏覽器輸入網址後,可以看到新的網站)。一般而言,DNS指向需12~24小時。

網站上線後,可比將進行網站各項上線檢核。例:聯絡表單發信測試、網頁目錄安全性設定、加入Google分析、網站搜尋引擎登錄。

最後會進行優化網站,優化網站即『搜尋引擎最佳化』是針對搜尋引擎作最佳化的處理,能讓網站在google排名能名列前茅,以提高網站的被搜尋機會,更能增加高度的曝光率。

ASSESSMENT

專案估價

估價方面根據客戶的網站製作基本條件內容開出標準費用,其餘根據額外部分單元客製化系統的要件,再額外評估計算費用。

可比程式設計團隊,針對模組化管理系統再做客製調整,或採用模組化管理系統+部份單元客製化系統,多種方案可以有無限多種變化延伸。

經濟簡易版

內容主要為網站整體視覺風格規劃及產品介紹,包含RWD,適合個人工作室、網路商店、商品規模種類不複雜之小店家,收費NT 39800起。

立即了解

 

企業標準版

除了基本標準內容外,另依照客戶需求增加功能項目像是購物車、多國語系、專屬部落格、線上預約系統等等。收費NT  88800起

立即了解

 

進階強化版

依照客戶需求加強產品呈現的質感與瀏覽者對企業更深入的了解,專業的產品攝影及經營者對企業精神與理念錄影內容等

立即了解

 

icon-footer-top