作品需求分析

針對vue作品進行需求分析(首頁、探索頁、商品頁)

Final Project(首頁)

參考頁面

(https://www.zeczec.com/)

首頁功能文字解析

頁面示意圖

首頁上半部

• navbar:

  1.logo:

  點選Logo跳轉回首頁

  2.探索與提案

  只保留探索的部分，點選探索跳轉至探索頁面。(探索頁面重要)

  個人頁面

• 播放的募資計畫投影片，點入投影片跳轉至商品頁面

  以輪播方式呈現

首頁中部

• 計畫專案類別分類

  1.分類為:地方創生、音樂、表演、時尚、遊戲、藝術、電影動畫

  2.點入分類之一之後會跳轉至探索頁面，呈現為不分集資專案分類，以計畫專案類別分類

• 集資專案分類

  1.分為群眾集資/預購式專案/訂閱式專案(同頁呈現)

  2.依類別各顯示12(34)格商品畫面，點入各商品後跳轉至*商品頁面

  3.下方集資專案類別只顯示一部份分類，點選 更多連結至探索頁面，(依集資專案分類，如在群眾集資頁面點選更多，探索頁面將顯示群眾集資專案類別，不依計畫專案類別分類)

  4.每個集資專案類別下方皆有頁數可選擇跳轉(下圖藍框處)(分頁導航)

首頁下半部

• 近期成功計畫/經典計畫(不使用)

• footer資訊:社群/幫助/關於我們等等(暫時建立連結即可)

  藍色框框logo點選跳至首頁最上頁(Back To Top)

Final Project(探索頁面)

• 探索頁面主要為選擇專案性質及主題分類以及搜尋計畫

  搜尋及選擇部分，非常重要 (分類皆以下拉式選單呈現)

• 點入商品同樣跳轉至商品頁面

Final Project (投影片點入/商品頁面)

完整頁面示意圖

頁面上半部

• 分為集資介紹(藍色框)/集資進度(綠色框)/主要介紹商品影片(黃色框)/分享網址(橘色框)

  橘色框部份保留追蹤專案即可

頁面下半部

• 專案內容介紹/留言/常見問答

  留言為未開放式留言，不需做留言欄，套入固定資料即可(見下方留言標題)

• 贊助專案

• 方案選項

留言

可設計假資料，因為此為贊助人才可以撰寫，非一般民眾撰寫

常見問答

同理，套用假資料

點入贊助專案頁面

• 有方案選項(設計滾輪滑動觀看方案)
• 依進度看是否不另外再且這一頁，與上方商品頁面擺一起即可

點入方案選項

表單部分呈現