專案概述

01 | 基於小程序設計

這是一個基於小程序進行設計的工作。

02 | 行業

這是一個餐飲行業的專案。計劃面向群體主要是年輕人、和踏入社會的人員。類似於奶茶店的狀態。

03 | 負責角色

在這個專案中,我負責 UI UX 的設計流程和產出。期間,依照平常專案的操作,每次設計版本修改都會交付一個 PDF。

04 | 高速遞送

由於甲方短時間的要求,本次專案遞送了Brief、1a、1b、1c 4 次遞送。

總計時間消耗大約 2 周時間。


A | 提案

A1 | 視覺提案

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c8938c9c-62bc-449e-9f79-89b618acc3dc/202004_Brief_1.007.jpeg

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/099f2880-e725-4626-8a31-47b763e0c134/alert-circle-outline.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/099f2880-e725-4626-8a31-47b763e0c134/alert-circle-outline.svg" width="40px" /> 採用基於 DANDELION 明亮的黃色進行視覺風格引導。

</aside>

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/099f2880-e725-4626-8a31-47b763e0c134/alert-circle-outline.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/099f2880-e725-4626-8a31-47b763e0c134/alert-circle-outline.svg" width="40px" /> 會員卡採用了常見的條形碼進行處理,以適配傳統設備。

</aside>

A2 | 圖標設計

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9fc8acf3-a76d-4401-ab96-ecbc07351213/radio-button-off-outline.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9fc8acf3-a76d-4401-ab96-ecbc07351213/radio-button-off-outline.svg" width="40px" /> MBE Style → 代表了可愛、有趣

</aside>

MBE 風格的特點:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/d79dc352-433a-44fa-ad0a-ef69d0014f6e/Untitled.png

A3 | Banner 設計

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7907a7de-cd8d-421c-9a10-68cff91b212c/202004_Brief_1.012.jpeg

Banner 基於可高速閱讀的原則進行設計。

同時以可愛、有趣作為輔助設計要求。

A4 | Fonts 字型使用

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/578d809f-c9ce-46ad-aea8-ce8eab919cd0/202004_Brief_1.014.jpeg

本次專案採用免費商用字體「阿里巴巴普惠體」,作為搭配的設計字體。

明亮、粗邊緣的風格與 MBE Style 風格相搭配。以符合品牌追求的年輕化的感覺。

A5 | UI 結構

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/78f7728f-e063-44d1-ba4a-0ff2527ba692/202004_Brief_1.016.jpeg

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/8140aa7d-b952-4ee8-84e3-d99021298a6a/202004_Brief_1.017.jpeg