個人作品集設計

網站參考：https://jingxkongv6index.vercel.app/ ### 個人作品集設計 獨立完成個人品牌形象網站的企劃、設計與開發，從品牌定位、網站策略、資訊架構到前端製作皆自行規劃。以建立專業信任感與提升商業轉換為核心，透過精緻的視覺設計、清晰的內容架構及互動體驗，打造兼具品牌質感與商業價值的官方網站。 網站採用 Storytelling 與 User Journey 的規劃方式，依照使用者的決策歷程安排內容，從第一印象建立、專業背景、服務價值、成功案例、合作流程到聯絡諮詢，逐步累積信任並降低決策門檻。版面設計著重留白、視覺層次與閱讀節奏，使大量資訊仍保有良好的可讀性與高級感。 在行銷策略上，以「品牌信任建立」為網站核心，不僅展示服務內容，更透過案例呈現、價值主張、CTA 行動設計及轉換節點規劃，引導訪客完成從認識、理解到主動洽詢的完整流程，使網站成為品牌經營與獲客的重要工具。 **負責內容** * 個人品牌定位與網站策略規劃 * 網站資訊架構（Information Architecture） * 品牌形象與視覺風格設計 * UI／UX 使用者體驗設計 * Storytelling 內容規劃與閱讀動線 * Hero Banner 首屏設計 * 服務介紹、案例展示與合作流程規劃 * CTA 行動呼籲與轉換流程設計 * Scroll Animation 與互動效果設計 * 響應式網頁（Responsive Design） * HTML、CSS、JavaScript 前端開發 * Vercel 網站部署與效能優化 本案結合品牌設計、內容行銷與網站開發思維，讓網站不只是展示平台，更能有效傳遞專業價值、建立品牌信任，並提升潛在客戶的諮詢與合作意願。

協會招生方案介紹

網站參考：https://0707-21class.vercel.app/ ### 課程招生 Landing Page 設計 獨立規劃並製作課程招生一頁式網站，整合行銷策略、網站架構、內容規劃、視覺設計與前端開發，以提升課程價值傳遞與報名轉換為核心目標。網站透過 Storytelling 架構，引導訪客從市場痛點、課程特色、學習成果、成功案例到行動呼籲，建立完整的決策流程，降低閱讀門檻並提升轉換效率。 在網站規劃上，重新梳理資訊架構，將大量課程內容拆解為易於閱讀的模組化區塊，運用視覺層級、留白設計、數據呈現與互動效果，強化重點資訊曝光。同時結合行銷漏斗思維，依照使用者決策歷程安排內容順序，讓網站兼具品牌形象、資訊傳遞與商業轉換功能。 **負責內容** * 課程 Landing Page 整體規劃 * 行銷漏斗與轉換流程設計 * 網站資訊架構（Information Architecture） * 課程內容重整與文案規劃 * Storytelling 閱讀動線設計 * Hero Banner 與視覺主軸規劃 * CTA 行動按鈕與報名流程優化 * 學員見證、數據模組與 FAQ 規劃 * Scroll Animation 與互動效果設計 * Responsive Design 響應式網頁 * HTML、CSS、JavaScript 前端開發 * Vercel 網站部署與網站效能優化 本案著重將複雜的課程資訊轉化為清晰且具說服力的使用者體驗，透過網站設計結合品牌思維、內容行銷與轉換策略，使網站不僅是資訊展示頁，更成為課程招生與商業轉換的重要媒介。

場地租借服務預約網站

網站參考：https://herbaostudio.vercel.app/ ### 品牌形象一頁式網站設計 從品牌定位、行銷策略到網站體驗進行整體規劃，獨立完成網站架構設計、內容規劃、視覺設計與前端開發。網站以 Storytelling 為核心，透過分段式內容安排，引導使用者逐步理解產品價值、服務特色與核心理念，提升品牌認知與停留時間，同時建立具有質感且一致性的品牌形象。 在網站規劃過程中，著重資訊層級與使用者閱讀動線，將複雜內容重新整理為易於理解的模組化版面，並搭配沉浸式視覺、留白設計、動畫效果與互動元素，兼顧品牌形象、使用者體驗與行銷轉換目標，使網站不只是展示頁面，更成為品牌溝通與內容行銷的重要媒介。 **負責內容** * 品牌定位與網站策略規劃 * 一頁式網站資訊架構（Information Architecture） * UI／UX 使用者體驗設計 * 網站內容規劃與 Storytelling 動線設計 * Hero Banner 與視覺風格建立 * Scroll Animation 滾動動畫與互動效果 * Card Layout 模組化版面設計 * CTA 行動按鈕與轉換流程規劃 * 響應式網頁（Responsive Design） * HTML、CSS、JavaScript 前端開發 * Vercel 網站部署與效能優化 透過網站設計結合品牌思維與行銷策略，不僅呈現資訊，更引導使用者理解價值、建立信任，並提升整體瀏覽體驗與轉換成效。

募資網頁規劃

網站參考：https://fundraisingcase.vercel.app/ ### 一頁式網站設計與開發 打造群眾募資整合行銷提案網站，整合品牌定位、產品方案、募資節奏、KOL 合作、線下活動、媒體預算與成效預估，將完整行銷策略轉化為清楚、具視覺故事性的規劃，並製作完整的一頁式網站，從資訊架構、內容動線、UI/UX 到前端開發皆由我獨立完成。 透過分段式閱讀設計，將大量資訊重新整理為清楚的內容層級，提升使用者閱讀體驗與資訊吸收效率。 網站採用 Storytelling 架構，依照閱讀順序安排各區塊，包含 Hero Banner、專案介紹、內容章節、流程規劃、數據資訊、FAQ、CTA 等模組，搭配平滑滾動、區塊切換、動畫效果與響應式設計，兼顧桌機與手機瀏覽體驗。 **網站特色** * 一頁式資訊架構規劃（Landing Page） * UX 使用者閱讀動線設計 * Hero Banner 與視覺分區設計 * Sticky Navigation 錨點快速跳轉 * Scroll Animation 滾動動畫 * 卡片式資訊模組（Card Layout） * Timeline 流程展示 * FAQ 手風琴收合功能（Accordion） * CTA 行動按鈕設計 * 響應式網頁（Responsive Design） * HTML、CSS、JavaScript 前端開發 * 部署至 Vercel，提供快速載入與跨裝置瀏覽