Femarelle 芙婷寶

Femarelle 芙婷寶

網站設計以單純的形象作為展示,其風格不僅利用了產品主要識別色—「紫色」進行渲染,更以產品理念作為基礎,利用花卉進行大面積的布置,傳達出女性、自然與美麗。

  • 【芙婷寶】女人要把自己當寶

    【芙婷寶】
    女人要把自己當寶

     

     芙婷寶/芙嘉寶 是專為熟齡女性設計的營養補充品,希望讓女人在擁抱健康生活的同時,增添熟齡女性的自性美。

     網站設計作為單純的形象展示,其風格不僅利用了產品主要識別色—「紫色」進行渲染,更以產品理念作為基礎,利用花卉進行大面積的布置,傳達出女性、自然與美麗。其中花卉雖然沒有少女的稚嫩夢幻,但都各象徵著美好、高潔、賢德、幸福、希望與快樂和平,這些猶如祝福般的風格,迎面撲向進站的顧客,讓人不僅感受到暖意,更體會到產品與女性密不可分的關係。

     在版面、文字的安排規劃上,更以清楚簡單大面積排版作為布局,整體畫面簡單乾淨又大方,除了容易瀏覽之外,更傳遞出產品成分沒有過多添加物的感受。在首頁中,皆是以大圖的方式作為布局,意圖簡單明瞭卻又能涵蓋整體網站想要呈現的主要內容;而在全站右側,更加入了浮動標示,讓人可以快速的撥打電話、找到店家。

     

  • 【關於我們】

    【關於我們】

     在關於我們頁面中,花卉更是貫穿了整個頁面,在閱讀文字時,彷彿能聞到由花朵傳來的一陣陣清香;此外,還在這些花卉中加入了表示生技的分子結構圖示,花卉與分子結構的合作,不禁讓人將產品的自然聯想起來。

     

  • 【最新消息】

    【最新消息】

     在最新消息中,版面編排以制式的排列編排,在這裡的設計以大量留空的方式,讓網站管理者可以添加更多資訊而不被圖示干擾,使用者也可以專心閱讀其中內文,其中包括媒體報導、體驗分享、期刊研究與分享推薦。

     

  • 【商品介紹】

    【商品介紹】

     在這個區域,以產品做為主角進行描述介紹,產品圖片加入放大鏡的功能,當游標移動到產品時,就會自動出現放大視窗,讓人能夠輕鬆看到更細部、高解析度的產品樣貌。

     在最下方則串聯了最新消息,讓使用者在了解產品之虞,還能透過專欄消息來更加認識與了解其他相關的知識。

     在這裡最特別的是後台管理,管理者可以在後台自行設定產品後方的底層顏色,還可以針對網站SEO設定單獨頁面的產品關鍵字介紹

    ▲ 控制色彩與設定關鍵字

     

  • 【網站後台】

    【網站後台】

     網站後台除了一般基本的圖文設定,其中的最大特色就是「可以自己設定SEO關鍵字」!

     網站管理者可以自行設定網站名稱、描述與關鍵字,若是想要獲得GA分析的數據,也可在後台自行填入Code生成數據;若有想要利用GTM來追蹤某些項目,也能在後台自行嵌入,非常方便!

ID:@323foylw