形象網站設計

品牌電商網頁視覺設計

本專案集結了品牌電商與商品形象視覺設計作品，專注於透過精準的視覺語言提升產品吸引力，並強化消費者的品牌體驗。設計策略與重點： adidas Lookbook 形象設計：運用動態視覺與留白構圖，凸顯運動時尚的潮流感，並透過細膩的質感處理與層次配置，強化產品細節，有效帶動電商導流與品牌好感度。微軟滑鼠商品形象頁：針對科技產品特性，採用簡約且具備高科技感的視覺風格，強化產品的核心優勢與功能亮點，透過優化的視覺動線，引導使用者關注產品價值，提升購買轉換機率。

使用的技能專長

HTML5
CSS3
Adobe Photoshop
Adobe Illustrator
視覺設計
UIUX設計
品牌視覺
JavaScript
電商視覺設計

・2026/07/10 更新

adidas lookbook 商品形象頁

微軟滑鼠商品形象頁

更多來自 18Design 的作品

巡十二茶活動網頁

本專案為「巡十二茶」量身打造品牌專屬活動網頁，旨在透過視覺體驗與流暢的互動設計，深化消費者對品牌「巡、愛、V」的精神連結。設計策略與重點：視覺設計：採用清新、健康的自然色系，精準傳達茶飲品牌的核心價值，並優化網頁版型，確保在桌機與行動裝置上均能呈現最佳視覺效果。互動體驗：規劃「巡愛V計畫」主題專區，透過直觀的流程設計，引導使用者深入了解品牌活動，並提升網頁停留時間與互動黏著度。行銷導向：針對目標客群進行 UI/UX 優化，確保活動訊息清晰傳遞，提升使用者參與活動的轉換率。使用技術與技能：設計工具： Figma（網頁版型設計）、Illustrator（主視覺與圖標製作）前端開發： HTML5、CSS3 (Responsive Web Design)、JavaScript 行銷應用： SEO 優化、使用者分析

網頁設計

肯德基美式酷脆咔啦雞腿堡活動網頁

本活動為「肯德基美式酷脆咔啦雞腿堡」打造強而有力的數位曝光。設計上結合品牌識別色系，強化餐點的酥脆視覺衝擊。透過直覺式的排版與顯眼的行動呼籲（CTA），引導使用者快速領取優惠券，有效提升轉化率。同時運用響應式網頁設計（RWD），確保在手機與電腦端皆能提供流暢的瀏覽體驗，成功吸引消費者參與活動。

網頁設計

GYM SURFING

https://www.o2gether.com.tw/campaign/gymsurfing20200601/ 全台最大運動通路「摩曼頓」運動社群電商平台「O2Gether」 GYM SURFING RWD 網站設計。

RWD響應式網站設計

LovableAI X 18Design

https://www.18design.com 設計靈感來自 (創世記 9:12-17) 神和我們立約的愛 - 「彩虹」🌈 彩虹可以傳達愛和恩典，更是幸運、希望的表徵，運用光的色彩 R、G、B 色光三原色延伸成設計三元素的點、線、面，構成網站 RWD 視覺畫面。為了優化傳統官網只有一次性造訪的痛點，這次特別為網站注入更多生命力與互動體驗： 1. Hero 首頁真實對應 24H 白天與夜晚不同背景主題變化機制 2. 運用彩虹粒子元素渲染成多彩明亮的日間主題效果 3. 運用星空極光 + 動態流星呈現神秘寧靜的夜間主題 4. 創意亮點為首頁 CTA 按鈕，結合標準時間計時功能可轉換成為專案折扣優惠碼 5. 點擊首頁背景會出現 Tips 彩蛋文字增加互動趣味感 6. 網站運用大量 JS動態效果及 i18n 多國語系架構實作心得是 AI 確實輔助改善了程式開發效率，不像以前需要跟程式人員來回溝通和修改，現在設計師可以更專注在創意和美感上的工作表現。 #18Design #WebDesign #Lovable #AI #UIUX

互動設計

18Design

0 人諮詢 22小時前上線平均 -- 回覆