設計行動版結帳
依您網站風格設計的行動版結帳
價格起 US$10
成果範例
標準版方案範例
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 的設計稿。
選單能在我的網站上運作嗎？
成果是選單的 PNG 圖片，不是 HTML、CSS 或 JavaScript，不是 Figma 檔案，也不是 WordPress、Shopify、Wix、Squarespace 或 Webflow 的選單設定。請您或您的開發人員自行製作；選定版面前，請先查看您的佈景主題目前的行動版選單選項允許什麼。
我的選單是德文，用字會正確嗎？
簡短的選單標籤會繪製到圖片中，德文或西班牙文等拉丁字母語言最為清晰；小字仍可能不夠完美，因此請檢查每個項目。由於圖片是重新繪製，圖示與您的標誌可能略有位移；任何不對之處都可透過修改更正。
可以用其他網站的選單當範例嗎？
可以，但只參考其風格：版面、氛圍與色彩。我們絕不取用其標誌、品牌或文字，也不繪製其他品牌的標誌（例如社群網路圖示），不加入虛假的評價或評分，也不更改文件或官方表單。您的區塊名稱與標誌會放入，且您提供的檔案必須是您有權使用的。
沒有找到您要的答案？
