成果範例
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.
客戶與所有細節皆為虛構。
關於此服務
通知畫面常稱為動態或收件匣，列出使用者上次查看之後發生的事：依「今天」、「本週」與「更早」分組的項目、每一列的圖示或頭像、一行簡短說明與時間、未讀圓點、「全部標為已讀」動作，以及通往通知設定的連結，另外還有在沒有新內容時顯示的平和空白狀態。請上傳您的 App 截圖，我們會以其色彩、字型與列表樣式繪製畫面，範例通知內容取自您的需求說明。您取得的是約 150 萬畫素的 PNG 設計稿，每張都依您的一份截圖製作，無論上傳檔是什麼比例，一律為直式 2:3、約 1024 x 1536 像素，因此橫幅截圖也會變成手機畫面；它們不是 App 程式碼，也不是 Figma、Sketch 或 XD 檔案。
包含內容
- 您會得到什麼您會取得 1、3 或 5 張直式 PNG 畫面，例如通知動態、其空白狀態與通知設定頁。若您提供的截圖少於方案張數，多出的畫面會依同一檔案製作。
- 分組動態今天、本週與更早，或您自己的分組
- 已讀與未讀未讀圓點或醒目標示，以及「全部標為已讀」連結
- 列的類型訂單、訊息、提醒或按讚，搭配對應的圖示
- 空白收件匣沒有新內容時顯示的平和畫面
- 通知設定每種通知類型各有一個開關的頁面
服務流程
- 1事件與截圖您上傳 App，並提供範例通知
- 2通知畫面我們以您 App 的風格繪製分組動態與圖示
- 3檢查與修改您確認文字，並在方案範圍內提出修改
需要您提供的資料
最多 5 張清晰的 App 截圖，格式為 PNG、JPEG 或 WebP（不接受 PDF），每張一個畫面，且僅限您有權使用的檔案；其他 App 的動態我們只參考風格。請提供五到八則簡短的範例通知（附時間）與您的 App 會發送的事件類型，並使用虛構的姓名；拉丁字母語言繪製起來最清晰，拼寫請由您自行檢查。
我們會詢問您：
- 您的 App 會發送哪些類型的通知？
- 動態要顯示哪些範例內容？
- 通知要如何分組？
- 您也需要空白狀態或設定頁嗎？
比較方案
付款保障
下單時付款，但只有在驗收成果後，款項才會撥付。
- 固定價格付款後，方案價格不會變動。
- 款項先行保留付款時，金額只會先保留，在您驗收後才會撥付給服務。
- 交付前檢查每份成果在交到您手上之前都會經過品質檢查，您也可以在驗收前於訂單頁面查看成果。
- 免費修改在需求說明範圍內，可依方案允許的次數提出修改。
- 3 天後自動驗收若您在交付後 3 天內未驗收也未提出修改，成果將自動驗收。若您在交付後於訂單聊天室留言，訂單會暫停自動驗收；我們回覆後，可能會重新起算 3 天，並會在聊天室中告知。
- 重新製作或全額退款若成果不符合您的需求說明且修改後仍未改善，或製作時間超過交付期限的兩倍，請在訂單聊天室留言：我們將重新製作，或全額退還款項。
常見問題
可以設計鎖定畫面上的推播通知嗎？
鎖定畫面的外觀由 iOS 或 Android 決定，而非您的 App：只有標題、文字與 App 圖示來自您。這項服務涵蓋的是您 App 內的通知畫面、其空白狀態與設定，不包括手機的系統畫面。
我該提供哪些範例通知？
五到八行符合您 App 的簡短文字，例如「您的訂單已出貨」或「Anna 回覆了您的留言」，並附時間。請使用虛構的姓名，不要使用真實客戶的資料，並讓每行保持簡短；小字可能不夠完美，請自行檢查。
我會拿到給開發人員用的檔案嗎？
只有 PNG 圖片，不是 App 程式碼，也不是 Figma、Sketch 或 XD 檔案。您的開發人員會依圖片製作動態，並連接到您真實的通知。
頭像與其他內容怎麼處理？
頭像是中性的預留圖，例如姓名縮寫，絕不會是真人。我們不會加入其他品牌的標誌、虛構的按讚、評分或評價，也絕不更改文件。圖片為重新繪製，因此小圖示與您的標誌可能略有位移。
沒有找到您要的答案？