呷飽未|Web Design

Avatar of 古宗儒.
Avatar of 古宗儒.

呷飽未|Web Design

UI/UX Designer, Visual Designer
Taipei, Taiwan

呷飽未

(臺北教育大學數位科技設計學系108級畢業製作)

我在此專案的角色:網頁介面設計與規劃、平面與視覺設計

此專題以介紹常見臺灣美食為主題,透過互動式選單搭配可愛插畫帶領使用者從台灣各個時代的飲食文化,並透過互動小遊戲與使用者達到互動效果,使用者可以透過此網站認識台灣著名美食背後的歷史軼事。以互動方式呈現,主題單一、著重在推廣介紹及提供資訊,類型上較偏向活動網站。

緣起與創作原因

近年來,仔細探索當地社會風情的深度旅遊逐漸受到歡迎,在國際上,臺灣是個以美食聞名的國家,吸引了許多觀光客慕名而來,除了品嚐美食,也會想了解美食背後所代表的人文歷史,讓旅程的回憶更豐富多元。 也曾經遇過外國觀光客請我介紹眼前的小吃,除了口感和味道外,才突然發覺就連臺灣人也對各種常見的食物所知甚少,於是我們開始思考如何以輕鬆簡單的方式向大家介紹美食以及他們背後的歷史。


作品名稱命名

呷飽未 tsiáh-pá--buē 『呷飽未?』一句常常從台灣人口中聽到的親切用語,更是老一輩的台灣人口中見面打招呼時常使用的問候語,其實這句話在古老時代的台灣就是一句流行用語了!因為早期臺灣移民的生活艱辛,謀食不易,因而問候人家『呷飽未?』,其實預設了對方「有得吃」,能夠三餐溫飽,是祝其平安無事的意思。現今的台灣美食豐富我們的生活,更是吸引外國人來台朝聖。我們取名『呷飽未』,帶領大家看遍及認識我們台灣著名的美食,幸福地體會身處在美食大國的我們!


視覺風格

網站整體視覺以插畫的方式呈現,網站中會藏著許多在台灣生活中能看到的小細節,充分展現台灣味的網站;顏色表現上以褐色、橘色去做色調調和,如下圖,是我們的首頁所呈現的視覺樣貌,背景圖是以台灣街道為模板,充滿著許多招牌,上面所顯示的文字是台灣各個著名的美食。


功能特色與獨特賣點

操作方式簡單易懂,以上下捲動及點擊選項進行,將食物插畫化,在介面上增加互動效果及特效,使用者可以與介面上的角色或美食圖是進行互動,讓原本靜態且無趣介紹變得生動活潑,吸引使用者使用意願,並加入遊戲互動概念,讓使用者除了瀏覽資訊內容也可以與網站進行不一樣的互動。在視覺畫面呈現上,背景以臺灣街景及美食辦桌概念呈現,營造身歷其境的感受。


目標族群

網站整體風格較年輕活潑,故使用者設定為來臺旅遊之外國觀光客以及15~30歲之臺灣人,除了向外國觀光客介紹外,也希望可以吸引年輕族群的臺灣人認識家鄉食物,並在將來有機會介紹給他人。 此外若進行商業合作,透過網頁分析工具統計點擊率及熱門頁面提供予廣告客戶,希望可吸引欲增加曝光度之餐飲業等店家進行廣告投放或置入性行銷,也可以合作形式提供料理食譜,以交換將店家名稱置於食譜頁增加曝光。


使用者背景

簡阿明,台中人,目前在台北的大學就讀音樂系三年級,在學校附近獨自租屋。個性開朗,平時積極社交,Instagram重度使用者,一天會發5則以上限時動態。會和朋友聚餐喝酒,不抽菸。除了中英文外,目前正在學習日文和韓文,參加了系上的語言讀書會。家族常出國旅遊,在學校參加國際交流社,喜歡認識其他國家的朋友,暑假報名了日本大學開設的夏令營。

在這個畢業專題小組中,我與另一位成員共同合作。這是我首度深入探索一個完整架構的網頁介面設計,並透過Sketch工具熟練地完成了設計工作。我與另一位主攻前端工程的夥伴進行多次溝通協調,深入探討動態效果、介面元件的最佳位置等,從而成功地呈現出一個完美的網頁設計成果。

此專題發想為,身處在以美食聞名的台灣,但是我們似乎對於台灣的飲食文化、著名美食的背景認識甚少,因此我們透過製作這個互動式網站,讓大家能從過去走到現在,進一步認識台灣的飲食文化背景以及著名小吃的軼事等等。本專題著重於介面設計與前端工程設計,因此使用者經驗研究流程僅進行簡略訪談。
Avatar of the user.
Please login to comment.

Published: Aug 9th 2023
39
3
0

Tools

illustrator
Illustrator
sketch
Sketch

網站規劃
插畫設計
介面設計

Share