Project Showcase
Blooming Art
SHOPLINE 前台客製與功能開發・Liquid.js
為 Blooming Art 進行 SHOPLINE 前台客製化與功能開發，
基於新版編輯器突破平台限制，調整商品細節頁結構以符合品牌美感。
手寫 Hover 互動動態提升視覺細節，並客製化出獨立分頁，
打造沉浸式沙龍故事體驗，還原高要求設計細節，兼顧品牌質感與購物體驗。
專案自 2024 年 7 月啟動，不定期更新與調整至 2025 年 10 月。
挑戰與解法
// 每個功能點都是在平台限制下，用客製化方式解決實際業務需求。
01基於新版編輯器進行前台客製化與功能開發
在 SHOPLINE 新版編輯器架構下，進行深度前台客製，確保功能穩定並符合品牌設計需求。
02突破平台限制，調整商品細節頁結構
高度客製化商品細節頁的資訊架構與版面配置，使其更貼合品牌設計風格。
03手寫 Hover 互動動態，提升前台視覺細節
不依賴預設效果，以手寫方式實作 Hover 互動，強化商品與頁面的視覺精緻度。
04全客製獨立分頁，打造沉浸式沙龍故事體驗
配合高要求設計細節，開發獨立故事型分頁，讓使用者能更深入感受沙龍的品牌氛圍。
05還原高要求設計細節，兼顧質感與購物體驗
在高度還原設計稿的同時，確保購物流程順暢，平衡品牌質感與實際轉換需求。
頁面展示
Home
// 首頁選單以半透明漸層色為背景，並以 Liquid.js 高度還原設計稿要求之架構排版。
Category Overview
// 額外開發商品分類的展示頁面，並手寫 Hover 互動效果。
Product Detail
// 突破平台限制，重新調整商品細節頁資訊呈現方式與圖片輪播樣式。
關於我們
// 全客製化建立關於頁面，以故事性敘事呈現沙龍品牌理念與氛圍。
最新消息
// 全客製化建立最新消息頁面，並手寫 Hover 互動效果。
Category
// 基於平台限制，客製化調整頁面架構與樣式，以符合品牌設計風格。
