Shiatzy Chen Offical Website
www.shiatzychen.com夏姿 陳，官方網頁設計
，融合東西方時尚，用極簡的設計風格，賦予夏姿摩登、時尚的品牌形象，簡約明亮且直覺性 UI/UX 設計帶給瀏覽者不同的感官體驗。
Cover Page
Image and Navigation Strategy
在網站入口頁面，多用途的影像與影片區塊，除了能夠傳達品牌形象，也可配合行銷策略，發佈當下最新行銷主題。 我們垂直整合網站單元與內容，讓網站選單變得簡單扼要。
Cover Page & Video
RWD Cover Page
RWD Navigation
Marketing Strategy in Block
我們開發多功能行銷區塊機制，區塊的形式、位置、順序、內容皆可以透過CMS自行設定，讓夏姿可以自由配置行銷區塊。
Top Page
Cover Page
Block 1
Block 2
Block 3
Block 4
Block 5
Block 6
Footor
Footor
scroll me
RWD Cover Page and Top Page
A Type
B Type
C Type
D Type
E Type
Block Type of Top Page
Block in Top Page
Fshion & Collection
以獨立活動網站的概念設計，獨立的 Collection Page 可以自訂網址名稱，透過 CMS 設定，輕鬆創造多種不同的組合的配置。
Fashion Overview
Light Style
Dark Style
Layout A
Layout B
Fashion Style Guide
LookBooks Association Collection
讓 LookBooks 可以關聯相關的 Collection 物件，因應不同系列 LookBooks Style，頁面也能彈性設定黑或白風格。
Fashion LookBook
LookBooks Header
LookBooks Footor
scroll me
Fashion LookBooks Overview
Brand Story & Brand Blog
符合原創設計品牌的理念，我們以創新的UI設計，忠實地記錄夏姿的品牌故事與企業沿革。我們呼應品牌經營策略，設計專屬的Brand Blog，讓夏姿可以不定時發佈品牌動態與時尚潮流相關訊息
The Shiatzy Chen Story
Blog Detail
Blog Overview
Locate A Store
全球門市據點資訊，我們整合Google Map API，提供離瀏覽者最近的門市據點資訊。
RWD Store Locator
Search Store
Store Google Map
Find A Store
