網頁設計公司報價 vs 網站架設費用

	網頁設計公司報價	網站架設費用
虛擬主機	費用與「套版或客製化網站方案」綁定。 建議詢問： 主機是不是 SSD (Solid State Drive 固態硬碟) ？ 免費 SSL 憑證？ 免費 Cloudflare DDoS 攻擊防護？ 資料中心/機房位置？ 每週或每日備份？ 有沒有全年無休 24 小時客服？	共享主機 (Shared hosting) 每月 2 ~ 10 美元 雲端主機 (Cloud hosting) 每月 30 ~ 300 美元
套版網站	10,000 ~ 50,000 新台幣 每年網站維護費？	WordPress主題/模板/版型：每年 0 ~ 60 美元 WordPress外掛 (SEO, 表單, 社群分享…) ：每年 0 ~ 120 美元
客製化網站	50,000 ~ 500,000 新台幣（透過需求分析決定）
套版購物型網站	30,000 ~ 70,000 新台幣（金流服務成交手續費每筆 0 ~ 30 新台幣 + 交易金額抽成 2% ~ 4%） 每年網站維護費？	WooCommerce (WordPress的外掛之一) 每年 0 美元（金流服務成交手續費每筆 0 ~ 1 美元 + 交易金額抽成 2% ~ 4%）
客製化購物型網站	120,000 新台幣以上（透過需求分析決定）

RWD (Responsive Web Design 響應式網頁設計) 是基本要求——連免費 WordPress 佈景主題都已是RWD。

網站架設流程

1. 註冊網域（申請一個路標）
2. 設定DNS（把路標指向租來的那塊地）
3. 租用虛擬主機（租一塊地）
4. 安裝架站軟體（來蓋房子），以WordPress最常見

網頁設計範例

Tesla

• 簡單的呈現產品（沒有代言人、鮮豔文字和背景圖案）
• 品牌名稱（Model 3）
• 產品特色（ 3.3 秒從時速 0 到 100 公里、 619 公里續航里程、雙馬達全輪驅動）
• 行動呼籲按鈕（立即訂購）

Model 3 訂購頁面

• 「所見即所得」產品規格客製化訂單
• 聊天機器人 (Chatbot) 輔助售前服務
• 多國語言

星巴克

• 新產品上市（可可綿雲瑪奇朵、鹹焦糖風味綿雲瑪奇朵、查看更多新品）
• 會員行銷（誰是你的完美組合？完成任務領取優惠）

Airbnb

• 搜尋引擎（位置、入住、退房、人數）
• 推薦系統/隨機（隨心所欲）
• 供應商開發（成為房東／體驗達人）
• 多國語言

Asana

• 含顧客價值的標題（高效開展重要工作，避免徒勞無功的困局。）
• 行動呼籲按鈕（開始使用）
• 多國語言

iCloud

• 含品牌名稱的標題（iCloud）
• 含顧客價值的標題（存放你所有照片、檔案及更多資料的最佳空間）
• 行動呼籲按鈕（升級至 iCloud+）
• 行動呼籲（升級至 iCloud+，享有更多強大的功能與儲存空間，每月 NT$30 起。）

MacBook Pro 訂購頁面

• 「所見即所得」產品規格客製化訂單
• 聊天功能（有任何關於購買 Mac 的問題嗎？和專員聊聊。）
• 分期付款（提供零利率分期付款優惠）

Zendesk

• 含目標客群的標題（全方位客戶服務領航者）
• 行動呼籲按鈕之體驗行銷（免費試用）
• 行動呼籲按鈕之客戶名單收集（觀看示範、取得報告、立即註冊、下載報告）
• 多國語言

Foodpanda

• 含顧客價值的標題（從美食到生鮮雜貨 上萬種商品 馬上點馬上到）
• 搜尋引擎（輸入你欲送達的地址）
• 招募人才（歡迎加入我們的外送團隊）
• 供應商開發（與foodpanda合作，讓更多人享受你的餐點跟商品吧！）

Google Workspace

• 含目標客群的標題（各種規模的團隊如何聯絡溝通、創作內容及協同合作）
• 行動呼籲按鈕之體驗行銷（開始免費試用）
• 產品演示 (Product demo) 影片

Uber

• 差異行銷（搭乘、訂購外送、優步企業版）
• 搜尋引擎（輸入上車地點、輸入目的地）
• 招募人才（上線開車或外送）
• 多國語言

其他架站平台

• Wix.com
• Google協作平台
• Squarespace
• Weebly
• Strikingly

電商平台

• WordPress架站軟體 + WooCommerce外掛
• Shopify
• Magento
• Ecwid
• BigCommerce
• 91APP
• SHOPLINE
• B2B、B2C、C2C、B2B2C平台

網頁設計師

	UI、UX設計師	前端工程師	後端工程師	DevOps (Development + Operations) 工程師
設計軟體	Figma, Sketch, Adobe XD, InVision Studio, MockFlow, Adobe Photoshop	Visual Studio Code, Eclipse, IntelliJ IDEA, Vim, PyCharm, Chrome開發者工具	同左（前端工程師）
程式語言	HTML, CSS	HTML, CSS, JavaScript, Sass	PHP, Python, Java, SQL, NoSQL	[大致了解各種程式語言]
框架		Bootstrap, jQuery, Vue.js, React	Node.js, Ruby on Rails
技能	使用者研究, 資訊架構, Prototyping, 視覺傳達設計, RWD常用斷點/尺寸設定, 易用性測試	RWD寫法, Git指令, WordPress, API串接	系統分析與設計, Linux指令, CDN, Redis, Apache, Nginx, MySQL, REST API, JSON API	伺服器作業系統, 網路安全, 基礎設施＆應用程式監控, Git指令, Ansible指令, Jenkins CI/CD, Docker指令, Kubernetes, AWS, Azure, GCP

網路行銷公司：案例、平台與工具推薦