專案情境
Circumstances Of Project

專案內容 |

TICCO形象網站架設

專案開啟時間 |

2019/10

角色職務 |

網頁設計

使用者故事
User Story
作為一名消費者
我想要珍藏分類的功能
以達到商品在穿搭上更便利的參考

作為一名消費者
我想要以圖搜圖的功能
以達到快速搜尋類似商品

作為一名消費者
我想要快速填寫訂單的功能
以達避免重複輸入資料
人物誌
Persona

形成角色方法 |

選擇有在關注時尚和喜愛潮流穿搭的年輕客群,以時尚KOL、網紅或網拍模特兒,為假設對象

設計方法考量 |

礙於時間和人力上的考量,採用人物誌的方式初步鎖定客群

人物誌角色資訊 |

姓名、性別、職業、年齡、興趣、人格特質、經濟狀態、消費模式、穿著風格、喜愛品牌、角色經歷

設計影響部分 |

由於大多品牌已有一定名聲,購物性質的官網,大多讓使用者沒記憶點,為了加深第一印象,針對此類客群對於突破和改變的接受意願較高的特性,最好是能顛覆以往且持續刺激視覺的創作,較能吸引注意

介面設計
Ui Design

視覺風格 |

品牌選用帶藍的紫,顛覆以往較敬而遠之的紫色在大眾心裡的印象,黃色除了是互補色,也是大眾接受度較高的顏色,整體的品牌形象活潑鮮明,卻不失質感,走向潮流年輕化,把握品牌色特質,打造個性化網頁
由於文案不多,採用一頁式網頁、高質感大圖呈現,顧慮使用者在操作上易感無聊,排版較趣味性,以塊狀作共通元素,即使每頁的排版不同,也不會產生違和感對象

細節處理 |

加入互動性效果,讓使用者在操作上感受到動感的回饋,進而增加操作意願
成員介紹頁面游標滑入人物圖像,像被老師點名到的學生,一個個分別站起來,並且改變底圖促使操作者想看下一位人物照的慾望
在鎖扣各別理念呈現的頁面,底圖上的英文字母會隨著游標移動,產生類似跑馬燈的效果

專案痛點
Pain Point

資訊量較少 |

由於是大學專題展示用網站,產品本身開發還在概念初版階段,不像普遍市面上已開發成熟的品牌網站,能夠展示的內容相較之下確實不多

用意不大 |

社群軟體崛起,現今的趨勢以社群發文作為主要曝光,有購物功能的網站架設為輔,許多品牌已不採用網頁形式的形象建立,對於網站設置需求,主要功能是為了在展示上能有一個品牌概念的完整度,其餘效益不大

課題&解決辦法
Struggles & Sort Out
由於本科系不是資訊類,在網站架設的部分即使視覺上有更好的呈現方式,但寫不出程式碼也不過是天馬行空,特別是我想著重的動態回饋,之後發現一個叫Webflow的網站,不用程式碼就能架設網站,也能做出需要進階語法才能寫出的動態回饋,即使有些系統問題,沒辦法做到很精緻,就效果來看已經比自己開發來的盡善盡美了

不是功能性網站,製作上的首要考量為抓住使用者視覺,加深對品牌的印象,讓使用者願意花時間去了解品牌內容

資料量較少,為了避免簡陋感下意識會想多加裝飾和互動性,但礙於技術與時間上的考量,拿掉無法製作的元素也是必須的,覺得較可惜的部分,原本想做的客製化商品搭配模擬就無法如願做出,因此規劃視覺的時候,會不斷反思最致命的問題「做得出來嗎?」,盡量嘗試不同可能性,在理想與技術上達到平衡