勾叄珈琲

勾叄珈琲（Góðan Dag KAFFI）是自家烘焙的咖啡店，也賣咖啡豆。客戶希望客人在官網上，不只看得到店，也看得到他們賣的咖啡豆，所以網站除了介紹店，也做了購物車和金流，能直接下單。

咖啡店的網站通常只選一邊：要嘛是形象頁，讓人想來店裡；要嘛是純電商，賣豆子。這家兩件都要，而且兩種客人的動線完全不同：想逛的人想慢慢看，想買的人只想快快結帳。

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

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

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

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

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