如何打造攝影網站:作品集、客戶審閱與預約
攝影網站只有一個任務:讓對的人想要預約你。這意味著:幾個精心挑選、在手機上載入迅速的相簿;清楚的服務內容與大約的價格;以及一份能收集你回覆所需資料的詢問表單。其他功能,例如客戶挑選照片、線上預約、印刷銷售,都是選用的,只有在真的能幫你省下工夫時才加入。AI 應用程式建置工具可以根據一段描述產出第一版,真正花力氣的,是篩選照片與把圖片載入處理好。
網站需要什麼
頁面
- 首頁:一張有力的大圖或一小組連續照片、一句話說明你拍什麼、在哪裡拍,以及一個詢問按鈕。
- 相簿:依你希望接到更多的工作類型分組,例如婚禮、人像、商品、建築。三個各有 15 到 30 張照片的相簿,勝過十個各有 200 張的相簿。
- 關於:一張你的照片、你的工作方式、你足跡所至的地方。
- 服務與價格:套裝方案或「起價」。完全隱藏價格,往往會帶來你無法接案的詢問。
- 詢問或預約:把訪客轉變為客戶的表單。
- 選用:為完整拍攝案例撰寫的日誌或部落格(有利於搜尋)、你真正收到的客戶推薦,以及私人客戶相簿。
資料
純作品集可以是靜態的,照片與文字都放在程式碼中,不需要資料庫。一旦加入以下任何功能,就需要資料庫:
| 資料表 | 主要欄位 |
|---|---|
| 相簿 | 標題、網址代稱、類別、封面圖、排序、公開或私人 |
| 照片 | 所屬相簿、檔案金鑰、寬度、高度、替代文字、說明文字、排序 |
| 詢問 | 姓名、電子郵件、拍攝類型、日期、地點、預算範圍、訊息、狀態 |
| 客戶相簿 | 客戶名稱、存取權杖或密碼、到期日、是否允許下載 |
為每張照片儲存寬度與高度,讓頁面能在圖片載入前先保留空間,避免版面在載入時跳動。
權限
訪客只能看到公開相簿。客戶只能看到自己的私人相簿,其他一概看不到。身為擁有者的你,可以看到全部,以及詢問收件匣。如果你從來不打算做私人相簿,就只需要為自己設定登入。
決策與取捨
靜態網站還是需要資料庫的應用程式
如果你一年只更新幾次相簿,靜態網站最簡單:請 AI 替換照片後重新發布即可。如果你每週都會新增拍攝案例,或希望客戶擁有相簿,就建置一個小型後台,讓你不必碰程式碼,就能上傳照片並整理相簿。
照片放在哪裡
照片是網站中最占空間的部分。選項由簡單到彈性依序為:
- 放在專案本身。 對於靜態網站來說,幾十張最佳化過的圖片是可以的。
- 應用程式的檔案儲存空間。 透過後台上傳,從儲存空間提供。注意大小:儲存空間通常依容量計費。
- 專門的圖片服務或 CDN,可以即時調整尺寸。若有龐大的檔案庫,值得使用。
無論選擇哪一種,都要把原始檔保存在別處。網站是櫥窗,不是備份。
版面
網格、瀑布式排列、全螢幕幻燈片,或單欄直向排列。瀑布式排列適合直向與橫向混合的照片;單欄最適合手機瀏覽與說故事。每個相簿選擇一種,並保持說明文字簡短。
詢問表單還是即時預約
多數攝影師透過詢問表單效果較好,因為日期、地點與方案通常需要先溝通。線上預約、固定時段則適合短時間、可重複的拍攝,例如大頭照、迷你拍攝、寵物肖像。預約應用程式指南涵蓋了時段與訂金的做法。
一個有效的第一個提示詞
幫我為 Lena Ortiz 建立攝影網站,她是一位位於里斯本、在葡萄牙各地拍攝的婚禮與人像攝影師。頁面:首頁有全寬的主視覺圖,以及「確認你的日期」按鈕;三個相簿(婚禮、伴侶、人像),以瀑布式網格排列並附燈箱效果;關於;套餐與「起價」(私奔婚禮 1,200 歐元起、全日婚禮 2,800 歐元起、人像拍攝 250 歐元起);以及一份詢問表單,詢問姓名、電子郵件、日期、場地或地點、賓客人數與留言。詢問內容儲存在資料庫中,並在私人後台以狀態(新詢問、已回覆、已預訂、已婉拒)顯示。每張照片都要提供數種尺寸的 WebP 版本,搭配延遲載入與預留尺寸,讓頁面不會跳動。設計安靜、有編輯感,留白充足,標題使用襯線字體。以手機為優先。
這段提示詞設定了受眾、相簿、價格、表單欄位,以及最重要的圖片載入規則。AI 不一定會主動套用這些規則,除非你要求。
建置步驟
- 先挑選照片。 在建置任何東西之前,先為每個相簿挑出 15 到 30 張照片。這是最困難、也最有價值的一步。
- 依照類似上面的提示詞產生網站,然後在手機尺寸的預覽中審閱。
- 修正圖片載入。 檢查圖片是否已調整尺寸、有延遲載入,且不會造成版面位移。請參考如何讓網站更快。
- 把詢問表單連接到資料庫,並透過你自己的電子郵件服務商發送通知,讓你能快速得知新的詢問。
- 在真正的詢問進來之前,為後台頁面加上登入保護。
- 加入替代文字與頁面標題。 簡短描述每張照片(「新人沿著懸崖步道走在夕陽下」),並為每個相簿頁面設定獨立的標題與描述。
- 私人客戶相簿,如果你需要:使用無法猜測的連結、可選擇密碼、設定到期日,並且只有在你允許時才顯示下載按鈕。
- 發布並連接網域,把連結寄給兩位過去的客戶,請他們用手機檢查。
常見錯誤
- 上傳相機的原始檔。 每張 20 MB 的照片,會讓網站在行動數據下感覺壞掉。
- 照片太多。 訪客會以你最弱的一張照片來評斷你。大膽刪減。
- 完全沒有價格。 你會花時間回覆無法負擔你服務的人。
- 對右鍵加以封鎖,或加上很重的浮水印。 這些會惹惱訪客,也擋不住有心人。請分享網頁尺寸的檔案,原始檔則私密保存。
- 私人相簿使用可猜測的網址,例如
/gallery/smith-wedding。請使用又長又隨機的權杖。 - 缺少替代文字。 這既損害無障礙性,也會浪費來自圖片搜尋的流量。
- 聯絡表單悄悄失敗。 每次修改表單後,都要寄一封測試詢問給自己。
何時選擇現成產品比較好
如果你的主要需求是向客戶交付大量的高解析度照片,並提供精選、挑選審閱與印刷銷售,專門的客戶相簿服務就是為此設計的,比自己建置儲存、下載與印刷出貨要省事得多。如果你只需要一個簡單的作品集,並且能接受它們的版面,附有攝影範本的網站建置工具也很好。
當你希望擁有獨特的設計、需要符合你工作方式的詢問或預約流程,或是網站要與你經營的其他事務相連(CRM、商店、迷你拍攝行事曆),就值得自己建置。許多攝影師兩者並用:自建的網站,加上一個用於相簿本身的照片交付服務連結。
用 Mythex 建置
在 Mythex 中,你在對話中描述網站,在即時預覽中看到它成形,並發布到 mythex.ai 網址,或你自己的網域(自訂網域需要 Pro 方案)。你透過後台上傳的照片,會存入專案的檔案儲存空間,當應用程式需要上傳功能時才會加入。免費方案的儲存空間上限為 1 GB。儲存的檔案與下載會從你的點數餘額扣除,因此請保留網頁尺寸的副本,而不是原始檔。當你要求保存詢問時,代理程式會在 Postgres 資料庫中建立資料表。電子郵件通知與客戶登入則連接到你自己的服務商,Mythex 不會替你寄送電子郵件或提供終端使用者登入。
若要起步,可以試試攝影作品集範本、瀑布式相片牆範本或工作室攝影網站範本,或閱讀更廣泛的作品集網站指南。
常見問題
攝影網站應該包含哪些內容?
少量但有力的作品集,依你希望被委託的工作類型分類;一個附上你真實大頭照的關於頁面;清楚的價格或起始價;以及一份詢問表單,請對方填寫拍攝日期、地點與拍攝類型。
如何避免攝影網站載入太慢?
絕對不要直接提供相機的原始檔。把每張照片調整成幾種網頁尺寸,使用 WebP 或 AVIF 等現代格式,對畫面以下的圖片使用延遲載入,並讓瀏覽器依螢幕選擇合適的尺寸。
可以為客戶提供私人相簿嗎?
可以。簡單的做法是一個不公開列出的相簿,使用又長又隨機的連結。較安全的做法則是加上密碼或客戶登入,把檔案私密存放,並透過會過期的連結提供下載。
應該自己建置,還是使用照片託管服務?
如果你主要需要向客戶交付大量高解析度照片,並提供印刷銷售與挑選審閱功能,專門的照片交付服務通常更便宜,也省事。當網站本身(你的品牌、預約流程、內容)才是最重要的部分時,再自己建置。