勾叄珈琲

勾叄珈琲（Góðan Dag KAFFI）是自家烘焙咖啡店，網站同時含線上購物與會員系統。

咖啡店的網站通常只選一邊：要麼是形象頁（讓人想來店裡），要麼是純電商（賣豆子）。這家兩件都要，而且兩種客人的動線完全不同。

導覽把「內容」與「商品」分成兩條線。關於勾叄、最新消息、菜單介紹、咖啡百科是內容線；線上購物與會員則用橘色實心色塊從選單裡拉出來，購物車常駐右上。想逗留的人與想結帳的人不互相干擾。

首屏不用一張大圖，用三欄不等寬的拼貼：咖啡機特寫、店內空間、外帶杯。三張各對應一種消費情境——專業、坐下來、帶走。一張大圖只能講其中一種。

直排中文標語疊在拼貼上。直排有手寫招牌的節奏，跟自家烘焙這件事的手感一致。

「咖啡百科」單獨進主選單，不埋在部落格裡。自家烘焙的專業只能靠內容證明，而這些內容也是搜尋流量的來源。內容頁做得很深：品牌故事、創業小故事、店長分享、烘豆設備介紹、職人咖啡師推薦五款咖啡豆、環境介紹——這些頁回答的都是同一個問題：為什麼跟別家不一樣。

FB、IG、LINE 三個社群圖示放在頁首最上方。咖啡店的日常互動實際發生在社群，網站負責的是裝不下的那些。

更多網頁設計作品見 網頁設計，服務內容與建置流程見 網站設計，方案起價見 方案費用。