成果範例
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 天，並會在聊天室中告知。
- 重新製作或全額退款若成果不符合您的需求說明且修改後仍未改善，或製作時間超過交付期限的兩倍，請在訂單聊天室留言：我們將重新製作，或全額退還款項。
常見問題
我可以使用首頁的桌面截圖嗎？
可以。這裡的每張圖都是約 1024 x 1536 像素的直式 2:3 手機畫面，無論檔案是什麼比例，因此您橫幅的桌面首頁會被重新繪製為直式的行動版首頁。整個首頁很難在一個手機畫面中完整呈現細節，所以在較大的方案中，我們可以把頂部、中段與底部分別做成獨立的設計稿。
可以加上星等或獎項徽章嗎？
只能加上您需求說明中寫的真實內容。我們絕不虛構評價、評分或獎項，也不繪製其他品牌的標誌，例如付款或社群網路圖示；社群連結會以純文字或中性圖示呈現。文件、證書與官方表單一律不更改也不重製。
我會拿到可以安裝的佈景主題嗎？
不會。您取得的是 PNG 圖片，不是 HTML 或 CSS 程式碼，不是 Figma 或 Sketch 檔案，也不是 Shopify、WordPress、Wix、Squarespace 或 Webflow 的佈景主題。請您或您的開發人員依圖片製作首頁；請查看您的佈景主題目前的區塊選項，了解它在行動版上能呈現什麼。
文字會有多精確？
您的標題與按鈕會繪製到圖片中，所以請保持簡短並檢查每個字；內文以預留文字行呈現。由於圖片是重新繪製，小字、圖示與您的標誌可能略有位移或不夠完美，且拉丁字母文字最為清晰。有任何不對之處，都可透過修改更正。
沒有找到您要的答案？