Out Of Design 圈外設計｜官網介面設計
情境 Situation
「Out Of Design 圈外設計」是我在 2019 年創立的個人品牌，致力於將難懂的設計知識製作成易懂的懶人包，目前在 Instagram 上有 4.2 萬人追蹤。
為了整理這幾年來的合作經歷與教學演講經歷，並說明目前有提供的合作項目、曾經合作的廠商與作品集，決定建立一個官方網站，將所有的資訊整合在這個網站中，也提供給閱覽者較專業完整的形象。
架設網站的工具為 Webflow ，並使用 Google Domains 租用網域。
任務 Task
社群平台雖然快速且容易曝光，但零碎的內容也較難拼湊出一個完整的品牌形象。於是決定將歷年來的講座、合作過的活動與製作過的商品整理成一個網站，方便粉絲/有興趣合作的廠商閱覽參考，也可以有個直接的管道更認識圈外設計。
行動 Action
當初在挑選架設網站平台時同時比較了 Wix、Wordpress 與 Webflow，因為本身擁有製作動畫的經驗與能力，也希望網站平台能夠方便插入 Lottie 動畫，除了為網站增加趣味的體驗以外，也不至於使網站效能降低太多。
多方比較後，最終選用 Webflow 製作網站的原因也是因為方便插入 Lottie 製作網頁微互動動畫，以下為使用 After Effect 軟體製作，搭配 Bodymovin 擴充元件輸出互動動畫的呈現效果。
結果 Result
．網站發佈後，來信邀約的教學講座與商業合作較去年同時段高出約 30%。
．未來將持續往 SEO 與網站內容優化的方向邁進。
Out Of Design 圈外設計｜品牌設計
使用偏復古的三個顏色作為主要的色調，以躺在地上的圓圈與延伸向上的爬梯代表圈外設計「跨出圈外」的精神，也代表英文名字「Out Of Design」的開頭字母「O」，使用代表性的等角向量 (isometrics) 風格設計，讓人一眼就能懂圈外設計的主要插畫風格。
