Web Design

JF SWING Dance

作品主圖
縮圖1 縮圖2 縮圖3 縮圖4 縮圖5

專案背景

品牌定位

JF SWING Dance 是一個專注於搖擺舞蹈教學與推廣的品牌,致力於將1920年代的舞蹈文化帶入現代生活。

市場需求

隨著復古文化的興起,年輕族群對於搖擺舞蹈的興趣日漸增加,但缺乏專業且現代化的教學平台。

設計目標

品牌識別

建立獨特的視覺識別系統,融合復古元素與現代設計語言,展現品牌特色。

使用者體驗

打造直觀且易於使用的介面,讓用戶能夠輕鬆瀏覽課程資訊並完成報名流程。

跨平台適配

確保網站在各種設備上都能提供最佳的瀏覽體驗,實現響應式設計。

執行成果

品牌形象

成功建立具有復古風格的現代化品牌形象,提升品牌識別度。

技術實現

前端技術

採用 HTML5、CSS3 和 JavaScript 實現動態效果,使用 Bootstrap 框架確保響應式設計。

設計工具

使用 Figma 進行UI設計和原型製作,通過 Adobe Creative Suite 處理視覺素材。

版本控制

使用 Git 進行版本控制,確保開發過程的穩定性和可追蹤性。

專案時程
2024.01 - 2024.06
負責工作
UI/UX設計
使用工具
Figma / Adobe XD

設計歷程

2024
1月
Project 1
品牌 Logo 設計

設計並創建了 Swing Dance 品牌的專屬 Logo,突顯舞蹈的活力與文化內涵。

  • 1920年代風格
  • 活力與文化結合
  • 品牌識別提升
查看詳情
2024
2月
Project 2
主視覺設計

主視覺頁面,展示品牌特色並提升用戶的第一印象。

  • 吸引目標受眾
  • 主色調統一
  • 品牌形象強化
查看詳情
2024
4月
Project 3
細部網頁排版設計

專注於每個細節,確保頁面結構清晰且功能易於使用。

  • 清晰的結構設計
  • 使用者體驗優化
  • 簡潔與功能性結合
查看 Figma
2024
5月
Project 4
全面網頁排版

展示完整的網頁設計,呈現品牌文化與用戶友好的結合。

  • 整體設計一致性
  • 用戶友好介面
  • 品牌故事呈現
查看 Figma
2024
6月
Project 5
GitHub 程式碼管理

將程式碼托管至 GitHub,確保版本控制和團隊協作的效率。

  • 版本控制
  • 團隊協作
  • 開放的程式碼管理
查看 GitHub