iT邦幫忙

2025 iThome 鐵人賽

DAY 29
0
佛心分享-SideProject30

用最白話的方式,帶你認識區塊鏈、Web3 與元宇宙的童話冒險!系列 第 29

🏗️ [DAY29] 前面嘗試 AI 影片流程,回歸網站收尾優化!首頁文案 + 模組內容精修中 🛠️

  • 分享至 

  • xImage
  •  

這兩天原本想衝刺動畫,不過轉念一想:網站是我現階段讓內容長期被看到的關鍵舞台!

所以今天回來繼續補齊網站首頁還沒完成的細節,包含文案、模組排版、以及角色圖的搭配方式,一步步讓這個「讓人輕鬆懂區塊鏈」的知識平台更加完整。


🪄 首頁要傳達什麼感覺?

我的目標很簡單:

💡「一進來就能秒懂這是什麼網站」+「會想繼續往下滑」

這是目前首頁的核心架構草圖:

  1. Hero 區塊
    • 大標題:讓區塊鏈變簡單的故事宇宙 ✨
    • 小標題
    • 搭配主角圖、切換按鈕(小白 / 專家)
  2. 最新文章 / 精選故事卡片
    • 預設顯示最新一篇(例如:三隻小豬懶人包)
    • 支援 hover 切換模式(或點擊 tab)
  3. 主題導覽區塊
    • 類似「故事地圖」概念,分為【去中心化】、【自我主權】、【數位身份】等
    • 每個主題對應一篇或多篇知識故事文章

✍️ 今天實作的部分

  • ✅ 調整首頁文案語氣,讓它更像「故事邀請函」而不是教科書
  • ✅ 更新文章卡片樣式,增加 hover 動態提示
  • ✅ 補齊主題導覽區塊的說明文字(預計用 icon 或 emoji 引導視覺)
  • 🔄 Footer 區塊尚未更新(明天繼續)

🧠 文案重寫小筆記

原本的文案比較像產品介紹,這次我試著改成「一個人來逛網站時會微笑的語氣」👇

🔹 Before:

用最簡單的方式學會區塊鏈,從零開始理解 Web3 架構與應用。

🔹 After:

每一篇文章都是一場童話歷險,
從三隻小豬到元宇宙,
一步步走進你專屬的去中心化故事宇宙!

是不是比較有溫度了?😆


🛠️ 接下來要做的事

  • 明天預計補完 Footer 區塊(包含社群連結、訂閱 CTA)
  • 優化手機版 RWD 呈現,讓角色圖和文字閱讀更順
  • 開始整理動畫整合方式,準備第30天最終展示 🎬

💡 小結

網站的美不只是外表,更是「讓內容舒服呈現」的方式。
今天補上首頁文案與區塊內容,也讓我更清楚這個故事宇宙的樣子是怎麼一點一滴成形的。
就算最後動畫還沒完成、文章還沒很多,**只要願意繼續補,這個作品就還在發光!**🌟


上一篇
🎞️ [DAY28] 分鏡草圖來啦!動畫初步情境設計中 ✏️🎬
下一篇
🎉 [DAY30] 鐵人賽完賽!以 AI 之名,繼續創作之路 🚀
系列文
用最白話的方式,帶你認識區塊鏈、Web3 與元宇宙的童話冒險!30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言