VENDOME AOYAMA BRIDAL

BRIDAL 為結婚戒指品牌,風格溫柔且具質感,
延用原品牌視覺風格,達到視覺風格統一。
櫃姐可透過網頁介紹產品,
消費者也可在網頁中了解戒指品項,在去櫃位上做購買。

VENDOME AOYAMA BRIDAL

BRIDAL 為結婚戒指品牌,風格溫柔且具質感,
延用原品牌視覺風格,達到視覺風格統一。
櫃姐可透過網頁介紹產品,
消費者也可在網頁中了解戒指品項,在去櫃位上做購買。

UI

Typography

Noto  Serif Display  serif

Noto  Sans TC  sans-serif

UI

Colors

#9CCED1

#73A9AC

#E88893

#01348D

UI

Grid system

以Bootstrap規範制定。桌機版1920 x 1080px,12列、Gutter width30px

以Bootstrap規範制定。
桌機版1920 x 1080px,12列、Gutter width30px

平板 768 x 1080 px
手機版 320x 568 px

平板 768 x 1080 px
手機版 320x 568 px

UI

Mockup

Home page

首頁以大banner抓住使用者視線,下方放各頁圖片連結,以圖片及簡短文字說明各頁內容,讓使用者可以簡單根據圖片及文字了解分頁資訊。

Footer

社群連結及其他相關品牌資訊,和回到網頁最上方按鈕。

Product page

左方商品列表頁可篩選商品,透過商品分類輕易找到該類商品。

右邊為商品內頁,清楚顯示商品資訊及商品圖片,
可透過商品圖下方顯示的男女戒,來了解對應的同款對戒

About page

左邊文字標題列表,可點選直接滑到該內容觀看。右邊為所有文字內容。
觀看至最下方內容可點擊 footer箭頭按紐,回到上方網頁位置。

手機板文字內容

Scroll to Top