Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SASSI Baby 誰是寶貝網站規劃討論 IA-UI

871 views

Published on

Published in: Design
  • Be the first to comment

SASSI Baby 誰是寶貝網站規劃討論 IA-UI

  1. 1. SASSI baby 誰是寶貝 品牌網站 ── 規劃討論 ── 2014/10/31 廖家慧 / 林慈秀 0928-796755 http://www.slideshare.net/showlin/show-2013
  2. 2. IA Information Architecture ── 資訊架構企畫 ── SASSI baby 誰是寶貝
  3. 3. 網站溝通目標對象 即將有/已有新生兒(0-3歲)的媽咪,進入新三角關係 核心目標對象 孕媽咪/ 育嬰(0-3歲)媽咪 次要目標對象 準爸爸 / 育兒奶爸 / 照顧孕婦與嬰幼兒的家屬如公公、婆婆 / 保姆 知識學習者 購物決策者 購物使用者 口碑傳播者 知識學習者 購物決策者 購物使用者 口碑傳播者 知識學習者 購物使用者 知識學習者 購物使用者 (協助續購已買過的商品) (協助續購已買過的商品)
  4. 4. 溝通目標對象上網資訊需求 找知識找商品找分享找活動 懷孕須知 育嬰指南 身心健康 家庭關係經營 生活小智慧 嬰兒用品 媽咪用品 媽媽經交流 口碑推薦 寶貝照片 優惠折扣 講座活動 試用活動 找食譜 孕媽咪營養食譜 副食品食譜 月子料理食譜 集點 (紅利金/購物金)
  5. 5. 使用者偏好的訊息形式 • 人腦處理圖像內容速度是文字的6萬倍 • 影音訊息的說服力是文字訊息的10倍 • 加入影片的文章增加3倍以上的分享 • 70%消費者偏好透過文章而不是廣告 來了解某品牌 • 人腦處理圖像內容速度是文字的6萬倍 • 影音訊息的說服力是文字訊息的10倍 • 加入影片的文章增加3倍以上的分享 • 70%消費者偏好透過文章而不是廣告 來了解某品牌 資料來源: forbes, mashable, Marketing TechBlog, social media today
  6. 6. 網站建置策略思考 Content Commerce 建立專業信賴 實用知識購購物物商商店店 內容互相串連 “ 誰是寶貝” 專業優質、知性關懷、國際時尚 婦嬰品牌網站 整合 FB機制 整合 FB機制 優惠活動分享 試用活動分享 商品口碑分享 Community 實用知識分享 話題引導炒作 社群意見交流 主題募集徵稿 文章連結 相關商品 文章連結 相關商品 商品連 結相關 知識 粉絲轉會員 ( 活動) 粉絲轉會員 ( 活動) 導流 導購 社群擴散
  7. 7. BBrraannddiinngg PPrroommoottiioonn 網站架構四大主軸 EECC •提升訂單轉換率 誰是寶貝 品牌網站 User friendly •專業品牌形象信賴建立 Brand Image Clearly CCRRMM •會員關係經營, 提升回訪率與參與率 •透過品牌最新消息/活動 吸引潛在目標對象造訪 專業優質、知性關懷、國際時尚
  8. 8. 客服中心購物車會員Club / 登入 品品牌牌介介紹紹找找知知識識找找話話題題活活動動集集 品品牌牌故故事事 品品牌牌承承諾諾 認認證證//得得獎獎 媒媒體體報報導導 媽媽咪咪指指南南 育育兒兒指指南南 美美容容瘦瘦身身 親親子子相相處處 生生活活品品味味 懷孕生產 寶寶話題 母乳哺育 心事煩惱 專專家家解解答答 試試用用申申請請   募集徵稿 (Blog)  募集徵稿 (Blog)  講講座座報報名名   投投票票活活動動 FFoooodd 副副食食尚尚 孕媽咪營養乳食 孕媽咪營養乳食 竉竉愛愛寶寶貝貝媽媽咪咪討討論論區區 話話題題ppkk 備孕 懷孕 生產 懷孕期 4-6個月 7-9個月 10-12 個月 愛愛秀秀寶寶貝貝 影影片片專專區區 示範教學 名人專訪 譜 譜 母乳副食品乳食 母乳副食品乳食 譜 譜 月月子子料料理理食食譜譜 BBrraannddiinngg CCRRMM PPrroommoottiioonn SShhoopp 購購物物 by使用對 by使用對 象 象 by商品分 by商品分 類 類 by專題企 by專題企 劃 劃 By優惠活 By優惠活 動 動 口碑熱銷 口碑熱銷 AD AD EECC 網站資訊架構 •主選單階層首首頁頁     Footer | 電子報訂閱取消 | 相關連結 | 版權聲明 最最新新消消息息 FFBB 粉 粉絲絲動動態態牆牆     搜尋 產後瘦身 母乳副食品
  9. 9. 網站資訊架構 首首頁頁 客服中心購物車會員Club / 登入 客客服服中中心心會會員員 CClulubb 收收藏藏文文章章 收收藏藏商商品品 我我的的訊訊息息 投投稿稿文文章章 購物折抵金 ( e-coupon) 購物折抵金 ( e-coupon) 初初次次到到訪訪 常常見見問問答答 網站相關 會員相關 購物相關 產品相關 活動相關 聯聯絡絡我我們們 購購物物車車 購購物物清清單單 會會員員登登入入認認証証 確認購買明細 宅配地址 &個人資料 確認購買明細 宅配地址 &個人資料 使用e-coupon 使用e-coupon 付付款款方方式式 完完成成訂訂購購 會員制度 與權益 會員制度 與權益 加加入入會會員員 會會員員登登入入 個個人人資資料料管管理理 訂訂單單記記錄錄 •會員、購物車、客服功能 電電子子報報 CCRRMM EECC 訂訂閱閱 取取消消     搜尋 產後瘦身 母乳副食品
  10. 10. 網站資訊架構 – 單元策略說明 •主選單階層 策略: 除了基本的產品分類,透過不同分類方式, 讓不同使用者更快速找到需要的商品 bbyy使使用用對對象象 寵愛媽咪 備孕 懷孕 生產 守護寶貝 懷孕期 4-6個月 7-9個月 10-12 個月 SShhoopp 購購物物 bbyy商商品品分分類類 清潔用品 保養用品 營養食品 母乳副食品 生活用品 專刊書籍 … bbyy專專題題企企劃劃 BByy優優惠惠活活動動 口口碑碑熱熱銷銷AADD EX.寶貝氣質養 成企劃,包裝套 組商品
  11. 11. 網站資訊架構 – 單元策略說明 •主選單階層 策略: 讓對品牌還不熟悉的人,建立品牌好感度與基礎信任/信仰 透過創辦人自己的故事,更能使媽媽族群產生同理心, 進而對認同品牌承諾 透過實蹟使消費者產生信賴 品品牌牌介介紹紹 品品牌牌故故事事 品品牌牌承承諾諾 認認證證//得得獎獎 媒媒體體報報導導
  12. 12. 網站資訊架構 – 單元策略說明 •主選單階層 策略: 媽咪教室為知識性文章,讓網站使用者可 以依據媽咪和嬰幼兒的不同階段,直覺快速 對號入座找到相關知識。 找知識單元為軟性議題文章,可以是文章 授權、駐站作家、也可以透過會員徵稿增加 豐富性。 內容如有影片素材,可增加歸類到影片專 區,方便使用者觀看。 食譜是媽媽們黏著度極高內容,故獨立拉 出一區,可聚焦在孕媽咪/產後月子/副食 品核心使用者的食譜內容。 找找知知識識 媽媽咪咪指指南南 備孕 懷孕 生產 育育兒兒指指南南 懷孕期 4-6個月 7-9個月 10-12個月 竉竉愛愛寶寶貝貝 美美容容瘦瘦身身 親親子子相相處處 生生活活品品味味 影影片片專專區區 示範教學 名人專訪 FFoooodd 副副食食尚尚 孕孕媽媽咪咪營營養養乳乳食食譜譜 母母乳乳副副食食品品乳乳食食譜譜 月月子子料料理理食食譜譜
  13. 13. 網站資訊架構 – 單元策略說明 •主選單階層 策略: 透過試用活動,創造口碑,並可募集新會員加入 透過文章徵稿與後台審核機制,兼具豐富網站內容與品質把關 透過專家與名人講座活動/媽媽教室增加公關話題 (因有EC功能,可設定免費會需購買課程) 活活動動廣廣場場 新新聞聞公公告告 試試用用申申請請   募募集集徵徵稿稿   講講座座報報名名   投投票票活活動動 愛愛秀秀寶寶貝貝
  14. 14. 網站資訊架構 – 單元策略說明 •主選單階層 策略: 為避免討論話題過雜,預設大分類,再交叉最新發佈話題、 熱門話題的切換顯示。 透過具話題性的投票pk,炒熱會員互動與討論。 透過邀請駐站專家如-婦產科醫師、營養師、教養專家針對會員 問題解答,形塑品牌專業並增加回訪率。 找找話話題題 媽媽咪咪討討論論區區 懷孕生產 寶寶話題 母乳哺育 心事煩惱 話話題題ppkk 專專家家解解答答
  15. 15. 網站資訊架構 – 單元策略說明 策略: 會員、購物車、客服功能 貼心會員功能-收藏文章/商品 會員可接受系統訊息/會員間私訊增加媽媽交流 會員可投稿(文章/照片) 折抵金(e-coupon) 新加入會員/生日禮金/讀取文章/參與活動… 皆有機會獲得折抵金,獎勵參與同時促購 會會員員 CClulubb 收收藏藏文文章章 收收藏藏商商品品 我我的的訊訊息息 投投稿稿文文章章 購物折抵金 ( e-coupon) 購物折抵金 ( e-coupon) 會員制度 與權益 會員制度 與權益 加加入入會會員員 會會員員登登入入 個個人人資資料料管管理理 訂訂單單記記錄錄
  16. 16. 溝通目標對象上網資訊需求 找知識找商品找分享找活動 懷孕須知 育嬰指南 身心健康 家庭關係經營 生活小智慧 嬰兒用品 媽咪用品 媽媽經交流 口碑推薦 寶貝照片 優惠折扣 講座活動 試用活動 找食譜 孕媽咪營養食譜 副食品食譜 月子料理食譜 誰是寶貝網站架構規劃 集點 (紅利金/購物金) BBrraannddiinngg EECC PPrroommoottiioonn CCRRMM 品品牌牌介介紹紹找找知知識識 活活動動廣廣場場找找話話題題 FFoooodd 副副食食尚尚 SShhoopp 購購物物電電子子報報 客客服服中中心心 購購物物車車會會員員 CClulubb
  17. 17. UCD User - Centered Design ─ 以使用者為中心設計 ─ SASSI baby 誰是寶貝
  18. 18. 品牌介紹|Shop. 購物|Food.副食尚|找知識|找話題|活動集 主主題題商商品品//主主打打活活動動……等等bbaannnneerr輪輪播播 < 。 。 。 。 > 熱門話題 (可結合商品爆光) 專家解答 最新一則 Logo 商商品品試試用用口口碑碑熱門話題 熱門文章/ 母乳副食品食譜/ 熱門文章/ 母乳副食品食譜/ 精選影片 精選影片 UI規劃/首頁 EECC ++ BBrraannddiinngg Footer (可結合商品爆光) 專家解答 最新一則 FB 粉絲動態牆 + Email 電子報 PPrroommoottiioonn Search 客服中心 購物車 會員 CCRRMM 導導購購 需要確立首頁分佈內容, 以及重要性的先後排列 考量, 才能更精準的設計 出合適的首頁視覺版型。 導導購購 社群討論 擴散 社群討論 擴散 PPrroommoottiioonn
  19. 19. Header 文章內容 文章內容 Ex. 母乳副食品食譜 Ex. 母乳副食品食譜 (圖/文/影音…) (圖/文/影音…) 串連 FB 串連 FB LIKE、SHARE、COMMENT LIKE、SHARE、COMMENT 本文相關 商品推薦 本文相關 商品推薦 Ex.安全無毒 Ex.安全無毒 食品盒 食品盒 社群討論 擴散 社群討論 擴散 知識教育 x 推薦商品 從媽媽遇到的問題、關 心的議題切入 Ex.食安問題( x有機無 毒食材) 樂活提案 x 相關商品 從為媽媽省時省力、或提 升生活品質的提案切入 Ex.給媽咪的好煮意 ( 食譜教學x食品、廚 具)、放鬆一下(精油、按 摩用品) 導導購購 UI規劃/文章內容頁 BBrraannddiinngg CCRRMM EECC Footer PPrroommoottiioonn 延伸此主題的 素人徵稿募集 活動…etc 延伸此主題的 素人徵稿募集 活動…etc 引導互動 提升黏著 度與回流 引導互動 提升黏著 度與回流
  20. 20. 新型態UI Demo 主選單下拉展開 http://www.adidas.com.tw/
  21. 21. 新型態UI Demo 主選單下拉展開 直接秀出2、3層選單,方便user導覽 http://www.thsrc.com.tw/
  22. 22. 新型態UI Demo 功能區塊收納 http://www.adidas.com.tw/
  23. 23. 新型態UI Demo Key visual 主視覺大圖 & 明確的 CTA (Call To Action) 左右切換鍵 & 標示所在處 http://www.adidas.com.tw/
  24. 24. 新型態UI Demo Ipad / 平板跨載具潮流 1. 減少複雜的區塊組合(鴿籠式排版) 2. 豐富的圖文內容 3. 加大滑鼠感應區塊 4. 滑鼠over的互動回饋 5. 向下滑動的長版的閱讀 6. 字級的增大,易讀性 7. …etc
  25. 25. 新型態UI Demo 頁尾功能 http://www.adidas.com.tw/
  26. 26. THANK YOU 廖家慧 / 林慈秀 0928-796755 http://www.slideshare.net/showlin/show-2013

×