不要害怕，一點都不麻煩，跟著步驟一個一個準備，讓你的網站專案更順利！
網域名稱確認
1. 網址是否被註冊了
首先，我們進入一個網站會透過網址，網址就相當於使用者對於進入這個網站的識別。
當我們看到 https://www.nike.com/tw/ 就知道要進入 NIKE 的台灣官網，而不是 Adidas。
確認步驟：
- 讓客戶識別你的網址
- 註冊你想要定義的網域名稱
- 可以先提前到 whois 查詢是否有被註冊
設計風格規劃
2. 參考同行網站，或你喜歡的風格的網站
製作網站前可以先參考兩個方向：
同業網站學習：
- 同業的網站往往是你學習的對象，無論是好的學習或是不好的借鏡
- 用使用者體驗的心態快筆記下來吧！
跨業靈感探索：
- 從其他行業中學習，可以跳脫框架
- 看到不同的巧思，說不定可以在網站中獨樹一格
風格偏好確認
瀏覽的過程中，除了參考網站的功能，風格也可以開始留意自己的喜好：
- 喜歡所有物件延伸佔滿整個畫面？
- 顏色極簡的風格還是多彩繽紛的俏皮風格？
找好自己網站的方向，在日後溝通更清楚知道自己的需求。
視覺識別系統
3. 確定網站色系
網站的色系提供給使用者最直覺的感受，大多數的網站配色都會以企業的 Logo 做為整體 CIS 企業識別配色。
實際案例：
比如說，你看到麥當勞的官網，就會想到紅色跟黃色，這是大家對麥當勞的印象，也是麥當勞的 Logo 搭配整體視覺的延伸。
網站目標設定
4. 網站主要目的
你是什麼時間，什麼想法，什麼契機讓你想要「我需要一個網站」，或者「我需要一個更好的網站」？
你的終極目標，決定協助規劃的人可以怎樣幫你發揮得淋漓盡致！
常見目標情境
形象展示型網站： 我需要一個很炫、很酷、很華麗的網站，讓我的客戶進來我的網站就知道，我跟其他網站不一樣，讓我的整體形象可以更加提升！
電商購物型網站： 在購物模式中，是不是可以讓我的客戶參與我的各種優惠活動，我希望他們可以透過紅利點數，轉取折扣金，並且在線上就可以直接刷卡購買商品。
知識變現型網站： 遠距教學讓我有個構思，是否可以販售我自己的專業知識，提供影片販售給想學習的人，開始我的斜槓人生。
規劃建議：不同的目的，不同的規則。如果你非常有想法，可以將自己的點子統整起來；如果還不確定自己的方法是否可行，也可以表達最初的目的，讓規劃師協助您。
網站架構規劃
5. 目的決定呈現內容大綱
形象網站規劃：
如果你的目的是希望呈現公司服務、展現公司願景、透露公司公告資訊，那也許你需要的大綱是：
- 關於我們
- 服務項目
- 最新資訊
購物網站規劃：
若你是希望可以販售商品、提升銷售額、增加客戶互動，那你的大綱可能可以規劃成：
- 產品介紹
- 活動資訊
- 購物車
- 會員中心
完整性的重要
不同的網站，需要呈現的資訊目標就不同，在網站建置前預先規劃完整，製作出來的整體性及完整性會越好。
內容細節規劃
6. 細部確認每頁呈現資訊
每個頁面你希望呈現給使用者是什麼？
內容類型範例：
- 這季公司最新的財務報表下載？
- 最新販售的襯衫有多款顏色可以選擇？
不同呈現方式：
簡潔型資訊： 有些公司不太擅長找圖片搭配文字，那我們可以規劃只有日期跟最新消息標題的方式。
文件下載型： 有些公司為了提供最新資訊給股東下載，會呈現 PDF 下載的方式。
其目的都一樣，為客戶提供最舒適的環境觀看資訊。
資料準備階段
7. 準備自己現有資料（文字、圖片）
你最了解自己的公司：
網頁規劃師可以跟你一起規劃網站，但你自己是最了解公司的：
- 公司簡介、沿革
- 產品資訊
- 客戶可以留什麼樣的表單最適合你們追蹤
視覺素材準備：
網站上需要呈現什麼樣的形象圖片：
- 自己拍攝的專業照片
- 上網找風格參考圖片
- 讓設計師知道你喜歡的款式最重要
預先處理的好處：
這些資料都可以預先討論準備、事先處理，讓專案進行更順利。
總結：完整準備的重要性
七大準備要點回顧
以上就是製作網站前需要準備的七大事情：
- ✅ 網域名稱確認
- ✅ 參考網站與風格確定
- ✅ 網站色系規劃
- ✅ 主要目的設定
- ✅ 內容大綱架構
- ✅ 細部頁面規劃
- ✅ 資料素材準備
成功關鍵：
預先準備好，資料越完整越能做出符合你需求的網站！從最基本的 RWD 響應式網頁開始提升流量吧！