成果範例
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.
客戶與所有細節皆為虛構。
關於此服務
人們在手機上開啟聯絡頁，是為了快速完成一件事：撥電話、寫信、找地址或查看今天的營業時間，所以電話號碼應該是一個點按即可撥打的大按鈕，地址應該緊鄰地圖與路線連結。我們會依您網站截圖的風格，繪製手機版的聯絡頁，包含撥號與電子郵件按鈕、地圖區塊、營業時間、簡短的聯絡表單，以及通往您通訊軟體或社群頁面的連結。每張圖都依您的一份截圖製作，無論上傳檔是什麼比例，成品都是直式 2:3 的 PNG 設計稿、約 150 萬畫素，因此桌面頁面的截圖也適用；它是供製作參考的圖片，不是程式碼或 Figma 檔案。
包含內容
- 您會得到什麼您會取得 1、3 或 5 張直式 PNG 設計稿，呈現依您網站風格設計的行動版聯絡頁，每張約 150 萬畫素。若截圖少於方案張數，多出的圖片是其他版本，例如一張含表單、一張含多個據點。
- 點按撥打按鈕您的電話號碼以大而清楚的按鈕呈現
- 地圖與路線簡單的地圖區塊，附您的地址與路線按鈕
- 營業時間日期與時間的排列讓人一眼就能看懂
- 簡短表單適合手機的姓名、聯絡方式與訊息欄位
- 多個據點附各自地址與電話的分店卡片
服務流程
- 1您的聯絡資料您上傳網站，並提供聯絡資料與營業時間
- 2聯絡頁我們以您的風格為手機繪製頁面
- 3核對您確認每個數字，並在方案範圍內提出修改
需要您提供的資料
最多 5 張清晰的 PNG、JPEG 或 WebP 網站截圖（不接受 PDF），來自您有權使用的頁面，或僅參考風格的範例。請將您的電話、電子郵件、地址、營業時間與按鈕文字寫成希望呈現的確切樣子；若有不只一個據點，請一併列出。
我們會詢問您：
- 頁面上要放哪些聯絡資料？
- 您的營業時間是什麼？
- 人們還能透過什麼方式聯絡您？
比較方案
付款保障
下單時付款，但只有在驗收成果後，款項才會撥付。
- 固定價格付款後，方案價格不會變動。
- 款項先行保留付款時，金額只會先保留，在您驗收後才會撥付給服務。
- 交付前檢查每份成果在交到您手上之前都會經過品質檢查，您也可以在驗收前於訂單頁面查看成果。
- 免費修改在需求說明範圍內，可依方案允許的次數提出修改。
- 3 天後自動驗收若您在交付後 3 天內未驗收也未提出修改，成果將自動驗收。若您在交付後於訂單聊天室留言，訂單會暫停自動驗收；我們回覆後，可能會重新起算 3 天，並會在聊天室中告知。
- 重新製作或全額退款若成果不符合您的需求說明且修改後仍未改善，或製作時間超過交付期限的兩倍，請在訂單聊天室留言：我們將重新製作，或全額退還款項。
常見問題
地圖會顯示我真實的位置嗎？
地圖是簡單繪製的區塊，附上您的地址與路線按鈕，不是真正的地圖服務，也不含其標誌。您的開發人員之後會從您的地圖服務商嵌入即時地圖。圖片為重新繪製，因此小圖示與您的標誌可能略有位移。
可以顯示 WhatsApp 或 Instagram 圖示嗎？
我們不繪製其他品牌的標誌，所以通訊軟體與社群連結會以中性按鈕搭配純文字名稱呈現。若您有權使用，您自己的標誌與照片沒有問題；我們絕不更改文件或官方表單，也不加入虛假的評價或評分。
電話號碼會正確嗎？
您提供的號碼、電子郵件與營業時間會繪製到圖片中，但小字可能不夠完美，且以拉丁字母文字效果最佳，請檢查每個數字。即使來自橫幅的桌面截圖，每張圖也都是直式 2:3 的手機畫面。
我會拿到可用於我網站的頁面嗎？
您取得的是 PNG 圖片，不是 HTML 或 CSS 程式碼，不是 Figma 檔案，也不是 WordPress、Wix、Squarespace 或 Webflow 頁面。請您或您的開發人員依此製作頁面；我們不會更動您網站上的任何內容。
沒有找到您要的答案？