「Fantoraid二頭身公仔」紙本規劃

這個題目是由一群喜歡動漫周邊商品開始的…

我們設定的族群為22歲以上40歲以下的族群。

有經濟能力且愛好動漫及卡通的族群。

我們作業時間大約五個月,前面一個月設定族群及網站規劃,包括site map、function map、wireframe、UIflow、Flow chart等規劃網站。

後面近一個月的時間畫製Logo、設定版面顏色及每頁的視覺。

接下來我們開始撰寫程式碼,Html+Div、Css、Css3、Jq、Js製作網頁,當然少不了後端的Php+Mysql串接後台資料庫。

組別當中有兩位同仁,因為想做自己需要的網站去面試,於是我們這組只剩下我與另一位同仁一起完成。

首先,我先製作每頁的視覺頁面。

因只有兩位,另一位同仁對於動態效果有極大的興趣,於是我將部分頁面動態效果交由他來寫。

其他刻頁面部分由我來製作,我也稍微寫了一些Jq動態。

另外,我們也有收購二手產品。

Sit Map是首要先做的,這是我們網站的基本分類。

討論:頁面放什麼,為什麼這樣放。

商品情報:我們主要的商品。

最新消息:讓買家及賣家可以看到最新的資訊。

店鋪資訊:所在位置。

我要賣二手:二手專區,透過買家估價及是否收購。

客戶專區:有問題可回答。

會員專區:購物車及加入最愛。(後端系統建置)。

關於我們:告知受眾我們的對象是誰。

1502629993345.jpg

Flow Chart是關於二手拍賣的流程。

1502630517187.jpg

購物車的UI Flow

1502674151075.jpg

Wire frame是一整個網站的頁面及流程示意圖,在此放縮圖。

1502674325474.jpg

以下是我們的企畫書。

Fantaroid企畫書

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 /  變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

連結到 %s