Layoutbase

Layoutbase 是一款針對 Shopify 用戶所開發的線上頁面編輯器；讓用戶無需程式編寫，僅需拖曳和編排網頁組件就能輕鬆創建 Shopify 商店。參與前期的需求規劃，以及負責產品整體的品牌形象及介面視覺設計規劃。

• 專案目標：
  為 Shopify 用戶打造簡易上手的 Page builder。降低學習門檻，僅需拖拉即可創建獨一無二的電商網站。

• 角色與產出：
  與產品經理、開發團隊和利益關係者密切討論配合，定義最佳化流程與體驗。負責介面與流程的視覺設計，並針對使用者反饋適時優化調整流程設計。
  品牌整體視覺規劃，建立 Branding guidelines、Landing page

從零開始打造全新開店平台服務，包含品牌規劃以及產品介面設計。

針對產品功能需求，設計所需的元件、icon 和佈局。Drag and Drop 是產品的中心主軸，快速的拖拉元件完成頁面；

所以在 icon 的繪製上必須要清晰明瞭適度搭配文字，減低使用者操作錯誤的情況。

‍

建立 Design system

為產品建立 Design system，提供設計風格規範以及可供重複使用的介面設計元素等，

讓團隊在開發時有一個統一的架構和規範去執行，可確保產品開發效率以及減低日後維護成本。

‍

運用設計模組化概念

產品本身自帶多款預設元件，大致分類為結構型元件（Section、Columns、Tabs、Tables、Silder...等）、內容型元件（Heading、Button、Image、Icon等常用的元素），

並需要針對個別元件設計預設樣式，讓用戶在不需要設定太多參數的情況下符合大多數頁面編排需求。

‍