& TEA
品牌形象網站 | Awwwards Awards 入選
Role
UI/UX Designer
Client
And TEA
Duration
Summer 2021
The Digital Gap in Industry
在台灣，仍有許多手搖飲品牌尚未設立官方網站
即使有網站的品牌，大多版型單一，以傳遞清楚資訊為主，但整體的互動體驗較為平淡、缺乏亮點
即使如此，還是可以觀察到少部分台灣的飲品官網設計正逐漸強調品牌個性與互動體驗
Crafting a Memorable Brand Voice
相較市面上，&TEA 擁有獨特的品牌語調，使其在眾多競爭對手中脫穎而出
因此，將這樣的品牌調性延續至官網中，能更有效強化市場區隔與品牌辨識度
考量到 &TEA 的核心客群是 18 至 30 歲的年輕族群
我們著重於如何將品牌個性以視覺與互動形式呈現，提升整體使用體驗與品牌參與感
Visual System Inspired by Identity
在設計初期，我們透過設計發想歸納出一系列核心品牌關鍵字，作為視覺延伸的設計元素參考
其中「線條」作為首頁設計的起點，並將此概念延伸至整體網站的版型
另一方面，首頁則強調運用「圓」為元素，強化視覺與操作上的互動性
Building Product Clarity and Brand Depth
為了建立一致的品牌體驗，採用統一的畫面結構與互動式敘事手法
延續品牌象徵性的「線條」概念，以中央對齊的版型設計為主軸
透過清晰的導覽、體驗互動與動畫效果，
提升使用者操作流暢度，也加強品牌情感的傳遞與記憶點
