主打「給女孩的民宿導覽網站」的Dear b&b,從視覺上就很擄獲女孩的心,大大的照片、柔和的配色、貼心的旅遊資訊等都是讓人無法自拔的一直逛下去的最大原因。邊逛邊打算:該去旅行了吧?

Dear b&b的目標很明確,就是給「25~35歲女性逛的民宿導覽網站」。因此,大而吸睛的圖片、優雅的配色及文案、主題系列的推薦等,無不圍繞著「優雅」、「安心」、「愛自己」幾個女性關鍵字。

page06  
↑Dear b&b的網站首頁,用大區塊的照片來吸睛

• 字型統一,由大小粗細變化來分層

在字級的選擇上,Dear b&b全站只使用黑體,但透過字型的大小/粗細/顏色來區分層級。主標20px,內文14px。有一定的落差及粗細比例讓使用者容易辨識層級。另外我發現,Dear b&b中的文字間距都比其他網站來的大,我想應該是這樣的閱讀體驗會讓人放鬆,也做好去旅行的準備,哈哈。

page05  

• 女性最愛的湖水藍為主要色彩計畫

未命名-1

未命名-2-01    

也許有人有做過研究,更或許是受了「Tiffany」的影響,如果要選出最待表女人的顏色,除了粉色,大概就是湖水藍了。Dear b&b就使用了這兩個代表女性的顏色做為網站的色彩計畫。根據維基百科,Tiffany Blue正確的色碼是「#0ABAB5 」,Dear b&b在網站的NAVI上使用了三個不同程度的湖水藍,其他皆用無色彩的規畫,讓湖水藍能跳出來卻能彼此協調。

• 貼心的分類導覽,給最親愛的"妳"

既然網站標榜的是「給女性的民宿資訊網站」,在資訊的分類上也貼心的以女性會在乎的出發點做分類,從「對象」、「地點」、「價位」、「空間氛圍」、「環境設施」等,很直覺的分類讓人感覺很親切、很安心,就算一個人旅行也不怕了。

• 留白空間,視覺也可以自由呼吸

page03

page04    

在call for action的設計上,Dear b&b倒是沒有選用很跳的顏色,但選擇了以大區塊、四周留白的方式來凸顯call for action。大量的留白可以讓使用者焦點落在重點位置,也讓視覺有了可以呼吸的空間。在位置的擺放上,也可以看到call for action都是在畫面的右下、下方,如此的擺放法會讓使用者對空間產生記憶特性,會習慣知道那裡有東西可以點、有訊息可以接收。

• 使用照片當背景,有效傳達網站訊息

page01  

要不是Dear b&b高明的使用,我會覺得以照片當網站背景聽起來像是糟糕的50年代的老點子。但Dear b&b巧用的用了高度Blur過後的照片當底圖,感覺很新穎,色調也很溫暖。每間民宿都使用了不同的圖片,彼此協調卻又有獨特性,給予了比普通網站更加有機的元素,展現大膽、強力而顯著的感覺。

 

(圖片來源:Dear b&b 為妳精選的旅宿指南

arrow
arrow
    文章標籤
    網站設計 dear b&b
    全站熱搜

    ariselin0224 發表在 痞客邦 留言(0) 人氣()