成果範例
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.
客戶與所有細節皆為虛構。
關於此服務
當連結失效或頁面已搬移時，就會出現 404 頁，好的 404 頁能把訪客留在您的網站：一句簡短親切的「找不到頁面」訊息、搜尋框、通往最常瀏覽頁面的連結、回到首頁的按鈕，通常還有一張符合品牌調性的小圖或笑話。請上傳您的網站截圖，我們會以其色彩、字型、頁首與頁尾，加上您需求說明中的訊息與連結，繪製新的 404 頁，讓死路也像是您網站的一部分。您取得的是約 150 萬畫素的 PNG 設計稿，每張都依您的一份截圖製作並沿用其比例：桌面為橫幅，手機為直幅；不含 HTML 或 CSS 程式碼，也不是 Figma、Sketch 或 XD 檔案，或可安裝的佈景主題。
包含內容
- 您會得到什麼您會取得 1、3 或 5 張 PNG 格式的 404 頁設計稿，例如從嚴肅到俏皮的不同語氣，或桌面與手機版。若您提供的截圖少於方案張數，多出的圖片會是同一檔案的其他版本。
- 親切的訊息以您的語氣呈現簡短標題與一行說明
- 回頭的路首頁按鈕、搜尋框，以及三到五個實用連結
- 符合品牌的圖片依您的構想，以您網站的色彩繪製的簡單場景
- 您的頁首與頁尾讓頁面感覺像是網站的一部分
- 語氣版本嚴肅、俏皮或極簡版本，供您比較
服務流程
- 1截圖與訊息您上傳網站，並寫出訊息與連結
- 2404 頁我們以您的頁首、頁尾與圖片構想繪製頁面
- 3檢查與修改您確認用字，並在方案範圍內提出修改
需要您提供的資料
最多 5 張清晰的網站截圖，格式為 PNG、JPEG 或 WebP（不接受 PDF），每張一個頁面，且僅限您有權使用的檔案。請寫出標題、一行說明、三到五個連結標籤與按鈕文字，並用幾個字描述圖片構想；拉丁字母語言繪製起來最清晰。
我們會詢問您：
- 標題要寫什麼？
- 要用哪些連結協助訪客回到網站？
- 什麼樣的圖片構想適合您的品牌？
- 您想要什麼語氣？
比較方案
付款保障
下單時付款，但只有在驗收成果後，款項才會撥付。
- 固定價格付款後，方案價格不會變動。
- 款項先行保留付款時，金額只會先保留，在您驗收後才會撥付給服務。
- 交付前檢查每份成果在交到您手上之前都會經過品質檢查，您也可以在驗收前於訂單頁面查看成果。
- 免費修改在需求說明範圍內，可依方案允許的次數提出修改。
- 3 天後自動驗收若您在交付後 3 天內未驗收也未提出修改，成果將自動驗收。若您在交付後於訂單聊天室留言，訂單會暫停自動驗收；我們回覆後，可能會重新起算 3 天，並會在聊天室中告知。
- 重新製作或全額退款若成果不符合您的需求說明且修改後仍未改善，或製作時間超過交付期限的兩倍，請在訂單聊天室留言：我們將重新製作，或全額退還款項。
常見問題
這個頁面能修復我失效的連結嗎？
不能，它是頁面的圖片，不是 HTML 或 CSS 程式碼，我們也不會登入您的網站。您的開發人員會在您的平台上設定 404 頁；Shopify、WordPress、Wix、Squarespace 與 Webflow 各有自己的做法，請查看您的佈景主題目前的選項。
圖片可以放入知名角色嗎？
不行，我們會以您的風格繪製原創場景，例如遺失的包裹箱或空白的地圖，不使用其他公司的角色、名人或其他品牌的標誌。圖片會以您的色彩重新繪製，因此小細節與您的標誌可能略有位移。
404 頁該有多少文字？
越少越好：幾個字的標題、一行說明與按鈕文字。短文字繪製起來最清晰，拼寫請由您自行檢查；較長的行可能不夠完美，可透過修改更正。
可以用其他網站的 404 頁當範例嗎？
我們只參考其風格：版面、氛圍與色彩。絕不取用其標誌、品牌、笑話或文字，不會加入評價或評分，也絕不更改文件或官方表單。
沒有找到您要的答案？