<style>
.markdown-body{
font-family: "微軟正黑體" ;
}
*{
font-family: "微軟正黑體" ;
font-size: 14pt ;
line-height:36px;
}

a{
font-size: 11pt ;
}

small{
font-size: 13pt ;
color:#787878;
}
h2{
color:#00bf95;
}
strong {
padding-top: 30px;
display: inline-block;
font-size: 16pt ;

}

</style>

###### tags: `UI.UX `

UI 瘋美食Redesign
===
[參考文章1](https://medium.com/as-a-product-designer/%E9%87%8D%E6%96%B0%E8%A8%AD%E8%A8%88-pinkoi-%E8%A8%BB%E5%86%8A%E7%99%BB%E5%85%A5%E9%A0%81-cda29ddffc93)
[參考文章2](https://medium.com/as-a-product-designer/loveasmr-redesign-c42226e5a3d1)
[瘋美食官網](http://wowfoods.wowprime.com/front/web/index.do)
<br>
<br>

## 瘋美食原起
有在王品集團旗下餐廳(王品牛排、西堤、夏慕尼..等)用過餐的消費者一般都知道，在生日或紀念日當日前往門市消費時，都有相應的兌換禮可以領取，近期可能因為贈品成本或控管當日庫存等問題，王品一改往年模式，而是宣導消費者使用「瘋美食」，這款app來進行相關服務，一方面app可以統整所有旗下餐聽的資訊，方便消費者查詢/訂位(官網也可預訂)，一方面也將「 贈品須在APP上領取兌換券」方能在實體門市兌換，這項服務放入其中。
<small>*瘋美食icon*</small>

<br>
<br>

前陣子不知出於什麼原因，瘋美食APP完全無法登入，也無法進行其他功能的操作，日前王品在app store重新上架了一款「王品瘋美食」(舊版目前已恢復了運作，但在store已搜尋不到)用來取代原本的瘋美食，不對原有的app進行更新原因不明。

<small>*現有瘋美食icon*</small>
<br>
<br>
身為使用者的我也下載了新款來使用，但在體驗了新一代的瘋美食後，觀察到部分頁面的使用流程似乎有改善與學習的空間，所以決定以此來進行一次設計介面練習。

**以下，以我作為一個使用者，盤點所觀察到的狀態**
<br>
## 1.會員登入頁面

**在評論區，也有其他用戶反應類似的問題**


<br>
<br>
<br>

## 2.會員登入-Functional Spec

**登入UI Flow**
[](https://i.imgur.com/SRMqEdi.jpg)

** 登入_單一舊會員 Flow chart**
[](https://i.imgur.com/kSXBTXR.jpg)

## Mockup
[](https://i.imgur.com/OABfkxY.jpg)