參考風格網頁版面轉 HTML

仿照您喜歡的網站風格製作 HTML 與 CSS 網頁,內容由您提供,並附手機版

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

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

仿照您喜歡的網站風格製作 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 製作網頁,只取其外觀與版面概念:氛圍、間距、字體風格,以及區塊的編排方式。該網站的標誌、品牌、文字、照片與插圖一律不會使用:內容屬於您,圖片則重新繪製。成果是風格相近、屬於您自己的頁面,而不是那個網站的複製品。您會拿到手機版和供主機使用的 ZIP;不含動畫、後端、CMS 或主機服務。

包含內容

  • 您會拿到什麼一個 ZIP 壓縮檔,內含頁面、樣式與圖片,可直接上傳到您的主機;訂單頁面上也能預覽每一頁。
  • 取風格,不取內容參考其氛圍、間距、字體風格與區塊節奏
  • 您的內容使用您提供的文字、標誌與照片
  • 重新繪製的圖片呼應參考網站的氛圍,但絕不照搬
  • 手機版即使參考圖只有桌面版畫面也會提供
  • 乾淨的程式碼純 HTML 與 CSS,沒有框架,也不會從其他網站載入任何內容

服務流程

  1. 1
    參考與內容您上傳喜歡的網站截圖,並提供自己的文字
  2. 2
    製作我們以該風格製作您的頁面,並繪製新的圖片
  3. 3
    預覽與壓縮檔您在電腦和手機上檢查頁面,下載壓縮檔,並可在方案範圍內提出修改

需要您提供的資料

最多 5 張 PNG、JPEG 或 WebP 圖片:一兩張您喜歡的網站截圖(僅作為風格參考),以及您擁有或有權使用的標誌與照片。請提供每個區塊的文字、如有品牌色也請一併提供,並說明您喜歡參考網站的哪些地方(例如大標題與寬鬆的間距),以及每個按鈕要連到哪裡。

我們會詢問您:

  • 您喜歡參考網站的哪些地方?
  • 您的頁面用途是什麼?
  • 各區塊的文字
  • 您的色彩與標誌
  • 標誌、照片與文字都是您的嗎?

比較方案

方案基本版1 頁,最多 5 個區塊US$21標準版1 頁,最多 10 個區塊US$39進階版最多 3 頁US$67
交付期限1 天2 天3 天
修改次數123
頁數113
區塊最多 5 個最多 10 個每頁最多 8 個
為頁面繪製的圖片246
手機版有有有
取自參考網站的部分僅外觀與版面概念僅外觀與版面概念僅外觀與版面概念
訂購 基本版訂購 標準版訂購 進階版

付款保障

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

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

常見問題

可以把那個網站一模一樣地複製嗎?

不行。我們只取外觀與版面概念。另一個網站的標誌、名稱、文字、照片與插圖一律不會使用,也不應讓人把您的頁面誤認為該網站或其品牌。

頁面上用誰的文字?

用您的文字。請提供每個區塊的文字;我們不會沿用參考網站的用語。若未提供文字,各區塊會先放上簡短的中性佔位文字,之後由您替換。

可以保留我自己的品牌色嗎?

可以,而且我們建議這麼做:搭配參考網站的間距、字體風格與節奏,再加上您的色彩與標誌,就能讓頁面明顯屬於您。請提供色碼或上傳標誌。

我可以上傳什麼?

您喜歡的網站截圖(僅供參考風格),以及您有權使用的內容:自己的標誌、照片與文字。我們不會使用取自參考網站或其他網站的圖片。

看起來會和參考網站完全一樣嗎?

氛圍與版面會給人類似的感覺,但不會完全相同:您的內容不同,字型是相近的系統字型,圖片也是重新繪製的。修改功能可以調整您在意的地方。

沒有找到您要的答案?

方案