網站架設

個人作品集設計

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

使用的技能專長

Claude
codex

・2026/07/22 更新

更多來自一頁式網站建立的作品

協會招生方案介紹

網站參考：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，提供快速載入與跨裝置瀏覽