user's avatar
nac nac web design
nacnac官網首頁視覺規劃

nac nac為麗嬰房「孩子是我們一輩子的事業」經營理念下創立,產品涵蓋哺乳替代、嬰幼兒洗護、衣物清潔、居家飲食、保健用品,本次參與品牌官網的視覺整體規劃,在有限時間內,釐清品牌相關產品建立出分類架構,與優化平台介面與後台CMS品項架構系統,技術上,因是利用Shopline內部既有的電商系統框架,功能上無法做太多的改動。



專案資訊
    1. 時間:為期一個月
    2. 成員:3人( 專案經理.客服人員.視覺設計師)
    3. 類型:首頁視覺規劃與後台建置規劃
    4. 領域:UI Design, UX Design, Design System, Mobile Design, Web Design
    5. 軟體:介面繪製- Adobe XD, 協作軟體- Zeplin, 前台功能架構- Front-end Function Map - Miro
提案規劃流程

前期發現問題

1. 導覽列分類提供資訊較不明確 > 增加使用者立即找到所需求時間
    因產品品項多樣性,因此建立基本性質的分類,雖能讓使用者大致了解品項性質,
    但並非針對系列作區分,減緩購物上的效率。
2. 首頁提供資訊量過於表淺 > 影響使用者購買慾
    僅提供橫幅廣告與熱銷推薦產品,降低了使用者對於網站吸引力,也會影響對於產品購買意願。
3. 下方頁尾資訊重複 > 使用者資訊混淆
    聯絡資訊是使用者需求性高的區塊,在文字敘述中有些重複,可能造成資訊上認知有誤解。







導覽列分析與調整

Before  |  主目錄與分頁品項有些微落差
After     |  以主系列結合功能性分類 並根據分頁內容調整主目錄標題 






視覺初步規劃一 ( wireframe / mockup )

除套用固定系統版型外,針對原本架構進行優化

風格參考:麗嬰房
風格定調:可愛 活力 清新
套用版型:Varm ( 原官網版型 )





提案後回饋

1.風格走向 :嘗試改以簡約 清新 風格
2.區塊檢視 :以圖片為主  icon為輔
3.色系調整 :溫柔 清新的色系
4.以手機版型為主考量 



視覺上架展示



首次參與品牌的視覺規劃的反饋

- 品牌諮詢上的初期走向訂定重要性 
   初期沒有提出很多明確問題,導致風格定調有所出入。
- RWD須為首要考量 
   初期提案的時候 忽略掉手機版面 造成品牌提及消費者多以手機操作。
- 套版限制需深入研究 
   這次製作有發現 首頁雖為需求版型,但商品頁在Web版上是不適用的,
   為考量人力成本最後選擇原有版型。

nac nac web design
0
22
0
Published:

nac nac web design

0
22
0
Published: