大家好，我是 applemint 的代表─佐藤。
最近很幸運的碰到了一個網站建置的需求，所以想寫一篇 applemint 正在做的網站建置內容，並將我們的成本及交期等資訊公開。讀完這篇文章，相信你可以深入了解網站製作的成本和交期。
網站製作前：網站製作流程及時間
從結論來說，通常交期取決於網站的頁數，而一般網站的正常交付時間約為 2-3 個月，如果只是單頁式的 Landing Page 則為 1-2 個月，接著來說明這個時間是如何推估出來的。
釐清網站目的/顧客需求訪談
在規劃網站時，我們會先與客戶進行需求訪談，如果客戶網站需求的「目的」很明確，並且對網站內容已經有一定的想法，那我們會非常感激。
這裡的目的指的是更具體的行銷目標：是增加品牌知名度、提高網站內容訂閱率、增加產品曝光 (型錄網站)，抑或是增加網站停留時間等。
舉例來說，像是餐廳的網站，這類型的網站通常有很清楚的目的，可能是「預訂」或「顯示菜單」；相對的，如果目的不明確，計劃的時間拉長了，完工時間就會相對的長。
網站專案流程
接著我們進入主題，當 applemint 在建立網站時，會按照以下步驟操作：
1. 規劃：我們透過需求訪談，釐清了網站建置的目的，同時確認客戶公司類型以及公司欲呈現形象。網站建置的目的固然重要，但除了目的之外，客戶公司的形像亦是 applemint 相當重視的一部份。例如，由於工作性質不同的關係，有些客戶的服務定價很高，為了證明這個價格的合理性，以及彰顯高級感、奢侈品、高度信任的形象，我們也會使用相對高檔的顏色來凸顯這樣的品質。（如黑色和金色，或橙色配色甚至紫色等）
2. 原型設計：通常，設計的下一步是線框稿，以及完成簡單的內容設計佈局，但在 applemint，我們會同時完成線框和原型（樣本）。許多非相關領域的客戶看到線框稿時，會不知道代表什麼，但其實它就像是一個家的建築設計圖案。因此，wireframe (線框稿) 的部分我們只用於公司內部討論，之後再與客戶確認完幾個設計要素後，我們會先產出簡單的範本以供客戶參考，這同時可以叫網站原型。
3.行動裝置原型：在建立設計原型時，applemint 首重行動裝置的樣式。台灣是一個行動裝置為主要瀏覽方式的社會。我們製作的回應式設計不是使桌面設計去配合行動裝置版面，而是從行動裝置設計開始設計，再據此製作桌上裝置友善的回應式設計。
4.綜合樣稿 (Comprehensive Layout)：在網站樣本得到客戶的認可後，我們會在下一步的設計之前製作綜合樣稿。基本上，在這個階段，網站的佈局和顏色已經是定稿的階段。
5.規格表（內部）：在 applemint 製作最後版面配置的時候，接下來還會進行空間、字體和顏色等規劃，加速 coding 的流程。
6.Coding：工程師將根據前述規範創建網站。如果您使用 CMS (WordPress、Drupal)，我們則會協助客製 HTML 和 CSS 代碼。
這是一個漫長的過程，一個漫長的生產流程。
網站製作成本 (台灣)
applemint 估算了創建網站的兩個主要部分的成本。
- 專案管理費：包含計劃費、原型設計、報告和溝通，其他帳戶業務 (服務費)
- 製作成本：實際製作成本
除此之外，在建立新網站的時候，還需要考慮額外的主機和網域成本。
製作成本通常在 40,000 元以上。這裡的 40,000 元，會隨著客戶的需求而改變，包含設計和內容的需求程度，例如：
- 首頁設計：13,000 元起
- 一般內頁：每頁 9,000 元起
- 公版內頁：每頁 3,000 元起
- 客戶管理費：4,000 元/小時起
- 主機：每年 7,500 元起
- 域名：視域名類型 1,000 到 3,000 元不等。我們會在域名費用外追加設定服務費。客戶可以選擇自行管理。
如果客戶本身未提供任何素材，我們會協助購買付費圖庫中的內容，並且會相應地增加報價項目。除此之外，若有網站翻譯的需求，這種案件，如果已經具體的確定哪些頁面需要翻譯或誰要負責翻譯的話，則會進行的很順利。
網站製作的交期
如果從一開始起算，我預期有 2-3 個月的網站交付時間。經過初次的需求訪談會議後，會議的內容將通過電子郵件作為樣本發送給客戶，等待客戶的回覆，通常這是最耗費時間的階段。
以製作投影片來做比喻，網站實際製作相當於是最後皮肉的部分，如果網站資料排列順序、資料內容、投影片顏色、圖示等都在前期決定完畢，那後續製作流程將能夠更加快速。我們也提供急件製作的服務，但相對的這可能較容易造成闕漏。
總結
有時當客戶要求 applemint 架設網站時，客戶得到回覆後會說：「嗯！？原來需要 2 個月嗎？」為了能夠讓客戶更了解背後的成本結構，我在這篇文章中詳細的寫下我們 applemint 製作網頁的流程。
如果有架設網站的需求，請隨時與我們聯繫！我們正全力投注於架設/開發針對行動裝置最佳化的網站。
從這裡聯絡 applemint！
