內容目錄
歡迎回到鵠學苑— WordPress 網頁設計超詳細攻略 – 一頁式網站 也能有品牌力！Slowmuffig是日本的馬芬蛋糕品牌，不論是網站內容、企劃或是設計，都有著自己濃厚的品牌特色！看似簡單的編排方式，卻能讓人留下深刻的印象，到底是如何達成的呢？現在讓我們一起來欣賞網站吧！接下來跟著鵠學苑的腳步，讓我們開始學習吧！
Slowmuffi 單頁式網站分享
https://slowmuffin.jp/
單頁網站案例
https://www.design-hu.com/tag/%E4%B8%80%E9%A0%81%E5%BC%8F%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88
Slowmuffin 單頁式網站規劃
設計網站的時候，究竟想傳達什麼樣的品牌理念給客戶呢？以 Slowmuffi 為例，所販賣的馬芬蛋糕不使用七項過敏原料，以天然、手工的方式製作。因此網站以小孩子為出發點，強調媽媽的放心，小孩子吃得開心，文案與照片的規劃都圍繞在親子主題中，讓人倍感溫馨。
一頁式網站強調的是以最簡單明暸的資訊內容來呈現產品特色與企業價值，但由於空間限制，無法呈現較為豐富的內容，這也是一頁式網站普遍的缺點。但在 Slowmuffi 中一進入網站就以動畫描繪 Logo 與平鋪轉場特效顯示蛋糕食材，以創意性吸引瀏覽者目光，當然，精美的網站素材也是功不可沒。
Slowmuffin網站品牌配色規劃
除了網站的主打目標明確外，配色上以大地色系為主，並搭配紙質的背景呈現，藉此強調天然的感覺。網站多用馬芬的大照片排版，希望藉由好吃的食物照吸引目光，提高買氣。在畫面滾動時層次分明的區塊展現，給人一種網站活潑具有生命力的感覺，襯托出享用甜點時喜悅的心情，彷彿香濃甜美的蛋糕觸手可及，Slowmuffin 將網站技術與圖片藝術結合的恰到好處，相信對網站顧客停留時間有莫大的影響力。
Slowmuffin原料slider規劃
網頁畫面一進來的主要Banner，以彈跳的動畫呈現，讓網站增添一絲活潑氣息。右側選單下方的馬芬蛋糕讓人可以直接連結商店，導入購買流量。藉由童趣的 Slider 呈現每個馬芬蛋糕的原料，為網站增添趣味性，不再單純的靜態介紹。
而單頁網站為了避免過長的頁面資訊造成使用者視覺疲勞，最常運用的方式就是錨點連結，透過 CSS 語法定位資訊區塊位置，讓使用者可以快速到達指定區域，而 Slowmuffin 特別的是打破多數網站架構設計，以固定屬性方式將設計為菜單樣式的網站主選單放置於右上角，在整體視覺以及瀏覽者操作流程上而言，都具有畫龍點睛的效果。
結語：
只要能釐清主打的目標客群，清楚傳達品牌理念，規劃好文案及圖片的呈現，一頁式的網站也可以讓人感動。不過並不是每個產品或服務都適合使用一頁式的網站呈現，還是要依據網頁架構及資料來決定喲。
今天的分享到這裡告一段落了，不要忘記在右側訂閱鵠學苑電子報，確保收到最新 WordPress 教學文章，如果有網頁設計相關需求，或者想了解最新網站知識，也可以到 鵠崙設計 做線上免費諮詢喔！我們下次的教學見～
架站相關文章：
網站架設知識推薦閱讀：
如何使用 Elementor 建立 WooCommerce 單一商品頁？圖文步驟教學
Elementor 選單小工具 – 客製化 Menu Widget 功能與樣式操作教學
Site Kit For WordPress – 網站後台顯示 Google 分析數據外掛教學
