指南

如何打造攝影網站:作品集、客戶審閱與預約

攝影網站只有一個任務:讓對的人想要預約你。這意味著:幾個精心挑選、在手機上載入迅速的相簿;清楚的服務內容與大約的價格;以及一份能收集你回覆所需資料的詢問表單。其他功能,例如客戶挑選照片、線上預約、印刷銷售,都是選用的,只有在真的能幫你省下工夫時才加入。AI 應用程式建置工具可以根據一段描述產出第一版,真正花力氣的,是篩選照片與把圖片載入處理好。

網站需要什麼

頁面

  • 首頁:一張有力的大圖或一小組連續照片、一句話說明你拍什麼、在哪裡拍,以及一個詢問按鈕。
  • 相簿:依你希望接到更多的工作類型分組,例如婚禮、人像、商品、建築。三個各有 15 到 30 張照片的相簿,勝過十個各有 200 張的相簿。
  • 關於:一張你的照片、你的工作方式、你足跡所至的地方。
  • 服務與價格:套裝方案或「起價」。完全隱藏價格,往往會帶來你無法接案的詢問。
  • 詢問或預約:把訪客轉變為客戶的表單。
  • 選用:為完整拍攝案例撰寫的日誌或部落格(有利於搜尋)、你真正收到的客戶推薦,以及私人客戶相簿。

資料

純作品集可以是靜態的,照片與文字都放在程式碼中,不需要資料庫。一旦加入以下任何功能,就需要資料庫:

資料表主要欄位
相簿標題、網址代稱、類別、封面圖、排序、公開或私人
照片所屬相簿、檔案金鑰、寬度、高度、替代文字、說明文字、排序
詢問姓名、電子郵件、拍攝類型、日期、地點、預算範圍、訊息、狀態
客戶相簿客戶名稱、存取權杖或密碼、到期日、是否允許下載

為每張照片儲存寬度與高度,讓頁面能在圖片載入前先保留空間,避免版面在載入時跳動。

權限

訪客只能看到公開相簿。客戶只能看到自己的私人相簿,其他一概看不到。身為擁有者的你,可以看到全部,以及詢問收件匣。如果你從來不打算做私人相簿,就只需要為自己設定登入。

決策與取捨

靜態網站還是需要資料庫的應用程式

如果你一年只更新幾次相簿,靜態網站最簡單:請 AI 替換照片後重新發布即可。如果你每週都會新增拍攝案例,或希望客戶擁有相簿,就建置一個小型後台,讓你不必碰程式碼,就能上傳照片並整理相簿。

照片放在哪裡

照片是網站中最占空間的部分。選項由簡單到彈性依序為:

  1. 放在專案本身。 對於靜態網站來說,幾十張最佳化過的圖片是可以的。
  2. 應用程式的檔案儲存空間。 透過後台上傳,從儲存空間提供。注意大小:儲存空間通常依容量計費。
  3. 專門的圖片服務或 CDN,可以即時調整尺寸。若有龐大的檔案庫,值得使用。

無論選擇哪一種,都要把原始檔保存在別處。網站是櫥窗,不是備份。

版面

網格、瀑布式排列、全螢幕幻燈片,或單欄直向排列。瀑布式排列適合直向與橫向混合的照片;單欄最適合手機瀏覽與說故事。每個相簿選擇一種,並保持說明文字簡短。

詢問表單還是即時預約

多數攝影師透過詢問表單效果較好,因為日期、地點與方案通常需要先溝通。線上預約、固定時段則適合短時間、可重複的拍攝,例如大頭照、迷你拍攝、寵物肖像。預約應用程式指南涵蓋了時段與訂金的做法。

一個有效的第一個提示詞

幫我為 Lena Ortiz 建立攝影網站,她是一位位於里斯本、在葡萄牙各地拍攝的婚禮與人像攝影師。頁面:首頁有全寬的主視覺圖,以及「確認你的日期」按鈕;三個相簿(婚禮、伴侶、人像),以瀑布式網格排列並附燈箱效果;關於;套餐與「起價」(私奔婚禮 1,200 歐元起、全日婚禮 2,800 歐元起、人像拍攝 250 歐元起);以及一份詢問表單,詢問姓名、電子郵件、日期、場地或地點、賓客人數與留言。詢問內容儲存在資料庫中,並在私人後台以狀態(新詢問、已回覆、已預訂、已婉拒)顯示。每張照片都要提供數種尺寸的 WebP 版本,搭配延遲載入與預留尺寸,讓頁面不會跳動。設計安靜、有編輯感,留白充足,標題使用襯線字體。以手機為優先。

這段提示詞設定了受眾、相簿、價格、表單欄位,以及最重要的圖片載入規則。AI 不一定會主動套用這些規則,除非你要求。

建置步驟

  1. 先挑選照片。 在建置任何東西之前,先為每個相簿挑出 15 到 30 張照片。這是最困難、也最有價值的一步。
  2. 依照類似上面的提示詞產生網站,然後在手機尺寸的預覽中審閱。
  3. 修正圖片載入。 檢查圖片是否已調整尺寸、有延遲載入,且不會造成版面位移。請參考如何讓網站更快。
  4. 把詢問表單連接到資料庫,並透過你自己的電子郵件服務商發送通知,讓你能快速得知新的詢問。
  5. 在真正的詢問進來之前,為後台頁面加上登入保護。
  6. 加入替代文字與頁面標題。 簡短描述每張照片(「新人沿著懸崖步道走在夕陽下」),並為每個相簿頁面設定獨立的標題與描述。
  7. 私人客戶相簿,如果你需要:使用無法猜測的連結、可選擇密碼、設定到期日,並且只有在你允許時才顯示下載按鈕。
  8. 發布並連接網域,把連結寄給兩位過去的客戶,請他們用手機檢查。

常見錯誤

  • 上傳相機的原始檔。 每張 20 MB 的照片,會讓網站在行動數據下感覺壞掉。
  • 照片太多。 訪客會以你最弱的一張照片來評斷你。大膽刪減。
  • 完全沒有價格。 你會花時間回覆無法負擔你服務的人。
  • 對右鍵加以封鎖,或加上很重的浮水印。 這些會惹惱訪客,也擋不住有心人。請分享網頁尺寸的檔案,原始檔則私密保存。
  • 私人相簿使用可猜測的網址,例如 /gallery/smith-wedding。請使用又長又隨機的權杖。
  • 缺少替代文字。 這既損害無障礙性,也會浪費來自圖片搜尋的流量。
  • 聯絡表單悄悄失敗。 每次修改表單後,都要寄一封測試詢問給自己。

何時選擇現成產品比較好

如果你的主要需求是向客戶交付大量的高解析度照片,並提供精選、挑選審閱與印刷銷售,專門的客戶相簿服務就是為此設計的,比自己建置儲存、下載與印刷出貨要省事得多。如果你只需要一個簡單的作品集,並且能接受它們的版面,附有攝影範本的網站建置工具也很好。

當你希望擁有獨特的設計、需要符合你工作方式的詢問或預約流程,或是網站要與你經營的其他事務相連(CRM、商店、迷你拍攝行事曆),就值得自己建置。許多攝影師兩者並用:自建的網站,加上一個用於相簿本身的照片交付服務連結。

用 Mythex 建置

在 Mythex 中,你在對話中描述網站,在即時預覽中看到它成形,並發布到 mythex.ai 網址,或你自己的網域(自訂網域需要 Pro 方案)。你透過後台上傳的照片,會存入專案的檔案儲存空間,當應用程式需要上傳功能時才會加入。免費方案的儲存空間上限為 1 GB。儲存的檔案與下載會從你的點數餘額扣除,因此請保留網頁尺寸的副本,而不是原始檔。當你要求保存詢問時,代理程式會在 Postgres 資料庫中建立資料表。電子郵件通知與客戶登入則連接到你自己的服務商,Mythex 不會替你寄送電子郵件或提供終端使用者登入。

若要起步,可以試試攝影作品集範本、瀑布式相片牆範本或工作室攝影網站範本,或閱讀更廣泛的作品集網站指南。

常見問題

攝影網站應該包含哪些內容?

少量但有力的作品集,依你希望被委託的工作類型分類;一個附上你真實大頭照的關於頁面;清楚的價格或起始價;以及一份詢問表單,請對方填寫拍攝日期、地點與拍攝類型。

如何避免攝影網站載入太慢?

絕對不要直接提供相機的原始檔。把每張照片調整成幾種網頁尺寸,使用 WebP 或 AVIF 等現代格式,對畫面以下的圖片使用延遲載入,並讓瀏覽器依螢幕選擇合適的尺寸。

可以為客戶提供私人相簿嗎?

可以。簡單的做法是一個不公開列出的相簿,使用又長又隨機的連結。較安全的做法則是加上密碼或客戶登入,把檔案私密存放,並透過會過期的連結提供下載。

應該自己建置,還是使用照片託管服務?

如果你主要需要向客戶交付大量高解析度照片,並提供印刷銷售與挑選審閱功能,專門的照片交付服務通常更便宜,也省事。當網站本身(你的品牌、預約流程、內容)才是最重要的部分時,再自己建置。

Mythex · Pricing · 用 AI 打造任何東西 · 網站與應用程式範本 · Mythex 比較 · AI 應用程式開發詞彙表 · 免費的 AI 應用程式開發工具 · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港)