[CSS]好山好水好越光-小倉屋美味米店

小倉屋是一個米糧專賣店,提供產地直銷服務,每年可訂購時才會開起購物車服務,就有如夢幻湖一般。平常的時候小倉屋更新網站的部落格文章,讓大家可以看到最近產地又發生了什麼事情,所以除了看到播種、收成等期待與喜悅的氣氛外,還可以看到農地遭鳥或猴子等動物摧殘導致農產品受損的傷心處。會舉出小倉屋這個網站,主要的原因並不是想談農產品產地直銷的行銷問題,雖然說小倉屋是個不錯範例,但是今天我想談得其實是,精簡高雅日本風部落格設計,雖然很大一部份的原因是在於......我看不懂日文。

說到日本,大家就會想到日本的國旗是白色底紅色圓,象徵著火紅的太陽,因此紅色對日本的影響非常的深遠,但是正紅色(RGB:FF0000)在許多情況下並不適合直接用於頁面設計上,雖然說正紅色在頁面上非常顯眼,但那樣的紅潤是非常刺眼的,也不宜久視, 所以大部份時候都用暗紅色來當作頁面上的配色,如小倉屋正是如此。如果說紅色太陽轉變成暗紅色的底,那太陽的圓肯定轉變成左上角小倉屋的Logo識別,那Logo識別的光暈除了讓Logo看似夜晚高掛的月亮以外,還像徵的圓潤的越光米,是把產品以意象的形式容入其中,所以說小倉屋整體的設計概念就是傳達著「這是日本的越光米「,當然,以上只是我這個不懂日文的人所猜測的設計思維。

由於小倉屋的網站目的主要是讓農產品與產地做結合達到產地直銷的目的,所以網站設計模式會比較偏向部落格模式,以文章編排模式為主要設計的要點,而對於一般部落格常出現的一個問題(包括我自己的草監影像私人頻道都有這個問題),就是文章分類的選單非常不親切,當你在看草監影像私人頻道時,你會發現右側的文章分類選項非常的不容易點選,尤其是看到頁面下方的最後面幾篇文章時,更是必須往上捲才能選到文章分類,對於這個問題小倉屋就處理的非常好,他把Logo結合右側快捷選單的概念做在一起,當你往下捲動頁面時,Logo與選單也會跟著往下捲動,除了視覺效果很好以外,在網站動線上的安排,幫助也非常的大,省去來回捲動的時間,也讓網站呈現出多樣風格,給人許多不同的感受。另外對於部落格類型的網站首頁設計,如果沒有妥善安排簡略的文章就會變得像草監影像私人頻道一樣又長又不親切,所以在首頁顯示適當的圖像與精簡的短文就又是小倉屋一個成功的設計。

小倉屋這樣的商店屬性的網站,重點不外乎就是產品,這也是為什麼小倉屋的形象圖會是米糧與美味的米飯還有小孩滿足的美味表情,透過情境的佈置讓讀者很快的進入小倉屋的米糧世界中,隨著部落格的文章一起牽動自己的情緒,這就是所謂的博感情,像這樣的行銷方式有種專有名詞叫做情感行銷。什麼叫做情感行銷?簡單的說就是透過一些故事性內容誘發圍觀者的情感,引發圍觀者行動的一種行銷方式。如果以AIDA模式來說(任何行銷方式基本上都希望可以做到AIDA四個步驟達成觸發行動),小倉屋的D應該是最凸顯的。

附註: 小倉屋在前幾天突然連不上了,原因未知,希望過幾天就會復原了才好。
附註二:小倉屋於8月15日又復原了,這真是太好了。
Share on Google Plus

About Nowill Chang

從踏入網路世界的第一天開始就不斷熱衷研究網站的各種事宜,目的是讓台灣人製作的網站也可以追上國際設計潮流。目前是品禾全端網路工作室實習掃地僧,企圖用最少的資源創造最新的網路公司營運模式。公司的理念是“開發更有價值的跨平台網站與網路應用程式”,Line帳號:nowill,歡迎閒聊泡茶喝咖啡。
    Blogger Comment

0 位過客留言,我也要留言:

張貼留言