2020海棠來了品牌官網《視覺設計篇》
官網的誕生，對海棠來說可以載入海棠史記的事情！
耗費無數設計師的『精、氣、神』才誕生！
在全球設計思潮中，舊有的海棠網站已經不敷使用！
隨著網路行為模式變遷，
對於品牌的親密度也伴隨而來，讓一般使用者越來越注重！
我們藉由新官網的誕生，
重新梳理整體品牌概念、定位、聚焦項目！！！！
也讓大家知道一個品牌感極其強烈的網站是如何誕生
尤其遇到總監、副總觀念差異極大，如何取得平衡點！
魔王😈😈😈😈不在其他客戶身上勒～是在我們家！！！
希望讓大家知道『海棠來了』
能記住我們是一群享受變化的數位推動者！！
重新定義需要做的項目有哪些？
- 品牌探索、定位、企業發展與策略定義
- Logo的重新定義與設計
- WF設計：確定整體框架、想法概念、文案
- 確認視覺風格
- 首頁設計、風格確認
- 設計內頁
好的設計沒有個強悍前端＋厲害的後端，整體加起來才強大！！
當然海棠每個部門都相當重要的！缺一不可～
請大家期待接下來的前端篇，就決定是Reginna你了！
點滴都是淚水😢，只好給我🍺 ＋🚬了
才能消除疲勞～～
品牌探索、定位、企業發展與策略定義
如此一來就開始我們的激活『海棠設計』
在定義整體的方向上，
我們通常會進行以下的動作，
將總監、副總當作客戶讓ＵＸ為主力📸 📸 📸，
我通常為追殺＋輔助角色，讓總監、副總快速決定項目🤘🤘🤘🤘
進行一連串的問題轟炸中…
通常流程上，會詢問以下問題：
1. 企業發展與策略
*海棠的發展歷程背景？
*原本的馬鈴薯與柳丁怎麼誕生的？
* 公司企業與文化上，都是如何打破框架？公司的文化除了活潑之外還有其他形容嗎？
…等
2. 業務與市場
* 海棠的業務範圍、目標市場、受眾群是？
*用一句話象徵海棠？
* 我們帶給客戶的是什麼樣的品牌承諾、產品、服務？
…等
當然除了上述問題，還會有其他衍生性問題！
都會是需要靠大家臨場反應，
在這邊就不多贅述！
下次再開一篇仔細來探討『品牌探索、定位與策略定義』
（希望有下一篇，有空的話🙈🙈🙈🙈🙈 ）
在不斷的詢問、討論、分析、解析！！
得出以下總結象徵著海棠：
不用昨日的思維 解決明日的問題
What if NOW！創意百家爭鳴，設計「完美落地」才是首要課題。
策畫未來很有趣，但同時我們更在乎實踐與成效，而願意突破框架的產品，才能為產業注入活力與改變，也才能在市場立於不敗，品牌與團隊亦然。
問題來自於需求，而明日的問題 = 客戶對創新應用的期待。
我們精準掌握數位技術，以用戶為中心發展可用創意，更重視產品與服務的成效，請與我們一起從現在前往未來。
才誕生了關於海棠的基礎訊息，
有興趣的人可以點擊連結到我們官網好好看喔～～
Logo的重新定義與設計
重點：多元、探討、協作
歷經一段品牌探索、定位的激烈探討後，
對於LOGO，這個重塑的重責大任落在，
中間也歷經了多個版本，辛苦FEN 及 YoYo設計師！
在一連串燒腦的底下產生無數的LOGO設計想法！！
經過一連串內部討論，
最終還是決定回歸最終的概念『多元、探討、協作』
拿原本舊款LOGO做修改！
將其做簡化，符合現今年輕世代的潮流、多元！最終確定版本為Fen設計師製作。
確認視覺風格
終於進入到設計篇的正題了！
在總監、副總的重點如下：
- 淺色、有趣、動態，希望與之前的網站做出差異！
- 不停下來的思考邏輯
- 無特定想法
- 喜歡的網站：anthonyflorio、tsumi
當設計部門聽到以上三個重點之後，
雖然內心哀號萬馬奔騰😲 😲 😲
馬上招集所有設計部門成員！
設計部門所有人認真找非常多的風格！
因為『無特定』想法（就是這個令人困擾啊！🚬 🚬 🚬 🚬 🚬 ）
所以設計部門一群人找了Ｎ個網站、Ｎ個方向吧！
與大家討論統整出以下方向：
- 簡約\破格方式
- 插畫、線條風格
- 日式專業風格
- 簡單微互動
- 色塊風格
- 寫實風格
大家努力找了很多方向與網站參考！
可以讓看看設計部門找的整體方向與效果！
總合以上方向，在會議上得到以下結論：
- 簡約\破格方式， 強調『撞色、黑色幽默、商業感』
- 簡單微互動（希望hover之後加入插畫元素，讓整體感受有高反差感。第一眼進入網站，會是商業感的網站。能夠的話加入星空元素！）
- 用色大膽
- 大區塊色塊
- 大字體文字呈現
- 跳脫原有商業感極重的版面設計，加入有趣的元素呈現。
為主要設計大方向！
副總還是希望加入些許的插畫風格搭配！讓設計在顯示上可以更特別與有差異化！
出征的設計師為Fen、Daisy
最後選擇FEN的優秀設計稿 👏 👏👏
整體利用太空人＋反骨挑戰，營造出不同的氛圍～
確定的動畫呈現請看我們海棠官網喔！
辛苦兩位優秀設計師了！
設計內頁
每個內頁都是經由時間的淬鍊
經由探討、搜尋視覺風格
柳丁的我們，激發更多不同創意與巧思
下面👇👇👇各別舉出幾個例子
讓大家看看前後差異
服務項目，設計師Patty
整體再跟ＵＸ討論時候，希望呈現的方式可以跳脫，多方面使用的2.5D向量元素，因此在設計時，有跟Patty做一些可以呈現上的風格探討！
在初期也有請YoYo先根據方向找出相關配合的視覺風格，搭配設計師Fen於首頁使用的幾何圖元素。
針對各項服務項目所使用的幾何圖形設計師Patty有寫下當初在設計上的整合性概念。
研究洞見：從各種問題中找到獨特的看法與見解，通過思考的圓環將問題從發散到收斂。
策略與創意：面對案子的各種面向與進行企劃構想與創意思考，為客戶打造最完整的策略設計。
數據分析：從底部的大數據操作各種收斂行為與統整，漸漸向上匯集成精準的分析結果。
介面設計：針對產品的每個面向做出全方位的完整設計，不僅限平面而是全面。
系統開發：對於系統的每個細節都全權規劃，乾淨利落不漏掉任何開發細節。
運營維護：永續保持專案的高度品質與內容，讓產品生生不息循環成長。
想看更美麗，更有互動性的呈現，直接到『服務項目』的網頁觀賞喔！
關於我們，設計師YoYo
插畫風格建議以跟隨首頁的向量風格。
與WF相同編排方式，左邊為大標題與內文，右邊是符合官網風格的柳丁+馬鈴薯插圖(不會是該網站的風格)，可以坐在星球上之類的，往上飛的飛機可以改成貫穿全站的紫色小人往上飛等；背景簡單乾淨容易閱讀即可
主要是展示[尋找差異][創意落實][準確效率]這三塊的呈現方式，可以是三組馬鈴薯柳丁坐在星球上做不同行為來呈現，以簡單素雅的背景凸顯前方的資訊重點
想看更美麗，更有互動性的呈現，直接到『關於我們』的網頁觀賞喔！
研究與洞見，設計師Daisy
插畫風格建議以跟隨首頁的向量風格。
介面設計，設計師Gif
插畫風格建議以跟隨首頁的向量風格。
介面設計，設計師 Joanne
插畫風格建議以跟隨首頁的向量風格。
總結
其實整體視覺風格上，
也因為時間的歷練、萃取，
以及再次為辛苦的前端工程師Reginna，鼓掌 👏 👏👏
沒有前期的催化孵出如此完美設計稿
就不會有如此多的掌聲與殊榮！！
設計這條路上
沒有別的秘訣
唯有前進與努力，才會開出不一樣的呈現！
感謝這些辛苦努力的設計師！
感謝海棠設計團隊！
