成果範例
Dental clinic home page built from its design
Before: the design the client sent
After: the working page
Files: a ZIP archive with index.html, the styles and 2 pictures for the page, ready to upload to the client's hosting. The pictures here are screenshots of the page.
Client: Bright Smile Dental. Task: turn the home page design into a working HTML page with the same layout, colours and texts, and booking buttons that call the clinic.
客戶與所有細節皆為虛構。
關於此服務
首頁決定了整個網站的樣貌：含標誌與選單的頁首、首屏、主要區塊與頁尾。請將首頁設計稿以圖片上傳，我們會用 HTML 與 CSS 製作，網格、色彩與順序相同，文字是真正的文字，選單在手機上會收合成按鈕。在 3 頁方案中，兩個內頁共用相同的頁首、頁尾與樣式，讓您網站的其他部分能由此延伸。未訂購之頁面對應的選單項目，會連到您指定的位置，例如某個區塊或聯絡方式。除非您上傳照片，否則照片會重新繪製；不含 CMS、後端或主機服務。
包含內容
- 您會拿到什麼一個 ZIP 壓縮檔，內含頁面、樣式與圖片，可直接上傳到您的主機；訂單頁面上也能預覽每一頁。
- 頁首與選單標誌、選單與聯絡方式皆依設計稿呈現，小螢幕上則是手機版選單
- 依序排列的區塊版面、色彩與字型皆依您的設計稿
- 後續頁面的基礎每個頁面共用頁首、頁尾與樣式
- 真正的文字標題與段落以搜尋引擎能讀取的 HTML 呈現
- 乾淨的程式碼純 HTML 與 CSS，沒有框架，也不會從其他網站載入任何內容
服務流程
- 1上傳您上傳首頁設計稿，並說明選單項目要連到哪裡
- 2製作我們建置頁面，並繪製缺少的圖片
- 3預覽與壓縮檔您在電腦和手機上將頁面與設計稿比對，下載壓縮檔，並可在方案範圍內提出修改
需要您提供的資料
最多 5 張 PNG、JPEG 或 WebP 圖片：您的首頁設計稿（一張長圖，或依序分段的多張圖）、3 頁方案所需的內頁設計稿、如有手機版也請提供，另可附上要原樣使用的標誌與照片。請說明每個選單項目與按鈕要連到哪裡、頁首與頁尾使用的聯絡方式，以及與設計稿不同的文字。
我們會詢問您：
- 哪個檔案對應哪個頁面？
- 選單項目要連到哪裡？
- 頁首與頁尾的聯絡方式
- 文字需要與設計稿完全一致嗎？
- 設計是您的嗎？
比較方案
付款保障
下單時付款，但只有在驗收成果後，款項才會撥付。
- 固定價格付款後，方案價格不會變動。
- 款項先行保留付款時，金額只會先保留，在您驗收後才會撥付給服務。
- 交付前檢查每份成果在交到您手上之前都會經過品質檢查，您也可以在驗收前於訂單頁面查看成果。
- 免費修改在需求說明範圍內，可依方案允許的次數提出修改。
- 3 天後自動驗收若您在交付後 3 天內未驗收也未提出修改，成果將自動驗收。若您在交付後於訂單聊天室留言，訂單會暫停自動驗收；我們回覆後，可能會重新起算 3 天，並會在聊天室中告知。
- 重新製作或全額退款若成果不符合您的需求說明且修改後仍未改善，或製作時間超過交付期限的兩倍，請在訂單聊天室留言：我們將重新製作，或全額退還款項。
常見問題
選單的項目比我訂購的頁面還多。
每個項目可以連到首頁的某個區塊、您現有網站的頁面，或聯絡方式。尚未存在的頁面可以之後再補上。
沒有設計稿也能製作內頁嗎？
每個頁面最好都依據自己的設計稿製作。如果某個內頁沒有設計稿，請列出它的區塊與文字，我們會依據首頁的元件與風格組合出來；您可以在預覽中檢查。
可以串接 WordPress 或 CMS 嗎？
不行。您拿到的是純 HTML 與 CSS 頁面，可在任何主機上獨立運作；日後要移植成 CMS 佈景主題，屬於另外的工作。
能與我的設計稿一模一樣嗎？
版面、色彩、尺寸與區塊順序會非常接近，但無法精確到像素：字型是相近的系統字型，而且除非您上傳自己的照片，否則照片會重新繪製。修改功能可以調整您在意的地方。
沒有找到您要的答案？