ysld

## 1. 品牌定位 | 項目 | 內容 | |------|------| | 帳號 | @ysldlab_nchu | | 定位 | 陪伴選錯系、想轉系、對未來感到迷惘的同學 | | 受眾 | 18–22 歲大學生，面對科系課業與未來職涯焦慮 | | 語言 | 繁體中文 |

Comment

零、 Inspiration

過去學校專注在課業成績，鮮少有機會探索興趣，嘗試各種活動等，當畢業找工作會非常茫然，本頻道著重於資訊曝光，讓學生在求學期間就能透過我們的貼文，更了解自己往後的1-4年可能會面臨的狀況，進而提早做準備。

一、What it does

本專案提供一個完整的 IG 輪播貼文生成與管理平台，具備以下功能：

內容資料庫：收錄六大領域各五篇大學生痛點的教學型貼文，涵蓋科系與轉系指南 (major)、自主學習技巧 (self)、AI 高效學習與省時 (ai)、實習與履歷探索 (career)、心態調適與焦慮克服 (mindset)、時間與大學生活管理 (time)六大領域 視覺模擬器：iOS 手機模擬預覽，支援滑動切換與互動體驗 一鍵匯出：可將貼文內容導出為完整的 HTML 檔案，或複製格式化的 IG 文案與 hashtags

二、How we built it

  1. 內容架構：根據ysldlab_nchu的受眾定位（16-24歲學生），分析常見的未來迷惘與ＡＩ工具使用，規劃，求職，訪談，心態調整等六大內容領域與 七張標準輪播結構
  2. 視覺系統：實作 Warm Minimalist 設計語言，採用溫暖的極簡風格， 透過乾淨的色彩，傳達質感與親切並存的設計美學。
  3. 前端開發：使用純 HTML/CSS/JavaScript 實現，無外部依賴，確保跨平台相容與輕量部署
  4. 資料儲存：採用 postsData.js 結構儲存所有投影片內容與 IG 文案，方便未來擴充與維護
  5. 模擬器邏輯：實作觸控拖曳、鍵盤方向鍵與進度點切換機制，提供接近原生 IG 使用體驗

三、Challenges we ran into

內容平衡：如何在教學型貼文中避免過多行銷術語，同時保持資訊密度與吸引度—特別是在 7 -10張投影片的限制下，必須精煉每個步驟的核心 視覺一致性：在 210張投影片中維持視覺風格的統一。

四、Accomplishments that we're proud of

  • 成功建置完整的 11篇個人品牌風格的 IG 輪播貼文資料庫，首先建立個人特色
  • 開發出支援一鍵 HTML 匯出的輪播模擬器，一天也能完成一個月的工作量，降低重複性的工作
  • 建立模組化的資料結構與視覺元件，做一次就能長久使用，讓成功能被複製

五、 What we learned

  • 好的內容來自於對目標受眾的同理，抓住內心等於提升黏著度
  • 在 Instagram 等社群平台，資訊的碎片化與視覺層級感可以大幅提升讀者的完成率 (slide-through rate)
  • 透過視覺模擬器，內容創作者可以在最終發布前就可以體驗完整的使用者流程，減少發文後才發現格式錯誤的風險

六、What's next for ysld

  • 持續更新 postsData.js 中的內容，新增更多校內資源與最新政策解讀
  • 開發回應式版本，支援手機直譯預覽 (mobile-first rendering)
  • 整合 AI 輔助落題機制，讓學弟妹可以透過關鍵字快速找到對應的貼文與資源
  • 擴充為開源專案，邀請更多教育工作者與學長姊參與內容共建
  • 搭配 Threads 一起發文，擴大內容影響範圍

Built With

Share this project:

Updates