Krenz's Artwork
www.krenzartwork.com
What I Do Client Tool
UI / UX Designer
PM ����� Sketch Zeplin
Krenz's Artwork 是我首次參與設計結構較複雜的中型網站 ， 從 最初客戶端的需求蒐集 、 整理與資料分析 ， 到網站架構該如何 部署 、 使用者操作流程的規劃與各頁面的介面設計 ， 在這個過 程中 ， 該如何與客戶溝通 、 釐清需求 ； 沙盤推演用戶問題 、 找 出淺藏的隱性需求；與工程師協作 ，在每個環節都有新的考驗 ， 也促使我改變及修正過往的思考方式與工作模式 。
Scan to View
Graphic Symbol Icons
介面與設計風格經過多次提案修改 ， 才終於定稿 。
網站本身是以提供 ACG 繪圖教學服務為主 ， 素材 部分客戶提供了大量優質的插畫作品供使用 。
因此我選擇將這些作品作為首頁的焦點 ： 將網站歸 納出主色系後 ， 利用粉紅與深灰的明度對比 ， 從上 到下漸進 ， 來區隔每一個功能塊 。
並將總體色彩值接近該區塊主色的作品 ， 為固定背 景圖片 ， 輔以簡單俐落的線條 、 方塊作陪襯 。
Button Icons Design
在網站架構部分 ， 特別針對購課行為進行設計與部署 。
盡可能將每個頁面都能與購課頁面連結 ， 進而能快速導向購課
行為 ， 特別是在�師 / 助教作品展示區域 ， 設計了能對應該課 程的標籤 ， 引導學員購課 。
網站最複雜的莫過於它獨特的會員系統與註冊流程 ， 除了基本資料的 填寫外 ， 會員需簽署保密協議並經過人工審核 ， 帳號本身還需跨平台 與多個其他應用服務做連結 。
從客戶提供的資料中 ， 逐步分析其需求並整理出重點流程 ， 最終將其 劃分為六大階段 ， 並將所有階段的詳細步驟進行資訊重點化與圖像 化 ， 以利使用者能按步完成註冊 。
Happy MET
www.krenzartwork.com
What I Do Client Tool
Illustrator
UI / UX Designer
PM Wayup 咏亮國� Photoshop
HappyMET 品牌從識別形象 、 到產品包裝 、 乃至於網站 ， 傳達宗旨
都是希望兒童健康 、 快樂地成長 ， 秉著這樣想法與理念 ， 整個網站的構想不同於一般企業或者商業品牌網站 ， 而是以兒童的 世界為導向 ， 走向充滿童趣的繪本化風格 。
同時 ， 這個網站對我有著非常重大的意義 ， 它是我設計職涯中第一 個網站專案作品 。
Scan to View
網站採用了大量的手繪作品 ， 以童趣的風格 、 繽紛活潑的配色來吸引品牌使用者客群 。
每個頁面都有自己獨特的色系予以區別 ， 並隨處可見 HappyMET 活潑可愛的吉祥物 穿梭於各頁面中 。
EZ-charge
What I Do Client Tool UI / UX Designer 台灣飛克 Sketch
EZ-charge 提供租借行動電源的服務 ， 以 IOS 用戶為主 ， 客戶 希望 APP 操作介面看起來能簡單 、 乾淨 、 大方 ， 因此引導頁 的插圖以乾淨線條來繪製 。 而頁面部分 ， 則區隔為 「 資料區 」 與 「 功能區 」， 資料區包 含 APP 設定 、 FAQ 、 使用者帳戶……等等頁面 ， 以大量淺灰與 留白為主 ； 功能區則是實際租借使用時會觸及的頁面 ， 則改 以深色為主 ， 並搭配卡片來群組各個重要資訊 。
Scan to View
OSMIE
What I Do Client Tool UI Designer OSMIE Sketch VS Code
客戶在自行購買網頁模板後 ， 交付予我做模板的優化 ， 包含 品牌形象的定義 、識別元素 、各區塊 Banner 底圖的圖像設計 ， 以及模板各項元件間距與文字細節的調整 。
OSMIE 是專為女性設計的情趣用品品牌 ，因此在整體視覺上 ， 以女性會喜愛的色調為主 ， 並適度拿捏煽情尺度 ， 使其不會 過於情色而遊走在情慾之間 。
Scan to View
THANKS FOR WATCHING