聯絡與據點頁面的新設計：地址、營業時間與聯絡方式，以 HTML 與 CSS 呈現

成果範例

標準版方案範例顯示全部

New design of a bakery's home page from a screenshot

Before: the screenshot the client sent

After: the new page

Files: a ZIP archive with index.html, the styles and 2 pictures drawn for the page, ready to replace the old page on the client's hosting. The pictures here are screenshots of the pages.

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.

客戶與所有細節皆為虛構。

關於此服務

在聯絡頁面上，人們想要點一下就出發：撥號、用通訊軟體留言、開啟路線。舊頁面常有很小的地圖、無法點擊的電話號碼，以及藏在段落裡的營業時間。請上傳您的截圖，我們會重新設計並製作：在手機上可撥號、開啟通訊軟體或電子郵件的按鈕、每個地址連同營業時間、交通方式與依您提供的停車備註、依您連結在地圖應用程式中開啟該地點的按鈕，以及多個分店時，每個據點一張卡片。地址、電話、營業時間與交通方式完全照您截圖或需求說明中的內容；我們絕不去查詢或補上缺漏。頁面不從其他網站載入任何東西，所以沒有內建即時地圖：您的開發人員可以在標示好的位置貼上地圖嵌入碼。

包含內容

• 您會收到什麼一個 ZIP 壓縮檔，內含 HTML 與 CSS 的新頁面、樣式與圖片，可直接上傳到您的主機，另在訂單頁面提供電腦與手機的預覽。進階版為三個同風格的頁面。
• 點一下撥號或留言電話、通訊軟體與電子郵件按鈕
• 每個據點一張卡片地址、營業時間與交通方式整合在一起
• 地圖連結在地圖應用程式中開啟每個地點
• 只用您的資料不查詢、不猜測
• 支援手機，程式碼乾淨純 HTML 與 CSS，不從其他網站載入任何東西

服務流程

1. 1
   截圖您上傳聯絡頁面截圖並列出據點
2. 2
   改版我們重新設計頁面、繪製圖片並製作
3. 3
   預覽您在電腦與手機上比較新舊頁面
4. 4
   壓縮檔您下載壓縮檔，並在方案範圍內提出修改

需要您提供的資料

最多 5 張 PNG、JPEG 或 WebP 圖片：聯絡或據點頁面的截圖，以及若願意，可另附標誌檔案。請照實際要呈現的樣子寫出每個據點的地址、營業時間、電話與交通方式、您的通訊軟體與電子郵件、每個地址的 Google 地圖或其他地圖連結、您目前不喜歡什麼與必須保留什麼，以及一個您喜歡的網站作為風格參考。

我們會詢問您：

• 您的據點
• 聯絡方式
• 營業時間與交通方式
• 地圖連結
• 哪些必須保留？

比較方案

常見問題

沒有找到您要的答案？ 詢問我們