成果範例
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 天，並會在聊天室中告知。
- 重新製作或全額退款若成果不符合您的需求說明且修改後仍未改善，或製作時間超過交付期限的兩倍，請在訂單聊天室留言：我們將重新製作，或全額退還款項。
常見問題
圖片中會是我真正的商品照片嗎？
每張圖都依您的一份上傳檔製作，因此您截圖中可見的商品會被重新繪製，小細節可能略有不同；檔案中沒有的商品則以預留照片呈現。您的真實照片會在頁面製作時放入。即使來自橫幅的桌面截圖，每張圖也都是直式 2:3 的手機畫面。
我可以把它安裝在 Shopify 或 WooCommerce 上嗎？
不行。您取得的是 PNG 圖片，不是程式碼，不是 Figma 檔案，也不是適用於 Shopify、WooCommerce、Wix 或任何其他平台的佈景主題或應用程式。請您或您的開發人員依圖片重新製作頁面；請查看您的佈景主題目前的商品頁選項，因為許多佈景主題已提供固定按鈕與分頁。
可以加上 4.9 顆星與暢銷徽章嗎？
只有在屬實且由您提供的情況下才可以。我們絕不虛構評分、評價、銷售數量或獎項，也不加入付款、配送或其他品牌的標誌；文件、證書與官方表單一律不更改。「新品」或「特價」之類屬於您自己的標籤則沒有問題。
價格與尺寸的拼寫會正確嗎？
簡短的標籤會繪製到圖片中，但小字可能不夠完美，且以拉丁字母文字效果最佳，因此請檢查每個價格、尺寸與用字。圖片為重新繪製，圖示與您的標誌也可能略有變動；任何不對之處都可提出修改。
沒有找到您要的答案？