- 第六屆全國網頁設計比賽社會組‧第一名
Developer
Jed Chang Hi, my name is Jed Chang.
Designer
// 01
WorksHow it looks
作品集
All 61
Web Develop 14
UI Design 4
Graphic Design 11
// 02
AwardsWhat we've won
獲獎殊榮
- 2005
- 2004
- 第五屆全國網頁設計比賽人文獎
- 國防部網路心戰傳單設計比賽第一名
- 第四十屆國軍文藝金像獎漫畫項‧優選
- 第五屆全國網頁設計比賽
- 2003
- 第四屆全國網頁設計比賽優等獎
- 淨化選風海報設計比賽金獎
- 絕對伏特加杯墊設計比賽優選
- 時報廣告金犢獎公共服務項‧佳作
- 時報廣告金犢獎企業形象項‧入圍
- 時報廣告金犢獎交通項‧入圍
- 第四屆全國網頁設計比賽
- 2002
- 四健會五十週年網頁設計最佳視覺獎
- 第三屆全國網頁設計比賽科技獎
- 空氣汙染防制網頁設計比賽佳作
- 91資訊月網站設計比賽佳作
- 三久牧場商標徵選第三名
- 交通安全宣導海報設計第三名
- 台灣農業策略聯盟基金會會徽佳作
- 時報廣告金犢獎交通項‧入圍
- 時報廣告金犢獎事務器材項‧入圍
- 時報廣告金犢獎速食食品項‧入圍
- 91 資訊月全國海報徵選佳作
- PAPER 海報創作競賽佳作
- 四健會五十週年網頁設計
- 2001
- 「愛」海報設計比賽評審獎
- 「愛」海報設計比賽
- 2000
- 繪出水稻之美比賽第三名
- 中區國稅局形象標誌佳作
- 春輝才藝競賽海報創作佳作
- 繪出水稻之美比賽
- 1999
- 台北市交通局局徽第二名
- 名人政治漫畫比賽第三名
- 第一屆鏡入台中攝影比賽入選
- 台北市交通局局徽
- 1997
- 重現雙溪之美寫生比賽第一名
- 捷運之美海報比賽佳作
- 內湖區第三屆繪畫比賽佳作
- 重現雙溪之美寫生比賽
// 03
ServicesWhat we do
服務項目
Web Design
專注於使用者體驗與視覺美學的結合，打造兼具美感與實用性的網站。服務範圍包含：網站資訊架構與頁面規劃、UI / UX 設計、RWD 響應式設計等。以「美觀+易用」為核心，讓網站不僅吸引眼球，更能提升使用者體驗。
Web Development
提供高效、可擴充的網站開發，確保網站穩定、安全並能滿足未來需求。專注於前端互動與動畫效果，打造流暢動態體驗。服務範圍包含：前端開發、效能優化與程式架構設計，在美觀與性能之間取得平衡，長期穩定運行。
Graphic Design
提供完整的視覺設計解決方案，協助品牌建立獨特形象並強化市場辨識度。服務範圍包含：品牌識別設計、Logo、品牌應用系統、平面設計、廣告 Banner、海報、DM、包裝設計等。
SEO Optimization
協助網站在搜尋引擎上提升曝光度，帶來更多精準流量。服務範圍包含：關鍵字規劃、網站結構與內容優化、技術 SEO、追蹤與分析等。讓網站在 Google 排名更具競爭力，吸引潛在客戶，提高轉換率。
// 04
AboutWho we are
關於我
Hi, I'm
擁有多年網站開發與設計經驗，熟悉從需求分析、資訊架構規劃、視覺設計到前端程式開發的完整流程，能獨立完成網站建置與互動頁面開發。擅長以程式思維優化設計流程與細節，結合設計美感與使用者需求，打造兼具效能與體驗的高品質網站，讓每個專案都能在穩定與創新之間取得平衡。
融合視覺設計與程式技術，締造卓越的互動體驗。
0+
Years Of Experience 多年經驗
0+
Projects Complete 專案完成
0+
Awards Winning 獲獎殊榮
Online
%20--%3e%3cg%3e%3cg%20id='_圖層_1'%20data-name='圖層_1'%20class='cls-4'%3e%3crect%20class='cls-6'%20width='512'%20height='512'%20rx='76.8'%20ry='76.8'/%3e%3cpath%20d='M324,370c10,17,24,29,47,29s33-10,33-24-13-22-35-32l-12-5c-35-15-58-33-58-72s27-64,70-64,53,11,68,39l-37,24c-8-15-17-21-31-21s-23,9-23,21,9,20,30,29l12,5c41,18,64,35,64,76s-34,67-80,67-74-21-88-49l40-23ZM154,374c8,13,14,25,31,25s26-6,26-30v-166h48v164c0,50-29,72-72,72s-61-20-72-44l39-21Z'/%3e%3c/g%3e%3cg%20id='_圖層_2'%20data-name='圖層_2'%3e%3cg%3e%3cpath%20class='cls-2'%20d='M70.9,460.7L30,1.3h450l-40.9,459.2-184.4,51.1'/%3e%3cpath%20class='cls-3'%20d='M255,472.5V39h183.9l-35.1,392'/%3e%3cpath%20class='cls-5'%20d='M113.6,95.2h141.4v56.3h-79.6l5.2,57.7h74.4v56.2h-126M131.5,293.6h56.6l4,45,63,16.9v58.8l-115.6-32.2'/%3e%3cpath%20class='cls-1'%20d='M395.9,95.2h-141.2v56.3h135.9M385.6,209.2h-130.9v56.3h69.5l-6.6,73.2-62.9,16.9v58.5l115.4-32'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e "HTML")
%20--%3e%3cg%3e%3cg%20id='_圖層_1'%20data-name='圖層_1'%20class='cls-5'%3e%3crect%20class='cls-7'%20width='512'%20height='512'%20rx='76.8'%20ry='76.8'/%3e%3cpath%20d='M324,370c10,17,24,29,47,29s33-10,33-24-13-22-35-32l-12-5c-35-15-58-33-58-72s27-64,70-64,53,11,68,39l-37,24c-8-15-17-21-31-21s-23,9-23,21,9,20,30,29l12,5c41,18,64,35,64,76s-34,67-80,67-74-21-88-49l40-23ZM154,374c8,13,14,25,31,25s26-6,26-30v-166h48v164c0,50-29,72-72,72s-61-20-72-44l39-21Z'/%3e%3c/g%3e%3cg%20id='_圖層_2'%20data-name='圖層_2'%20class='cls-5'%3e%3cg%3e%3cpath%20class='cls-3'%20d='M70.9,460.7L30,1.3h450l-40.9,459.2-184.4,51.1'/%3e%3cpath%20class='cls-4'%20d='M255,472.5V39h183.9l-35.1,392'/%3e%3cpath%20class='cls-6'%20d='M113.6,95.2h141.4v56.3h-79.6l5.2,57.7h74.4v56.2h-126M131.5,293.6h56.6l4,45,63,16.9v58.8l-115.6-32.2'/%3e%3cpath%20class='cls-2'%20d='M395.9,95.2h-141.2v56.3h135.9M385.6,209.2h-130.9v56.3h69.5l-6.6,73.2-62.9,16.9v58.5l115.4-32'/%3e%3c/g%3e%3c/g%3e%3cg%20id='_圖層_3'%20data-name='圖層_3'%3e%3cpolygon%20id='polygon2989'%20class='cls-1'%20points='480.3%201.3%20439.3%20460.9%20254.9%20512%2071%20460.9%2030%201.3%20480.3%201.3'/%3e%3cpolygon%20id='polygon2991'%20class='cls-8'%20points='404.2%20431.6%20439.3%2038.8%20255.2%2038.8%20255.2%20472.9%20404.2%20431.6'/%3e%3cpolygon%20id='polygon2993'%20class='cls-6'%20points='124%20209.3%20129%20265.7%20255.2%20265.7%20255.2%20209.3%20124%20209.3'/%3e%3cpolygon%20id='polygon2995'%20class='cls-6'%20points='255.2%2095.2%20255%2095.2%20113.8%2095.2%20118.9%20151.6%20255.2%20151.6%20255.2%2095.2'/%3e%3cpolygon%20id='polygon2997'%20class='cls-6'%20points='255.2%20414.4%20255.2%20355.8%20254.9%20355.8%20192.1%20338.9%20188.1%20293.9%20157.6%20293.9%20131.5%20293.9%20139.4%20382.4%20254.9%20414.5%20255.2%20414.4'/%3e%3cpolygon%20id='polygon3005'%20class='cls-2'%20points='324.4%20265.7%20317.9%20338.8%20255%20355.8%20255%20414.5%20370.6%20382.4%20371.4%20372.9%20384.6%20224.5%20386%20209.3%20396.2%2095.2%20255%2095.2%20255%20151.6%20334.4%20151.6%20329.3%20209.3%20255%20209.3%20255%20265.7%20324.4%20265.7'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e "CSS")
%20--%3e%3cg%3e%3cg%20id='_圖層_1'%20data-name='圖層_1'%20class='cls-6'%3e%3crect%20class='cls-8'%20width='512'%20height='512'%20rx='76.8'%20ry='76.8'/%3e%3cpath%20d='M324,370c10,17,24,29,47,29s33-10,33-24-13-22-35-32l-12-5c-35-15-58-33-58-72s27-64,70-64,53,11,68,39l-37,24c-8-15-17-21-31-21s-23,9-23,21,9,20,30,29l12,5c41,18,64,35,64,76s-34,67-80,67-74-21-88-49l40-23ZM154,374c8,13,14,25,31,25s26-6,26-30v-166h48v164c0,50-29,72-72,72s-61-20-72-44l39-21Z'/%3e%3c/g%3e%3cg%20id='_圖層_2'%20data-name='圖層_2'%20class='cls-6'%3e%3cg%3e%3cpath%20class='cls-3'%20d='M70.9,460.7L30,1.3h450l-40.9,459.2-184.4,51.1'/%3e%3cpath%20class='cls-5'%20d='M255,472.5V39h183.9l-35.1,392'/%3e%3cpath%20class='cls-7'%20d='M113.6,95.2h141.4v56.3h-79.6l5.2,57.7h74.4v56.2h-126M131.5,293.6h56.6l4,45,63,16.9v58.8l-115.6-32.2'/%3e%3cpath%20class='cls-2'%20d='M395.9,95.2h-141.2v56.3h135.9M385.6,209.2h-130.9v56.3h69.5l-6.6,73.2-62.9,16.9v58.5l115.4-32'/%3e%3c/g%3e%3c/g%3e%3cg%20id='_圖層_3'%20data-name='圖層_3'%20class='cls-6'%3e%3cpolygon%20id='polygon2989'%20class='cls-1'%20points='480.3%201.3%20439.3%20460.9%20254.9%20512%2071%20460.9%2030%201.3%20480.3%201.3'/%3e%3cpolygon%20id='polygon2991'%20class='cls-9'%20points='404.2%20431.6%20439.3%2038.8%20255.2%2038.8%20255.2%20472.9%20404.2%20431.6'/%3e%3cpolygon%20id='polygon2993'%20class='cls-7'%20points='124%20209.3%20129%20265.7%20255.2%20265.7%20255.2%20209.3%20124%20209.3'/%3e%3cpolygon%20id='polygon2995'%20class='cls-7'%20points='255.2%2095.2%20255%2095.2%20113.8%2095.2%20118.9%20151.6%20255.2%20151.6%20255.2%2095.2'/%3e%3cpolygon%20id='polygon2997'%20class='cls-7'%20points='255.2%20414.4%20255.2%20355.8%20254.9%20355.8%20192.1%20338.9%20188.1%20293.9%20157.6%20293.9%20131.5%20293.9%20139.4%20382.4%20254.9%20414.5%20255.2%20414.4'/%3e%3cpolygon%20id='polygon3005'%20class='cls-2'%20points='324.4%20265.7%20317.9%20338.8%20255%20355.8%20255%20414.5%20370.6%20382.4%20371.4%20372.9%20384.6%20224.5%20386%20209.3%20396.2%2095.2%20255%2095.2%20255%20151.6%20334.4%20151.6%20329.3%20209.3%20255%20209.3%20255%20265.7%20324.4%20265.7'/%3e%3c/g%3e%3cg%20id='_圖層_4'%20data-name='圖層_4'%3e%3cg%3e%3cpath%20class='cls-4'%20d='M499.4,376.8l-2.3,5.9c-38.9,75.7-107.8,122.2-206.1,124.2-45.9,1-89.7-10.8-118.3-23.6-61.7-27.7-113.6-79.2-142-134.1C-9.8,270.5-17.2,160.9,67.4,79.1c1.3,0-10.2,17.8-9,17.8l-2.3,7.6C-4.8,295.2,182.9,458.7,365.3,440c43.9-4.6,99.8-28.6,134.1-63.2h0ZM499.4,376.8h0Z'/%3e%3cpath%20class='cls-4'%20d='M389,297.9c45.9.3,93.8-21.2,122.3-51.3-24.8,63.1-96.8,103.6-193.2,90.7-80.8-10.8-157.7-92.1-165.6-173.5-5.8-59.3,14.9-94.6,48.9-137.6-11.8,22.4-16.3,39.7-17.3,50.8-13,128.3,102.4,220.2,205,220.9h0ZM389,297.9h0Z'/%3e%3cpath%20class='cls-4'%20d='M506.7,138.7c-7.1,16.4-48.2,47.3-66.4,51.2-71.9,15.3-117.9-18.8-142-57.5-3.6-5.8-10.2-21.6-11.4-25.6-9.3-31.8-5.1-79.9,22.8-104.8-8.4,23.6-9.6,51.2-5.2,69,2.7,10.8,10.8,29.7,19,41.5,14.9,21.6,24.3,26.8,43.4,38.3,8.6,5.1,17.8,9.3,21.8,10.5,18.1,5.3,56.3,19.3,117.9-22.6h0ZM506.7,138.7h0Z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e "jQuery")
- 響應式網站開發
- UI 元件動態效果
- API 整合與互動
- 撰寫乾淨程式碼
- 前端效能優化
- 視覺版型規劃
- 配色與排版設計
- 優化操作便利性
- 創建互動原型
- 研究使用者體驗