[企劃/planning] 試寫：品牌優化｜網站設計｜市場研究｜branding optimization｜website design｜UIUX

 瑜悅設計優化網站設計企劃提案

瑜悅設計Transform Design｜石佳玉Shelly 

 

A.    核心價值：協助品牌建立「看起來、用起來、運作起來」的模式

B.    市場區隔：國際化、品牌培力、客製化的商業模式

C.     觀察：

1.        首頁的主視覺體驗：彈跳時間類似金屬、玻璃材質的彈珠，或是糖果，墜落、聚集、靜止

l   目前視覺體驗時間約九秒

l   長度建議：主視覺座落於兩秒內，所謂的2 second website（參考資料：47% of users expect an average website to load within 2 seconds. https://www.digibubble.co.uk/2019/07/website-speed-the-2-second-rule/）

2.        為何墜落？墜落於主視覺的的核心意義？

l   以視覺傳達聽覺的體驗

l   將彈珠或放到罐子中的體驗：收集寶物，收集的心理學意義為「社交」，透過收集的行為與其他人連結（參考資料：https://www.abc.net.au/news/2019-04-18/psychology-of-collecting/10912010）

D.    整合台灣、日本、歐美的彈珠文化、糖果文化，作為微調主視覺的基礎資料？

1.        彈珠：歷史上，1920年代的美國，經濟上升、被人暱稱為「狂吼的20年代（roaring 20s）」；經濟上，玩具經濟例如彈珠十分流行；地理上，彈珠重鎮為南加州。

（參考資料：https://sandiegoarchaeology.org/historic-toy-marbles/ ｜ https://www.marbleking.co.uk/index.aspx?pageid=898085 ）

2.        糖果：節慶、玻璃罐、衛生與階級，更加刺激情緒

l   美國：節慶記憶。20世紀開始，與萬聖節密切相關（參考資料：https://www.smithsonianmag.com/arts-culture/a-cultural-history-of-candy-103534197/ ｜https://www.npr.org/sections/thesalt/2013/10/27/240745233/a-sweet-and-sour-history-of-our-obsession-with-candy｜https://iso.mit.edu/americanisms/halloween-origins-and-current-traditions/）

l   台灣：玻璃罐記憶。日治時期，meiji巧克力、玻璃與餅乾玻璃罐（參考資料：https://www.taiwangazette.org/news/2021/11/16/the-birth-of-meiji-chocolate-colonial-taiwan-and-its-sugar-industry）

l   日本：衛生與階級記憶。儘管金平糖具有時代意義（Konpeito），20世紀中的二戰時期於日本衛生、進步的糖果為牛奶糖與巧克力（參考資料：https://storystudio.tw/article/gushi/morinaga-and-meiji）

E.     重新設計並表達心理學意義？不只是流程順暢，更希望觸發連續的情緒回饋！

1.     個人想法：網站轉場之間，情緒不連貫性

l  像是洗三溫暖、甚至不確定怎麼確知與Transform Design互動：homepage距離感、專業感充足，about區塊為塗鴉、友善的hello，project拉開距離，news的排版、問題、內容又可愛、元氣感的日雜

l  建議可以注意情緒連貫性：UIUX體驗情緒，愉悅、參與感、信任、或滿足感（enjoyment, involvement, trust, or satisfaction）中，感覺到瑜悅設計跳躍於信任與滿足感，但是參與感與愉悅感尚未滿足（參考資料：https://www.interaction-design.org/literature/book/the-encyclopedia-of-human-computer-interaction-2nd-ed/emotion-and-website-design）

l  轉場的正面情緒已然充足：轉場請維持目前逐漸、慢慢的速度即可。根據研究，逐漸的轉場，促使使用者的正面情緒累積，會是最多的（資料來源：https://openportal.isti.cnr.it/data/2019/405863/2019_%20405863.preprint.pdf）

F.     刻意相反的思考（Devil’s Advocate）：著重於社交、連結、溝通而增加親和力？是否與Transform Design的品牌權益（Brand Equity）衝突？

1.     判斷為「不衝突」：著重於社交、連結、溝通，「良好的談話」、「社會影響力」、「改變」、「獨特」（參考網站：https://transform.tw/about）

2.     如何表現網站所說的「良好的談話」與「社會影響力」？

l  良好的對話：project的小信封，可以因為網頁滯留時間、點擊數達一定數量，跳動、變色、開信，展現出期待對話的興奮感，呼應about的塗鴉、友善的hello

l  社會影響力：因為網站呈現許多質化的設計，建議可以以數據呈現實際的「社會影響力」，也呼應瑜悅做設計時，向企業端索取數據、確知訪客輪廓的前置作業

G.    作品集除了home page表達視覺元素以外，還能怎麼增加「看起來、用起來、運作起來」的信賴感？

1.     英語文案錯字、文法、過度冗長的句子，需要修正：

l  如Transform Design is a full-service brand planning collocated （參考資料：https://transform.tw/about）

l  The brand shows a power （參考資料：https://transform.tw/project/108?）

l  Avoid gorgeous rhetoric in layout, the website only presents the most valuable and important information. （參考資料：https://transform.tw/project/105?）

2.  點入作品後之體驗：不只是視覺

l  文案標題：中英文並立

l  後續成效與追蹤，可以經營店家後續經營之專訪，如同歐美履歷的reference（可供查詢的人），建立信賴感

H.    結論：

1.     時間：建議homepage主視覺以兩秒動畫、並考慮多國文化之下的彈珠、糖果文化，微調體驗

2.     情緒：建議優化子頁之間的情緒連貫性、圖示的小變化，強化體驗、呼應介紹文案的關鍵字

3.     鞏固市場區隔：英文文案重新審稿，避免第一眼因為文案錯字被英語系國家甲方打槍

4.     切合核心價值：後續店家專訪與現況