PORTFOLIO DESIGN
王 儀
個人UIUX作品集
WANG YI
大學時期半工半讀的關係，我有過兩年的平面設計工作經驗，主要從事 活動規劃，製作活動視覺海報。對UX設計產生興趣，便開始著手了第一 份網頁設計，擁有UX經驗和團隊溝通經驗。畢業後也陸續製作了APP的 設計專案。重新製作了愛嘉義的APP，更改視覺並調整了資訊架構，讓 整體APP更加實用。並且經由問卷統整，調查使用者需求，完成了一款
個人資訊 關於我 ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
0979933746 a0980933746@gmail.com
超市ＡＰＰ。
工具 illustrator Photoshop InDesign Figma 經歷 目錄 設計助理
室內設計系 大甲高中
畢業製作副召
臺中科技大學 2019-2022 商業設計系 ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
2020-2022
2017-2019
2021-2022
-
遊點想你
專案時間：2021 06.15 - 2021 10.15
遊點想你網頁設計
研究：團體 UI：個人
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
UI/UX設計
遊點想你
遊點想你是一款針對身處異鄉打拼的遊子所設計的療癒繪本，希望透過繪本和網站、周邊，喚 起遊子想家的心情，讓在外打拼的你，抽空時間回家陪伴你的家人，並且珍惜和家人相處的每 分每秒。
受訪對象 85位大學生、20位社會人士
經由105人的問卷調查中，有 高達75位的民眾有一個月以上未回家 的經驗，其中就有 25位民
眾有高達三個月 以上沒回家，這讓我們決定製作一系列的繪本禮盒、網站，讓在外打拼的遊子
能夠和家人分享。
回家經驗 多久回家
1個月 1個月 75人
30人
3個月 25人
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
問卷調查 困境 更便利的生活環境、更優渥的薪資遠離家鄉。
資訊架構 Information Architecture
網頁設計的架構，主要是以情感堆積的方式，讓民眾將自身投影在繪本故事男主角，並一步步引導至購買產品帶回家和家人
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
分享。
首頁 1.我的故事 2.繪本故事 2.1角色介紹 2.2故事轉折 2.3電子書 3.想你商店 3.a加入購物車 2.a故事全集
從一開始的故事背景，到繪本故事，讓消費者能夠將自己投影成故事中的男主角，在繪本故事有一個故事全集的 按鈕，民眾可以進去讀完整個故事內容，並瞭解到家的重要性和故事產生共鳴，最後才是購買產品，帶回家和家人
首頁 - 網頁版 故事介紹 - 網頁版 ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
分享。 線框稿 Wireframe
漸進式的方式，一步步帶領讀者
首頁 - 手機版 故事介紹 - 手機版 ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊 線框稿
Wireframe
購買產品
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊 遊點想你首頁
了解繪本故事 將自己投射成主角 購買產品和家人分享
頁面展示 Page Display 了解我們的初衷
頁面展示 Page Display
角色特質 故事的起承轉合
電子書的閱讀
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
遊點想你角色介紹介面
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
頁面展示 Page Display
故事介紹頁面分為角色介紹、故事的劇情轉折以及故事全集，藉由引導的方式，先從角色介紹大改了解角色的性格與主角相 處方式，再到故事轉折，和最後的故事全集，供民眾下載電子書或者購買繪本實體書。
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
遊點想你 - 網頁版 遊點想你 - 手機版
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
Figma
UI/UX設計 - 愛嘉義APP - redesign
專案時間：2022
09.15 - 2022 11.15
愛嘉義ＡＰＰ - redesign 研究：個人 UI：個人
ＵＩ/ＵＸ設計
品牌識別設計 海報設計 個人資訊
UI/UX設計 - 愛嘉義APP - redesign
專案時間：2022 09.15 - 2022 11.15
愛嘉義
愛嘉義 APP 是一款提供給嘉義市民、來到嘉義旅遊的朋友們快速暸解嘉義的一款 APP ，但是在使
用 APP 的過程中發現了幾點問題，資訊複雜難懂、訊息沒有統整、以及視覺設計上的問題，都會影 響到第一次使用這款 APP 的使用體驗，也間接影響到嘉義給人的印象。
愛嘉義APP - 舊版
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
視覺調整
好的視覺能夠影響一個使用者的體驗，在這款APP中發現在視覺設計上面元件不統一，導致在觀看上面
影響視覺，將資訊架構稍微調整以及重新設計視覺讓整體更加和諧。
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
提升使用者下載數量。
視覺修整、架構。
目標客群 1嘉義在地居民 2嘉義旅遊的朋友們 修正視覺， 更快速找到想要的功能。
問題點
短期 長期
資訊架構 Information Architecture
首頁的圖示按鈕皆是從獨家服務延伸出來的快捷按鈕，所以將獨家服務以更多項目的形式呈現在首頁當中，使用者需要 使用其他功能時可以直接在首頁做選取，無需再做跨頁，資訊也能更統一。我的最愛使用方法不夠直觀，影響使用且APP 內有快速查找功能可以快速找到所需資訊，生活資訊刪除外幣和台股加權指數。
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
嘉義活動 首頁 嘉市好旅行 嘉市氣象 嘉義新聞 繳費查詢 施工訊息 圖書館 圖書館座位預約 嘉市空汙 嘉市氣象 嘉義水庫 台股加權 外幣 市政訊息 生活娛樂 交通運輸 櫃檯叫號 安全防災 法律服務 網路社群 氣象資訊 健康護照 教育文化 就業 環境 優質APP 地圖 申辦 新聞 活動 獨家服務 生活資訊 我的最愛 嘉義活動 首頁 嘉市好旅行 嘉市氣象 嘉義新聞 更多項目 繳費查詢 施工訊息 圖書館 圖書館座位預約 嘉市空汙 嘉市氣象 嘉義水庫 市政訊息 生活娛樂 交通運輸 櫃檯叫號 安全防災 法律服務 網路社群 氣象資訊 健康護照 教育文化 就業 環境 優質APP 地圖 申辦 新聞 活動 生活資訊 建議信 ＮＥＷ ＯＬＤ
調整視覺，讓app更加方便使用。
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
首頁 新聞 活動 生活資訊 建議信
線框稿 Wireframe
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
改善 頁面展示 Page
首頁 ＮＥＷ ＯＬＤ
獨家服務改至首頁，幫助讀者能更 直觀的查詢更多服務。
Display
將圖片重新排版，調整字級大小。
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
改善 新聞以及活動頁面 ＮＥＷ ＯＬＤ
考量到APP是專屬於嘉義市，便將資 訊統整成天氣、空氣、水庫水量，刪除 外幣、台股加權指數。
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
改善 生活資訊頁面 ＮＥＷ ＯＬＤ
改善
我的最愛使用上不直觀，容易讓使 用者混淆使用方式。並增加想說的 話讓來嘉義旅遊的民眾並且使用 APP使用者能夠給予嘉義市政府第 一手建議。
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
想說的話頁面 ＮＥＷ ＯＬＤ
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
Figma
UI/UX設計 - 全聯I購
專案時間：2022 12.15 - 2023 01.20
全聯I購ＡＰＰ 研究：個人 UI：個人
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
UI/UX設計 - 全聯I購 專案時間：2022
12.15 - 2023 01.20
全聯I購
大賣場的東西越來越多樣，食品類、生活用品、五金類，各式各樣的商品讓大賣場的便利性越 來越高。由於商品的多樣性，導致商品擺放位置越來越複雜，民眾也很難在第一時間內找到自
己需要購買的商品。再加上民眾喜歡在購物時上網比較不同商品評價來作為自己購買此商品 的意願，如果能在這款「全聯I購app」設計一款提供在不同種類購買食品、五金類、生活用品 時有不同的建議，便能解決消費者在購買時的疑惑。
全聯I購概APP概述
為全聯設計一款網路版的DEMO，並在app設計中加入商品位置搜尋，在五金、生活用品類提
供比較類似商品的價格、以及增設食譜功能，幫助在全聯買菜做料理的民眾能有更多的烹飪
菜色的選擇。比較商品以及食譜功能是以全聯裡面皆可買到的商品去做購買，以此減少消費
者需要再到其他地點購買的機會，促進消費，提升全聯的顧客黏著度。
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
解決民眾在購買產品時的疑惑， 並給予建議。
快速找到產品。
增加全聯產品銷售。
目標客群
1到全聯購買產品的民眾 2會自己烹飪的民眾
逛全聯的時候發現到，全聯的商品有好幾千種，光是類似的產品就有三到四種以上，光是找到商品就需要
一段時間。經問卷調查發現有四成民眾會在自己想要的產品面前停留了大概 5分鐘以上，在選擇想要購買 的產品。在食品方面，最頭疼的問題是思考要煮什麼以及要煮的食材可能需要跑到多個點去購買。
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
問卷觀察
短期 長期 生活用品 找不到 商品 喜歡 比較 猶豫 不決 食品 思考 煮什麼 材料要跑 多個點
資訊架構 Information Architecture
全聯I購APP主打功能為在門市光顧的同時給予及時的幫助，而非購買產品的APP，在架構方面以產品優惠、評比商品、提 供食譜以及條碼查詢位置的功能為出發點去做設計。
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊 聯名商品 首頁 註冊/登入 產品 條碼地圖 加入清單 分類 segmented control
control 搜尋 料理百科
產品 segmented
待購清單
產品 分類
條碼地圖 加入清單 烹調方式 詳細資料 各式食譜 條碼地圖 評比 食品專區 待購清單 未放入籃子 放入籃子 條碼地圖 未放入籃子 條碼地圖 活動 生活用品
segmented control
線框稿 Wireframe
在APP內增加產品瀏覽，優惠、當季蔬果排列在前面，並將產品分類。提供條碼地圖的功能，讓民眾能依照商 品的條碼進行搜索位置。並且提供比較商品功能和食譜功能，解決民眾在購買上的問題。
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
登入/註冊 首頁 食品專區 登入畫面 首頁 商品瀏覽 標籤分類 條碼地圖
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊 線框稿 Wireframe
條碼地圖 商品瀏覽 商品瀏覽 條碼地圖 標籤分類 評比功能
生活用品 聯名商品
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊 搜尋
搜尋頁面
百科全書 待購清單
食譜頁面 食譜教學 待購清單 待購、已購
1.食品專區
2.生活用區
3.聯名商品
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊 頁面展示 Page Display 登入頁面和首頁 首頁登入畫面
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊 商品頁面 分類 條碼地圖 下 拉 出 現 產 品 類 別
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊 頁面展示 Page Display 商品頁面 分類 條碼地圖 比較 下 拉
食譜教學
料理百科提供全聯店內就有的 食材，方便又省時！
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊 料理百科
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊 還未放入籃子 頁面展示 Page Display 待購清單 待購清單 已放入籃子
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
Figma
品牌識別設計 - 手心の手
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
專案時間：2022 05.15 - 2022 05.30 手＋心＋紅色 手心 の 手 手づくりの温度が心温まる 手心 の 手 手づくりの温度が心温まる
品牌識別設計 - 臺灣
04.19 - 2021 04.30
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
專案時間：2021
臺灣＋印章
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊 品牌識別設計
酥楓 專案時間：2021 11.10 - 2021 12.10 楓 糖 太 陽 餅 楓 糖 太 陽 餅 楓葉＋葉子
-
品牌識別設計 - OK商標設計
專案時間：2021 09.10 - 2021 09.20
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
ＯＫ＋手
海報設計
資料庫海報 不塑過日子演講海報
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊
APP
ＵＩ/ＵＸ設計 品牌識別設計 海報設計 個人資訊 Travel around Taiwan The library has a lot of books about travel The library has a lot of books about travel 薦 建築演講海報 旅行臺灣展覽海報
0979933746 a0980933746@gmail.com
