成果範例
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.
客戶與所有細節皆為虛構。
關於此服務
商品頁必須讓購物者一眼看到他們的疑問：相片集、商品名稱與價格、尺寸或顏色等選項、醒目的加入購物車按鈕、簡短的優點、配送與退貨資訊，以及下方的詳細說明。請上傳您的網路商店截圖，例如您的 Shopify 或 Wix 商店，我們會以其色彩、字型與按鈕繪製新的商品頁，商品名稱、價格與選項取自您的需求說明，商品圖則是依您的描述繪製的替代圖。您取得的是約 150 萬畫素的 PNG 設計稿，每張都依您的一份截圖製作並沿用其比例：桌面為橫幅，手機為直幅；不含 HTML 或 CSS 程式碼，也不是 Figma、Sketch 或 XD 檔案，或可安裝的佈景主題。
包含內容
- 您會得到什麼您會取得 1、3 或 5 張 PNG 格式的商品頁設計稿，例如含相片集與價格的頁面頂部、下方的詳細說明，或多項商品的同款頁面。若您提供的截圖少於方案張數，多出的圖片會是同一檔案的其他版本。
- 相片集與主圖主圖位置搭配縮圖，以替代圖繪製
- 名稱、價格與選項您的價格、尺寸或顏色，依您的寫法呈現
- 加入購物車以您商店風格呈現的醒目按鈕，必要時附數量選擇
- 配送與退貨以簡短的行列出您自己的配送與退貨條件
- 下方詳細說明以分頁或區塊呈現商品說明、尺寸與保養
服務流程
- 1商店與商品您上傳商店，並說明商品及其選項
- 2商品頁我們以您商店的風格繪製相片集、價格與按鈕
- 3檢查與修改您確認價格與選項，並在方案範圍內提出修改
需要您提供的資料
最多 5 張清晰的商店截圖，格式為 PNG、JPEG 或 WebP（不接受 PDF），每張一個頁面，且僅限您有權使用的檔案。請提供商品名稱、含幣別的價格、選項、三項簡短優點，以及您的配送與退貨說明，並描述商品的形狀、顏色與材質；拉丁字母語言繪製起來最清晰，小字可能不夠完美，每個價格請由您自行檢查。
我們會詢問您：
- 頁面要呈現哪項商品？
- 價格與選項是什麼？
- 要顯示哪些優點與配送條件？
- 主要區域下方要放哪些區塊？
比較方案
付款保障
下單時付款，但只有在驗收成果後，款項才會撥付。
- 固定價格付款後，方案價格不會變動。
- 款項先行保留付款時，金額只會先保留，在您驗收後才會撥付給服務。
- 交付前檢查每份成果在交到您手上之前都會經過品質檢查，您也可以在驗收前於訂單頁面查看成果。
- 免費修改在需求說明範圍內，可依方案允許的次數提出修改。
- 3 天後自動驗收若您在交付後 3 天內未驗收也未提出修改，成果將自動驗收。若您在交付後於訂單聊天室留言，訂單會暫停自動驗收；我們回覆後，可能會重新起算 3 天，並會在聊天室中告知。
- 重新製作或全額退款若成果不符合您的需求說明且修改後仍未改善，或製作時間超過交付期限的兩倍，請在訂單聊天室留言：我們將重新製作，或全額退還款項。
常見問題
頁面上會是我真正的商品照片嗎？
每張設計稿都依您的一份上傳檔製作，通常是您商店的截圖，所以商品本身是依您的描述繪製的替代圖。請把形狀、顏色與材質描述清楚；您的真實照片會在頁面製作時放入相片集。
可以加上評價與星等嗎？
評價區塊只會以空白版面或預留文字行繪製，絕不會出現虛構的評價、星等或銷售數量。頁面上線後，會由您商店的真實評價填入。
可以當作 Shopify 的商品範本使用嗎？
不行，它是 PNG 圖片，不是 HTML 或 CSS 程式碼，也不是 Figma、Sketch 或 XD 檔案或佈景主題區塊。我們不會在您的 Shopify、WordPress 或 Wix 商店安裝或更動任何內容；商品頁的選項因佈景主題而異，請在重新製作版面時查看您的佈景主題目前的設定。
商品頁上有哪些內容是你們不能放的？
我們不會在頁面放上其他品牌的標誌、付款標章或認證標誌，也絕不重製文件、證書或官方標示。其他商店的商品頁只參考風格。圖片為重新繪製，因此小字與您的標誌可能略有位移。
沒有找到您要的答案？