top of page

UI Design & UX Design

網站介面/體驗設計

c2a09ef5-6fe6-412e-a2ed-26965d5c02c4.png

互動體驗設計專案

UI/UX 設計—SDG Index Taiwan 官網

擔任 UI/UX 設計師,使用 Adobe XD 完成響應式設計,將複雜的數據內容視覺化呈現,並與外部的專案經理及工程師團隊協作完成網站。

照護封面mockup.jpg

互動體驗設計專案

UI 設計/前端切版—天承照護官網 Redesign

以 Figma 設計部分頁面後,我運用 HTML、Tailwind CSS 製作「最新消息」頁面的響應式前端切版,以切版的角度了解設計的可行性。

b07f0c7b-3984-4fa8-88ae-35479ca378c6.png

互動體驗設計專案

UI/UX 設計—未來智慧工場官網

使用 WIX 架設網站,除了 UI/UX 設計及照片拍攝外,也參與梳理品牌價值與定位、網站內容規劃的完整過程,展現品牌的價值內涵。

e694f696-6376-418f-87ac-d781bb3aa3b4.jpeg

互動體驗設計專案

UX 設計/PM—將企業的數位產品導入校園

擔任 UX 設計師兼專案經理,從尋找痛點、用戶調查到產品推廣的全流程工作,成功將 150 組電子簽章平台導入校園,提升行政效率。

Interactive Visual Design

互動視覺設計專案

afff8d38-c10f-435b-a765-91ffae83cf3f.jpeg

互動體驗設計專案

活動主視覺與場佈設計—永豐銀行 ✕ 成大續約儀式

主視覺設計融合合作成果及未來展望,場地佈置則與設計理念相互扣合,來賓皆為高層管理者,縝密根據使用者體驗規劃空間動線。

ab397c89-e2d6-4e49-9e11-72be92bb2281.jpeg

互動體驗設計專案

環島攝影創作計畫—「反芻」個人展覽

7天獨自環島,以文字及影像紀錄 20 位陌生人的故事,彙整成攝影書,並從觀展者的互動體驗出發,激發反思與情感共鳴。

ac2c2266-4b40-4353-84b3-d4cfd8d6e274.jpeg

互動體驗設計專案

互動式展覽策劃與設計—成大永續展

以錯落的方塊、掛軸、影視區、留言板等多元的互動形式,將成大的永續發展成果,轉化成親切且具互動性的沈浸式展覽體驗。

海報.jpg

互動體驗設計專案

各類型視覺設計作品

包含 CIS 設計、活動主視覺設計、書籍設計、包裝設計、報紙設計、一頁式網站、社群媒體圖片等全方位的專業設計作品。

Photography Planning

平面攝影策劃專案

225e893e-7c9b-4b01-a005-5184dc283eba.png

互動體驗設計專案

成大出訪美國交流 隨行攝影師

和成大代表團前往 9 天的美國交流行程,負責隨行攝影紀錄(平面及動態),並即時提供照片以發布新聞,提升成大的國際品牌形象。

72ebf354-e8b2-4d2f-9c48-d6520edd4c70.webp

互動體驗設計專案

活動攝影紀錄—成大校友之夜晚宴

以照片紀錄下每一個珍貴感人的瞬間,並透過社群媒體的影響力將現場的感動擴大至全球校友之間,凝聚校友社群對母校的認同感。

bb303152-de0c-4f9d-9d20-3cf3e625562b.webp

互動體驗設計專案

成大官方新聞照片—道具佈景及擺拍引導

創新的新聞照片呈現方式,拍攝微觀世界並引導多國學生互動,除拍攝技術外,過程中發揮企劃能力、溝通引導能力、臨場反應力。

20230417-12.jpg

互動體驗設計專案

產品攝影—「成功的力量」三部曲

透過光影與構圖展現書籍的質感與品牌形象,強調其學術價值與視覺吸引力,提升讀者的第一印象與購買意願。

Motion Video Editing

動態影片剪輯專案

4.jpg

互動體驗設計專案

​活動紀錄影片—柔性突圍戶外講座

以柔和溫暖的剪輯風格紀錄那場冬季陽光下的女性領導人分享講座,透過層次感的剪輯節奏堆疊出活動的核心精神。

影片剪輯專案3.jpg

互動體驗設計專案

記者會開場影片—美商達爾 ✕ 成大合作啟動儀式

以充滿力量的影片為美商達爾 ✕ 成功大學產學合作啟動儀式開場,呈現雙方對未來合作模式的展望。

FDP.jpg

互動體驗設計專案

​課程紀錄影片—延展實境(XR)設計成果發表會

學生們展現創意,設計出各種互動式的科技裝置。這支影片由我拍攝及剪輯,以多角度的運鏡、輕快的剪輯風格呈現。

影片剪輯專案1.jpg

互動體驗設計專案

情境式介紹影片—永豐銀行成大雙語分行

依循腳本拍攝及剪輯,瞄準國際生客群,以生動的情境劇介紹永豐銀行成大雙語分行的專業雙語服務。

© 2024 by Chloe Liu⎟劉庭硯的作品集

bottom of page