Eatpire

In-House Project | Web Design

Eatpire原先是一個專門撰寫「 fine dining 」餐飲文化的線上媒體平台，隨著品牌開始轉型，逐漸將重心轉往電商，如今除了提供餐飲文章，也在線上販售優質點心、食材、餐點及餐飲體驗。合作對象有畬室、Du Rhône Chocolatier、蘭餐廳等多間優秀品牌。

設計挑戰｜整合電商與媒體

由於Eatpire原先為純線上媒體平台，在我加入以前的前一次改版中，因為太過直接地全面轉往電商，造成客群流失，因此，公司希望此次改版時除了體現「電商」的功能也能盡力呈現Eatpire高質感且具文化素養的「媒體」的特質，讓原有用戶願意繼續使用Eatpire平台。

設計解析

無論是官網用圖或商品圖的挑選上皆以「情境圖」為主，透過呈現人與產品的互動帶出文化感，用色上刻意避開多數電商喜好的活潑亮色系，以品牌主色和無色系做搭配，讓用戶聚焦圖片本身傳達的氛圍。此外，選擇以企劃區與商品類別區作為媒介導覽進購買頁面，取代多數電商直接在首頁大量曝光商品，進而達到上述公司期望同時呈現「電商」及「媒體」特性的需求。

改版後跳出率大幅下降

持續追蹤新版設計成效3個月後，用戶在首頁的跳出率從原先 40.73% 下降至 31.34%，下降近 10% ，在用戶訪談中也得到用戶們的正向回饋。

透過導航提升網頁易用性

新版設計中加強網頁整體導航功能，在商品頁中加入「選擇分類與品牌」、「新品上市」、「優惠」等多種分頁讓用戶有更多窗口可深入瀏覽，並且在用戶Hover每項商品時顯示「加入購物車」鈕，可立即、快速地加入商品。在搜尋功能方面，增添了搜尋提示，首次搜尋即告知用戶本網站熱門搜尋商品，並記錄用戶的搜尋，提示過去搜尋過的商品。另外，也在搜尋功能上同時顯示「商品」、「文章」及「店家」的搜索結果，除了提供更清楚的選擇分類之外，也暗示用戶Eatpire平台有提供這三種不同的內容。

設計中的收穫

Eatpire的網站需要同時兼顧內部需求與外部需求，每個功能針對的使用對象不同，涉及的部門也不同，有用戶、商家端、行銷部、營業部、工程部 . . . 等等。在與團隊共事的過程中我了解到溝通及妥協的重要性，有些設計是各部門溝通或妥協出來的結果，例如：企劃頁不能根據每次企劃做特別設計，因為為了減少開發成本，需要將企劃頁模組化。這是行銷、設計與工程一起討論後做出的決定。我學到在設計前要先確認各方對於最終目標有相同的認知，最後才能讓設計結果和目標方向一致。

“ 在網站設計的領域，庭愛擅於跨部門及外部需求整合並提供解決方案，完成兼具美感和易用性的設計。"

Eatpire 行銷長 Ivy