佳音電台
目的:幫佳音電台改善他們的APP和網頁,區分出不同區塊,使操作較簡易
主要TA:基督教徒,平常會聽廣播電台的人
客群分析:大部分為退休的長者,所以操作簡單,易上手,並且將收聽廣播節目規劃在最上方,配合主持人和節目,好點 擊,知道自己聽的是哪一台和哪個主持人、哪個節目
給客戶的維運手冊:關於後台要如何管理,不同的圖片或資訊要放哪個資料庫、圖片大小
INFO
我在這個專案做的事:
- 開需求書
- 做電台的競品分析
- 和佳音電台的人持續聯絡
- 建立Design System和Flow Chart
- 繪製figma檔案
- 做prototype,給佳音電台的人試用
- 整理維運手冊,管理後台資料庫
佳音電台網站
佳音電台需求
佳音系統設計


佳音電台Prototype
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
佳音電台維運手冊 GN Ops Guide
佳音3.0功能表
Object | function | status |
---|---|---|
radio | 可選擇電台播放 | Done |
radio | 點擊播放框進入節目表 | Done |
節目表 | 知道目前正在播放的節目 | Done |
節目表 | 點擊節目可到播放頁面 | Done |
節目表 | 點擊播放會播放現在正在播的電台節目 | Done |
節目表 | 可選擇電台 | Done |
活動banner | 可輪播 | Done |
靈修 | 目前放三個節目,可直接到節目列表 | Done |
奉獻區 | 點擊跳出提示框,並可點擊連到捐款網頁 | Done |
節目播放 | 具有program list | Done |
節目播放 | 可播放節目 | Done |
短播客 | 左右滑換集數 | Done |
短播客 | 上下滑換節目 | Done |
短播客 | 往回滑返回 | Done |
主持人 | 可進入主持人的個人頁面 | Done |
短影音 | 可播放短影音 | Done |
短影音 | 在短影音中可切換成靜音或有聲音 | Done |
短影音 | 點選i可看到更多訊息 | Done |
短影音 | 往回滑返回 | Done |
短故事 | 可左右滑換照片 | Done |
短故事 | 點選i可看到更多訊息 | Done |
短故事 | 可播放短故事音檔 | Done |
短故事 | 點選佳音圓形頭像可到內容頁面 | Done |
設定 | 電台自動播放 | Done |
設定 | 節目自動播放 | Done |
設定 | 顯示電台選單 | Done |
佈告欄 | 由cms讀取佈告欄內容 | Done |
部落格 | 由cms讀取佈告欄內容 | Done |
出版品 | 可看到當期出版品 | Done |
資訊提供 | 佳音相關資訊 | Done |
資訊提供 | 奉獻相關資訊 | Done |
搜尋 | 搜尋到節目 | Done |
搜尋 | 可直接從搜尋連結到節目 | Done |
佳音電台 Miki 媒體表
Name | type | ratio | size | note |
---|---|---|---|---|
program list | png/jpg | 16:9 | 1920x1080 | 不同電台放在節目表區的圖 |
banner | png/jpg | 21:9 | 1920x718 | |
spirit | png/jpg | 16:9 | 1920x1080 | 放在靈修節目區的宗教性節目 |
podcast | png/jpg | 1:1 | 512x512 | 封面圖片 |
podcast | png/jpg | 1:1 | 512x512 | 分集圖片 |
podcast | png/jpg/mp4 | 9:16 | 1080x1920 | 短影音、短故事 |
mod | txt | 12 | 頻道名稱 | |
mod | txt | 50 | 節目介紹 | |
mod | txt | 10~30 | 分集名稱 | |
mod | txt | 200 | 分集介紹(佳音原本資料庫) | |
Host | png/jpg | 1:1 | 512x512 | 主持人大頭照 |
Host | png/jpg/mp4 | 9:16 | 1080x1920 | 主持人個人短影音 |
Short | mp4 | 9:16 | 1080x1920 | 佳音或主持人或節目的短影音 |
Story | png/jpg | 9:16 | 1080x1920 | 佳音的小故事 |
Story | mp3 | <60sec. | 佳音的小故事 | |
book | png/jpg | 1:1.414 | 1240x1754 | 佳音的定期刊物(A4大小) |
佳音媒體資料庫位置
Name | cms位置 | categories | type |
---|---|---|---|
電台節目表圖片 | 無 | ||
節目表 | programList | ||
banner | post | Banner | |
靈修節目 | post | Spirit | |
奉獻區 | post | Donate | |
熱門節目 | program | prog | |
精選節目 | programGroup | mod | |
podcast | program | prog | |
主持人 | program | dj | |
短影音 | post | Short | |
部落格 | post | Blog | |
小故事 | post | Photos | |
佈告欄 | post | Bulletin |