Shiatzy Chen image

Shiatzy Chen

Website Design

Shiatzy Chen Offical Website

www.shiatzychen.com

夏姿 陳,官方網頁設計

,融合東西方時尚,用極簡的設計風格,賦予夏姿摩登、時尚的品牌形象,簡約明亮且直覺性 UI/UX 設計帶給瀏覽者不同的感官體驗。

Shiatzy Chen image Shiatzy Chen image Cover Page

Cover Page

Image and Navigation Strategy

在網站入口頁面,多用途的影像與影片區塊,除了能夠傳達品牌形象,也可配合行銷策略,發佈當下最新行銷主題。 我們垂直整合網站單元與內容,讓網站選單變得簡單扼要。

Shiatzy Chen image Shiatzy Chen image Shiatzy Chen image

Cover Page & Video

Shiatzy Chen image Shiatzy Chen image Shiatzy Chen image

RWD Cover Page

Shiatzy Chen image Shiatzy Chen image Shiatzy Chen image

RWD Navigation

Marketing Strategy in Block

我們開發多功能行銷區塊機制,區塊的形式、位置、順序、內容皆可以透過CMS自行設定,讓夏姿可以自由配置行銷區塊。

Shiatzy Chen image Shiatzy Chen image Shiatzy Chen image

Top Page

Cover Page

Shiatzy Chen image Shiatzy Chen image

Block 1

Shiatzy Chen image Shiatzy Chen image

Block 2

Shiatzy Chen image Shiatzy Chen image

Block 3

Shiatzy Chen image Shiatzy Chen image

Block 4

Shiatzy Chen image Shiatzy Chen image

Block 5

Shiatzy Chen image Shiatzy Chen image

Block 6

Shiatzy Chen image Shiatzy Chen image

Footor

Shiatzy Chen image

Footor

Shiatzy Chen image Shiatzy Chen image

scroll me

RWD Cover Page and Top Page

A Type

Shiatzy Chen image Shiatzy Chen image

B Type

Shiatzy Chen image Shiatzy Chen image

C Type

Shiatzy Chen image Shiatzy Chen image

D Type

Shiatzy Chen image Shiatzy Chen image

E Type

Shiatzy Chen image Shiatzy Chen image

Block Type of Top Page

Shiatzy Chen image Shiatzy Chen image Shiatzy Chen image

Block in Top Page

Fshion & Collection

以獨立活動網站的概念設計,獨立的 Collection Page 可以自訂網址名稱,透過 CMS 設定,輕鬆創造多種不同的組合的配置。

Shiatzy Chen image Shiatzy Chen image Shiatzy Chen image

Fashion Overview

Light Style

Shiatzy Chen image Shiatzy Chen image

Dark Style

Shiatzy Chen image Shiatzy Chen image

Layout A

Shiatzy Chen image Shiatzy Chen image

Layout B

Shiatzy Chen image Shiatzy Chen image

Fashion Style Guide

LookBooks Association Collection

讓 LookBooks 可以關聯相關的 Collection 物件,因應不同系列 LookBooks Style,頁面也能彈性設定黑或白風格。

Shiatzy Chen image Shiatzy Chen image Shiatzy Chen image

Fashion LookBook

LookBooks Header

Shiatzy Chen image Shiatzy Chen image Shiatzy Chen image

LookBooks Footor

Shiatzy Chen image Shiatzy Chen image Shiatzy Chen image

scroll me

Fashion LookBooks Overview

Brand Story & Brand Blog

符合原創設計品牌的理念,我們以創新的UI設計,忠實地記錄夏姿的品牌故事與企業沿革。我們呼應品牌經營策略,設計專屬的Brand Blog,讓夏姿可以不定時發佈品牌動態與時尚潮流相關訊息

Shiatzy Chen image Shiatzy Chen image

The Shiatzy Chen Story

Shiatzy Chen image Shiatzy Chen image

Blog Detail

Shiatzy Chen image Shiatzy Chen image

Blog Overview

Locate A Store

全球門市據點資訊,我們整合Google Map API,提供離瀏覽者最近的門市據點資訊。

Shiatzy Chen image Shiatzy Chen image Shiatzy Chen image

RWD Store Locator

Search Store

Shiatzy Chen image Shiatzy Chen image

Store Google Map

Shiatzy Chen image Shiatzy Chen image Shiatzy Chen image

Find A Store

View more
website design works

BACK