嗨放 Havefunday

首頁 » 作品集設定 » 客製化網站 » 嗨放 Havefunday
About this showcase

關於此作品案例

嗨放 Havefunday

此案例是一個專注於分享台灣旅遊相關資訊的網站,提供全台美食、景點、住宿、廟宇的豐富資訊。在設計規劃時相當費時,屬於高度客製的網站,它擁有多樣式的 CPT 自訂文章類型,美食、景點、住宿、廟宇,而且每種 CPT 甚至有特別設計交叉關係連結的特性,例如美食就有跟景點關連的可能性,景點也有可能有關連到周邊住宿的資訊,因此在設計架構時特別依照其特性製作了「關係法」使之交互連結。

作為主要大型旅遊入口網站的架構需求,統一風格又要區分不同的分區,巧妙的運用色彩配色去達成色系的搭配,在進入各個分區頁面入口時可一眼辨識,不容易迷路;然而此網站平台的規畫特別也串接了許多 API 去取得資訊,例如我們常常因為部落客撰寫的店家資訊因一些緣故,該店面已經收掉了,要更新資料非常麻煩,在後台設計上有特別製作了一鍵取得店家資訊的 API 功能,同時該區塊也有支援地圖導航、電話聯絡還有顯示營業時間,為使用者在瀏覽時添增許多便利性。

其中有個特殊需求是需要將外部的合作網站服務連結,例如提到旅遊就會有包車服務,也額外的預留了未來擴充國外的景點與美食相關的資訊,添增許多彈性空間與發展。

嗨放 Havefunday
About color matching concept

配色概念

專業的配色及 CIS 結合

  • 淡藍色:這是一種清新而平靜的淡藍色,給人一種寧靜舒適的感覺。作為網站的主色調,因為是以舒服的旅遊作為出發點,同時也是景點分頁的主色。
  • 深綠色:這是一種深沉而豐富的綠色,常與大自然、生長和豐盛相關聯,能夠激發食慾。在與美食相關設計中,它可以用於強調食物相關的內容,如食品圖片、菜單或特色料理介紹。深綠色與食物攝影的結合特別有效,能突出食物的新鮮度和誘人度,增加用戶對美食的興趣。
  • 淡粉色:這是一種柔和而溫暖的淡粉色,給人一種溫馨且親切的感覺。淡粉色的運用可以為網站增添一種溫暖的氣氛,作為住宿相關提倡強調的舒適溫暖再適合不過。
About website featured

功能特色介紹

為您介紹此網站的特色賣點

  • 四大專區分頁:網站設計了四個主要專區,分別涵蓋美食、景點、住宿和廟宇,使得內容組織清晰,方便使用者根據興趣快速導航。每個專區都精心設計,提供詳盡的資訊和豐富的內容,讓使用者能夠輕鬆找到他們感興趣的主題。
  • AJAX 文章動態讀取:利用 AJAX 技術實現文章的動態讀取,使用者在瀏覽文章時無需重複載入或換頁,大大提高了瀏覽效率。這種無縫瀏覽體驗使得用戶能夠在不中斷閱讀流程的情況下,持續探索更多內容。
  • Google Place API:網站整合了Google Place API,自動抓取並顯示最新的店家和景點資訊。這不僅確保了提供給使用者的資訊是最新的,也豐富了地點的細節,如位置、評分和用戶評論。
  • 全站自訂 CPT 交互連結關係:自訂的內容類型(Custom Post Types, CPT)使得網站能夠有效地組織和展示不同類型的內容。透過交互連結關係,使用者可以輕鬆地從一篇文章跳轉到相關內容,提高了網站的互動性和用戶參與度。
  • 全站動態篩選器分類:網站提供了動態篩選器,讓使用者能夠根據類型、地區或其他標準來篩選內容。這個功能使得尋找特定主題或感興趣的內容變得更加容易和直觀。
  • AI 繪圖輔助製圖:透過最先進的 AI 繪圖,產生符合網站使用的代表形象圖像,省去大量成本。

對於我們的服務
有興趣還是有問題呢?

別害羞,歡迎隨時詢問我們

首頁