
成果範例
New design of a bakery's home page from a screenshot
Client: Miller Street Bakery, a family bakery. Task: give the old home page a fresh, modern look, keeping the name, the warm brown colour, the opening hours and the list of what they bake, with big pictures of bread and a clear order button.
客戶與所有細節皆為虛構。
關於此服務
如果您的舊網站在手機上字很小、要左右捲動、連結小到點不到,訪客就會離開。我們不去修補舊程式碼:而是依據您的頁面截圖重新設計,製作從小螢幕手機到寬螢幕都能運作的現代頁面,同時保留您的內容、標誌與色彩。手機版會有清晰好讀的文字、一點就開的選單、大小適合拇指點按的按鈕,以及可撥打電話、開啟 WhatsApp 或其他通訊軟體,或撰寫電子郵件的聯絡按鈕。寬表格與長文章會重新編排,以適應窄螢幕。事實內容完全依您提供的為準。舊頁面由您或負責維護網站的人換成新頁面;我們不會登入您的網站。
包含內容
- 您會拿到什麼一個 ZIP 壓縮檔,內含新頁面、樣式與圖片,可直接上傳到您的主機;訂單頁面上也能預覽每一頁。
- 在任何手機上都好讀字級、間距與行寬皆針對小螢幕調整
- 手機版選單一點就開,並列出您所有的頁面
- 點一下就能撥打或傳訊息大尺寸的聯絡按鈕,對應您的電話、通訊軟體與電子郵件
- 適合螢幕的表格價目表與寬表格重新編排成卡片或列,適合窄螢幕
- 保留您的內容與品牌文字、標誌與色彩取自您的截圖;純 HTML 與 CSS
服務流程
- 1截圖您上傳頁面截圖,來自電腦的截圖,若方便也可附手機截圖
- 2改版我們重新設計頁面、繪製圖片並建置
- 3預覽與壓縮檔您用自己的手機和電腦檢查新頁面,在方案範圍內提出修改,再下載壓縮檔
需要您提供的資料
最多 5 張 PNG、JPEG 或 WebP 圖片:在電腦上擷取的目前頁面截圖,盡量一張圖一整頁,清晰到看得清楚文字;若有的話,另附一張最難用之處的手機截圖,另可單獨附上標誌檔案。請說明哪張截圖對應哪個頁面、在手機上最難用的地方、哪些必須保留、聯絡按鈕要用的電話號碼、通訊軟體與電子郵件,以及若有喜歡的網站,也可提供作為風格的參考。
我們會詢問您:
- 哪張截圖對應哪個頁面?
- 在手機上最難用的是什麼?
- 哪些必須保留?
- 點按按鈕用的聯絡方式
比較方案
付款保障
下單時付款,但只有在驗收成果後,款項才會撥付。
- 固定價格付款後,方案價格不會變動。
- 款項先行保留付款時,金額只會先保留,在您驗收後才會撥付給服務。
- 交付前檢查每份成果在交到您手上之前都會經過品質檢查,您也可以在驗收前於訂單頁面查看成果。
- 免費修改在需求說明範圍內,可依方案允許的次數提出修改。
- 3 天後自動驗收若您在交付後 3 天內未驗收也未提出修改,成果將自動驗收。若您在交付後於訂單聊天室留言,訂單會暫停自動驗收;我們回覆後,可能會重新起算 3 天,並會在聊天室中告知。
- 重新製作或全額退款若成果不符合您的需求說明且修改後仍未改善,或製作時間超過交付期限的兩倍,請在訂單聊天室留言:我們將重新製作,或全額退還款項。
常見問題
你們可以直接在我現有的程式碼上加入手機版嗎?
不行。我們不編輯您舊的程式碼,也不登入您的網站:我們以新設計製作可在手機與電腦上運作的新頁面,用來取代舊頁面。
我該提供電腦截圖還是手機截圖?
從電腦擷取的整頁截圖能呈現所有內容,這樣就夠了。若再附上最難用之處的手機截圖,有助於我們看出最困擾您的地方。
我們有很大的價格表,放得進手機嗎?
可以:在手機上它會重新編排成卡片或簡短的列,每個價格都完全依您頁面上的內容。
我的網站是用建站平台或 CMS 製作的,可以用嗎?
新頁面是純 HTML 與 CSS。若網站是純程式碼,直接取代舊檔案即可。若是建站平台或 CMS,則由您或負責維護網站的人以自訂 HTML 加入,或依照我們的頁面在那裡重新製作;我們不會把它放進建站平台或 CMS。
新頁面在電腦上看起來也會不一樣嗎?
會。這是一套適用所有螢幕的新設計,而不是舊頁面的複製品:您的內容與品牌維持不變,版面則是全新的。
沒有找到您要的答案?


