形象頁設計轉 HTML版面轉 HTML

將您的形象頁(Landing Page)設計製作成 HTML 與 CSS:依設計稿呈現每個區塊,並附手機版

通常 15 分鐘內完成含修改次數品質檢查
方案
付款保障詳細資訊
  • 方案內的修改免費。
  • 若您在交付後 3 天內未回應,成果將自動驗收。

付款時款項會先保留,在您驗收後才會撥付。

將您的形象頁(Landing Page)設計製作成 HTML 與 CSS:依設計稿呈現每個區塊,並附手機版

成果範例

標準版方案範例

Dental clinic home page built from its design

Before: the design the client sent

The home page design

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 製作,區塊順序依您的安排,網格與色彩相同,文字是搜尋引擎能讀取的真正文字;若設計稿沒有手機版,則另外製作。每個行動呼籲按鈕可以撥打電話、開啟 WhatsApp 或通訊軟體、撰寫電子郵件,或連到您自己的訂購或預約連結。設計中的表單因為沒有伺服器而無法送出任何內容,所以我們會建議改用按鈕。不含動畫、付款功能、追蹤碼或主機服務。

包含內容

  • 您會拿到什麼一個 ZIP 壓縮檔,內含頁面、樣式與圖片,可直接上傳到您的主機;訂單頁面上也能預覽每一頁。
  • 區塊依您的順序排列從首屏到頁尾,皆依設計稿呈現
  • 行動明確的按鈕撥打電話、WhatsApp、電子郵件或您自己的連結
  • 手機版若您沒有手機版設計,則由桌面版設計製作
  • 利於搜尋具備真正的標題、頁面標題與描述
  • 乾淨的程式碼純 HTML 與 CSS,沒有框架,也不會從其他網站載入任何內容

服務流程

  1. 1
    上傳您上傳形象頁設計稿,並說明每個按鈕要連到哪裡
  2. 2
    製作我們建置各區塊,並繪製缺少的圖片
  3. 3
    預覽與壓縮檔您在電腦和手機上將頁面與設計稿比對,下載壓縮檔,並可在方案範圍內提出修改

需要您提供的資料

最多 5 張 PNG、JPEG 或 WebP 圖片:您的形象頁設計稿(一張長圖,或依序分段的多張圖)、如有手機版也請提供,另可附上要原樣使用的標誌與照片。若最終文字與設計稿不同,請一併提供;另請提供供搜尋引擎使用的頁面標題與描述,以及每個按鈕要連到哪裡:電話號碼、WhatsApp、電子郵件或您的訂購連結。

我們會詢問您:

  • 哪個檔案對應形象頁的哪一部分?
  • 最終文字
  • 每個按鈕要連到哪裡?
  • 供搜尋使用的頁面標題與描述
  • 設計是您的嗎?

比較方案

方案基本版簡短形象頁,最多 5 個區塊US$21標準版完整形象頁,最多 10 個區塊US$39進階版形象頁再加 2 頁US$67
交付期限1 天2 天3 天
修改次數123
頁數113
區塊最多 5 個最多 10 個每頁最多 8 個
為頁面繪製的圖片246
手機版有有有
行動呼籲按鈕電話、通訊軟體、電子郵件或您的連結電話、通訊軟體、電子郵件或您的連結電話、通訊軟體、電子郵件或您的連結
訂購 基本版訂購 標準版訂購 進階版

付款保障

下單時付款,但只有在驗收成果後,款項才會撥付。

  • 固定價格付款後,方案價格不會變動。
  • 款項先行保留付款時,金額只會先保留,在您驗收後才會撥付給服務。
  • 交付前檢查每份成果在交到您手上之前都會經過品質檢查,您也可以在驗收前於訂單頁面查看成果。
  • 免費修改在需求說明範圍內,可依方案允許的次數提出修改。
  • 3 天後自動驗收若您在交付後 3 天內未驗收也未提出修改,成果將自動驗收。若您在交付後於訂單聊天室留言,訂單會暫停自動驗收;我們回覆後,可能會重新起算 3 天,並會在聊天室中告知。
  • 重新製作或全額退款若成果不符合您的需求說明且修改後仍未改善,或製作時間超過交付期限的兩倍,請在訂單聊天室留言:我們將重新製作,或全額退還款項。
運作方式 →

常見問題

我的形象頁有報名表單,可以送出資料嗎?

不行,因為沒有伺服器。表單區塊可以改成按鈕,開啟 WhatsApp、通訊軟體或電子郵件,或連到您現有的表單服務。

可以串接流量分析或廣告追蹤嗎?

不行,頁面沒有追蹤碼,也不會從其他網站載入任何內容。追蹤碼之後可由您自行加到 HTML 中。

可以幫忙改善文案或結構嗎?

這項服務是依照您的設計稿原樣製作。依需求說明做小幅文字修改可以;新的文案或調整區塊順序則不在範圍內。

我設計中的倒數計時或動畫會運作嗎?

動畫不包含在這項服務內。倒數計時只有在對應您提供的真實日期時才會顯示;我們不會加入虛假的期限或折扣。

能與我的設計稿一模一樣嗎?

版面、色彩、尺寸與區塊順序會非常接近,但無法精確到像素:字型是相近的系統字型,而且除非您上傳自己的照片,否則照片會重新繪製。修改功能可以調整您在意的地方。

沒有找到您要的答案?

方案