Franz Collection Offical Website
www.franzcollection.com.tw法藍瓷,官方網頁設計
,我們深度挖掘法藍瓷的品牌理念,除了再造網站品牌形象之外,更企圖藉由網站的內容規劃提升品牌價值,為日後全球跨境電商架構打下基礎。
![Franz image](photos/menu_fixed2.png)
![Franz image](photos/image_01_hover.jpg)
![Franz image](photos/image_01.jpg)
![Franz image](photos/image_01_low.jpg)
scroll me
Cover Page & Top Page
![Franz image](photos/image_02_hover.jpg)
![Franz image](photos/image_02.jpg)
![Franz image](photos/image_02_low.jpg)
Navigation
![Franz image](photos/menu_fixed.png)
![Franz image](photos/image_03_hover.jpg)
![Franz image](photos/image_03.jpg)
![Franz image](photos/image_03_low.jpg)
scroll me
RWD Cover Page & Top Page
![Franz image](photos/image_04_hover.jpg)
![Franz image](photos/image_04.jpg)
![Franz image](photos/image_04_low.jpg)
RWD Navigation
Discover Franz
探索法藍瓷,在首頁中我們讓藝術品的陳列位置及大小可以從 CMS 中被設定,讓藝術品的陳列配置高度自由化,不再受固定 Layout 限制,讓發佈網站內容變得更簡單。
![Franz image](photos/image_05_hover.jpg)
![Franz image](photos/image_05.jpg)
![Franz image](photos/image_05_low.jpg)
Discover Franz
Find Collection
我們開發商品搜尋功能,可依藝術品的類別、功能、用途、顏色及關鍵字等條件,快速篩選藝術品,且搜尋條件可於 CMS 中讓法藍瓷自由佈署。 而瀏覽者設定的搜尋條件,在離開搜尋頁面後將會被記憶,在不同頁面仍可沿用最後設定的搜尋條件。
![Franz image](photos/image_06_hover.jpg)
![Franz image](photos/image_06.jpg)
![Franz image](photos/image_06_low.jpg)
Find Collection
![Franz image](photos/image_07_hover.jpg)
![Franz image](photos/image_07.jpg)
![Franz image](photos/image_07_low.jpg)
RWD Collection Filter
![Franz image](photos/image_08.jpg)
![Franz image](photos/image_08_low.jpg)
scroll me
RWD Find Collection
Collection
商品陳列的編排得到完全的自由,區塊可隨商品尺寸及比例自動完成編排,商品的介紹藉由述說商品的藝術由來、商品製作過程,進堆疊商品與品牌價值。
![Franz image](photos/image_09.jpg)
![Franz image](photos/image_09_low.jpg)
Collection Overview
![Franz image](photos/menu_fixed2.png)
![Franz image](photos/image_10.jpg)
![Franz image](photos/image_10_low.jpg)
scroll me
Collection Guide
![Franz image](photos/menu_fixed3.png)
![Franz image](photos/image_13.jpg)
![Franz image](photos/image_13_low.jpg)
scroll right slide
Collection Story
![Franz image](photos/image_11_hover.jpg)
![Franz image](photos/image_11.jpg)
![Franz image](photos/image_11_low.jpg)
Collection Guide
![Franz image](photos/menu_fixed2.png)
![Franz image](photos/image_12.jpg)
![Franz image](photos/image_12_low.jpg)
scroll me
Collection Detail
![Franz image](photos/menu_fixed.png)
![Franz image](photos/image_14.jpg)
![Franz image](photos/image_14_low.jpg)
scroll me
RWD Collection Detail
![Franz image](photos/image_15.jpg)
![Franz image](photos/image_15_low.jpg)
RWD Collection Photo Zoom
The Agenda
法藍瓷不定時發佈品牌動態及專欄文章,透過我們客製化的設計,可讓法藍瓷自行定義編排模式,無論是圖文並茂的文章或活動報名申請表,模式皆可自行定義,讓品牌傳遞訊息變的輕鬆且多元。
![Franz image](photos/image_16.jpg)
![Franz image](photos/image_16_low.jpg)
The Agenda Overview
![Franz image](photos/image_17.jpg)
![Franz image](photos/image_17_low.jpg)
Agenda Detail / Registration
![Franz image](photos/menu_fixed2.png)
![Franz image](photos/image_18.jpg)
![Franz image](photos/image_18_low.jpg)
scroll me
Agenda Detail
Find A Locator
整合Google Map API,讓法藍瓷全球銷售通路資訊一覽無遺。
![Franz image](photos/menu_fixed2.png)
![Franz image](photos/image_20.jpg)
![Franz image](photos/image_20_low.jpg)
scroll me
Locator Search
![Franz image](photos/image_21.jpg)
![Franz image](photos/image_21_low.jpg)
Locator Guide
![Franz image](photos/image_22_hover.jpg)
![Franz image](photos/image_22.jpg)
![Franz image](photos/image_22_low.jpg)
RWD Locator Guide
Newsletter
法藍瓷經由 CMS 設定 Layout 樣式及所需要的網站內容,內容直接沿用網站資料庫資訊,讓發佈電子報快速且簡單。
Layout A
![Franz image](photos/image_23.jpg)
![Franz image](photos/image_23_low.jpg)
Layout B
![Franz image](photos/image_24.jpg)
![Franz image](photos/image_24_low.jpg)
Layout C
![Franz image](photos/image_25.jpg)
![Franz image](photos/image_25_low.jpg)
Layout D
![Franz image](photos/image_26.jpg)
![Franz image](photos/image_26_low.jpg)
Newsletter