成果範例
Mobile version of a bakery site from a desktop screenshot
Before: the desktop homepage
After: the phone screen
File: PNG mock-up, about 1.5 megapixels. A picture of the design for the client's developer, not HTML code or a Figma file.
Client: Crumb & Kettle, a neighbourhood bakery. Task: show how their homepage should look on a phone, keeping the fonts, colours, button and photos of the desktop site.
客戶與所有細節皆為虛構。
關於此服務
聯絡頁只有一個任務，就是讓人容易聯絡到您，因此通常包含只有必要欄位的簡短表單、您的電話、電子郵件與地址、營業時間、地圖區塊，以及社群帳號連結。請上傳您的網站截圖，我們會以其色彩、字型、輸入欄位與按鈕繪製新的聯絡頁，使用您需求說明中的真實資料，以中性的地圖繪圖取代即時地圖，並以一般圖示呈現社群連結。您取得的是約 150 萬畫素的 PNG 設計稿，每張都依您的一份截圖製作並沿用其比例：桌面為橫幅，手機為直幅；這些是供您據以製作的圖片，不含 HTML 或 CSS 程式碼、可運作的表單，也不是 Figma、Sketch 或 XD 檔案，或可安裝的佈景主題。
包含內容
- 您會得到什麼您會取得 1、3 或 5 張 PNG 格式的聯絡頁設計稿，例如單一辦公室、多個據點，或單獨的表單。若您提供的截圖少於方案張數，多出的圖片會是同一檔案的其他版本。
- 簡短聯絡表單姓名、電子郵件、訊息，以及您新增的任何欄位
- 您的聯絡資料來自您需求說明的電話、電子郵件、地址與營業時間
- 地圖區塊以繪製的地圖位置標示，由您的開發人員嵌入真實地圖
- 多個據點若有不只一個辦公室或門市，每個據點一張卡片
- 社群連結中性圖示或標籤，絕不使用各社群網路本身的標誌
服務流程
- 1您的聯絡資料您上傳網站，並寫出聯絡資料與表單欄位
- 2聯絡頁我們以您網站的風格繪製表單、聯絡資料與地圖區塊
- 3檢查與修改您確認每個數字，並在方案範圍內提出修改
需要您提供的資料
最多 5 張清晰的網站截圖，格式為 PNG、JPEG 或 WebP（不接受 PDF），每張一個頁面，且僅限您有權使用的檔案。請將表單欄位、電話、電子郵件、地址與營業時間寫成希望呈現的確切樣子，並列出您的社群網路；拉丁字母語言的短文字繪製起來最清晰。
我們會詢問您：
- 表單要有哪些欄位？
- 要顯示哪些聯絡資料與營業時間？
- 您有幾個據點？
- 要連結哪些社群網路？
比較方案
付款保障
下單時付款，但只有在驗收成果後，款項才會撥付。
- 固定價格付款後，方案價格不會變動。
- 款項先行保留付款時，金額只會先保留，在您驗收後才會撥付給服務。
- 交付前檢查每份成果在交到您手上之前都會經過品質檢查，您也可以在驗收前於訂單頁面查看成果。
- 免費修改在需求說明範圍內，可依方案允許的次數提出修改。
- 3 天後自動驗收若您在交付後 3 天內未驗收也未提出修改，成果將自動驗收。若您在交付後於訂單聊天室留言，訂單會暫停自動驗收；我們回覆後，可能會重新起算 3 天，並會在聊天室中告知。
- 重新製作或全額退款若成果不符合您的需求說明且修改後仍未改善，或製作時間超過交付期限的兩倍，請在訂單聊天室留言：我們將重新製作，或全額退還款項。
常見問題
表單或地圖能運作嗎？
不能，設計稿是頁面的圖片，不是 HTML 或 CSS 程式碼，所以表單不會送出任何資料，地圖只是繪圖。在您的網站建置工具中製作頁面時，會換成真正的表單，以及從您的地圖服務商嵌入的地圖；請查看您的佈景主題目前的聯絡表單選項。
為什麼我的社群圖示是一般圖示？
我們不繪製其他品牌的標誌，包括 Instagram、LinkedIn、Facebook 或通訊軟體的標誌，因此社群連結會以中性圖示或簡短文字標籤呈現。您的開發人員會在製作頁面時，從各社群網路的品牌資源取得官方圖示並加入。
你們會檢查我的地址與營業時間嗎？
我們會依您寫的內容繪製您的資料，不會進行查核。電話號碼、電子郵件與營業時間都是可能不夠完美的小字，因此請檢查結果中的每個數字；若有錯誤可透過修改更正。
可以提供其他公司的聯絡頁當範例嗎？
可以，但只參考其風格：版面、氛圍與色彩。我們絕不取用其標誌、品牌、文字或地址，不會加入您未提供的評價或評分，也絕不重製文件、證書或官方表單。圖片為重新繪製，因此細緻的圖示與您的標誌可能略有位移。
沒有找到您要的答案？