現今僅擁有一個網站其實是不夠的，您需要一個具有出色用戶體驗(UX) 的視覺吸引力網站！。研究發現，88% 在線上消費者若網站體驗不佳後，基本上不太可能返回該網站。如果想吸引新客戶並建立工作室的專業形象，你必須擁有專業的網站。本篇將會告訴你如何建立一個吸引潛在客戶並且能夠為你贏得更多機會的網站！
Forrester 發現，若企業主能在 UX 上投資的每一美元都能帶來100 美元的平均回報。在這裡，我們將探討如何構建一個具有出色 UX 的攝影網站來贏得客戶的青睞。其實無論你是想要建立自己的網站的自由工作者，還是為客戶創建的設計師，你都應該閱讀這篇文章。
定義目標受眾
作為一名創作者，縮小目標受眾範圍的想法可能會讓你覺得不太舒服，畢竟哪個藝術家想限制自己的在客戶群？但定義您的目標受眾不是限制潛在客戶，而是讓自己以更有意義的方式與每個理想客戶建立關係。請先嘗試回答以下四個問題：
- 哪些類型的客戶為您的服務支付最多的費用？
- 您可以為您作品集中的哪些客戶或服務收取最高的費用？
- 您最想與哪種類型的客戶合作？
- 您最喜歡哪種服務的作品？
這些問題應該可以幫助你定義透過你所想吸引的客戶類型。
確定轉化目標
一旦明確定義了網站的使用者，下一步就是具體說明你希望訪問者做什麼。若你是提供高度客製化的服務，或許你會希望網站訪問者填寫聯繫表來收取他們的需求。若你是宣傳線上教育工作者，你的轉化目標可能是讓用戶註冊該課程。
這次我們舉攝影師的例子來跟大家說。你可以在攝影師 Nathan Phua 的網站上看到轉換目標如何影響設計選擇的示例。每個畫廊都針對轉換進行了優化，屏幕頂部有一個按鈕，可以將訪問者帶到 CTA 聯繫表。
網站上有數百甚至數千頁的大型企業通常有多個轉化目標，但對於較小的網站，最好只設置一兩個轉化目標。要求訪問者在單個頁面上做的事情越多，用戶體驗就會變得越混亂。因此，簡化 CTA 對於提供出色的用戶體驗大有幫助。
購買域名
每個專業的企業或是個人網站都應該要購買自己的網域名稱。若你已經擁有帶有 Account plan Webflow 帳戶，則可以在自定義域下的託管選項中設定網域或是直接購買網域。
如果您的目標受眾非常明確，請嘗試尋找與該受眾一致的以 SEO 為重點的網域。若你是台灣婚禮攝影師，則可以選擇：
“weddingphotography.tw”或 ”weddingphotography.com.tw” 等域名可以幫助您進行自然搜索。
若擁有多個目標受眾的專業攝影師經常使用他們的姓名或公司名稱作為他們的域名，因為它提供了很大的靈活性，像是我們的網站tenten.co 一樣，名稱就是我們的品牌。
梳理你的網站的架構
即使您打算使用模板而不是從頭開始設計自己的攝影網站，在開始設計之前請想清楚你的網站架構是什麼，以及想要放什麼資訊。不管你是要自己建站還是委託Agency來協助，這些資訊都是必須的。
以下是一些需要考慮的常見頁面：
- 主頁 / Homepage
- 關於我頁面 / About
- 服務項目/ Service
- 圖庫或作品集 / Portfolio
- 聯繫頁面 / Contact
- 定價頁面 / Pricing
- 部落格 / Blog
- 電子商務或在線商店 / Online store
Weblfow 官方影片教程可以幫助你了解所有的功能，當然 tenten 也有出了一系列的 Weblfow 基礎課程影片。讓你快速上手如何利用 Webflow 來製作一個網站！
開始設計網站吧！
現在了整個網站設計中最有趣的部分了 —— 網站設計！無論你是打算使用模板還是直接空白畫布上的設計，請務必找一下競爭對手的設計方式，以及參考 Webflow 的 Showcase 來獲得靈感。
在設計執行的過程時，請務必牢記這四個關鍵點。
1. 確保你的設計是響應式的
你的網站需要在任何設備上看起來都是漂亮的排版。從 27 英寸顯示器到智慧型手機，這絕對是提供出色用戶體驗最最重要組成部分。研究發現，如果手機版的網站設計不良，超過一半的網站訪問者基本上不會推薦該企業的產品。
Webflow 簡化了響應式網頁設計。在 Webflow 設計器中，您可以使用頂部的 break point 按鈕來輕鬆調整及查看網站在不同設備上的設計。
基本斷點（帶有星號的選項）所做的更改會影響所有視圖，因此記得所有設計都要從這邊開始調整。若你在平板電腦視圖中放大字體，這些更改將向下傳遞到手機視圖，而不會傳遞到桌面以上的設計。
2. 注意圖片大小和文件類型
確保您使用的是最佳圖像大小和文件類型。一般來說，JPG 和 PNG 文件最適合用於照片，而 SVG 文件最適合用於徽標、插圖和矢量圖像。談到圖像大小，並不是越大越好，因為他會拖慢網站讀取的速度。我們的目標應該是上傳看起來畫質不錯的最小圖像。
若你的電腦配備是 5K Retina 顯示螢幕的 27 英寸 Apple iMac 電腦的分辨率為5120 x 2880 像素，因此任何超過約 5K 像素的東西都可能是矯枉過正。大多數寬度接近 3K 像素的圖像在大屏幕上看起來都很好，如果圖像太大，成本可能會大大超過收益。太大的照片會對 SEO 性能產生負面影響，增加加載時間和跳出率，並造成糟糕的用戶體驗。
為確保圖片在任何設備上的大小都合適，Google 建議提供響應式圖片。這可能是一個乏味的過程，但使用像 Webflow 這樣自動優化內聯圖像的攝影網站構建器可以為您節省大量時間。請注意，如果您使用的是 Webflow，您仍然需要為每個設備手動上傳正確文件大小的背景圖像，並在每個斷點處添加它們。
3. 追求圖像質量而不是數量
選擇你最好的個人作品集，並考慮如何將作品集展示到最好的狀態。網站訪問者的注意力非常短。若你在作品集中上傳太多，且無法集中重點的作品集，則可能會失去觀眾對你的興趣。
根據尼爾森諾瑪集團的研究，“要獲得幾分鐘的用戶關注，你必須在 10 秒內清楚地傳達你的價值主張。”
4. 優化 SEO
遵循SEO 最佳實踐，以幫助您的網站出現在搜索引擎中。無論你設計什麼樣的網站，你都應該確保每個頁面都有優化好的標題標籤、元描述和適當的標題結構。
根據 Moz 的說法，超過四分之一的 Google 搜索會顯示圖像。您可以使用 Google 趨勢搜索潛在的關鍵字，並查看圖像搜索中的特定趨勢。
熟悉Google 圖片的最佳做法，並且不要忘記為網站上的所有圖片添加替代文字。替代文本不僅對 SEO 很重要，而且對可訪問性和包容性也很重要，因為它被屏幕閱讀器使用。
網站設計除了需要文字說明之外，也會需要圖片搭配。同時太多人競爭的狀況下，會使在 Google 搜索中的排名變得困難。因此，增加 Blog 文章內容會是提升 SEO 的好方法，因為這是向您的網站添加更多文本的自然方式。但是發布足夠優化的 blog 內容以促進有機增長是一個非常需要長時間投入，無法短時間就看到效果。
證明和發佈
在完成所有設計及建站後，請在點擊發布按鈕之前進行一些測試。你可以讓一些現有客戶或朋友檢查設計，並提供意見的反饋。這一步對於最大化您的用戶體驗非常寶貴！因為大家會說出第一直覺的感受，讓你去做調整。完成反覆的測試及設計調整後，你就可以與全世界分享你的網站囉！
