2012年3月23日 星期五

Aloxxi

Aloxxi

網站架構圖



















1 網站載入時字體從黑幕中依依浮現再淡出,接著水波造型顯現品牌名,最後進入本網站。配上背景音樂營造氣氛,像是準備觀賞一部電影前的片頭。如果不想有音樂,可點選下方的喇叭圖示,也可選擇權螢幕播放。
















2 每個項目點選進去如同觀賞一部小短片,有些簡介。Products 部分有產品的大圖,預知詳情只要移至該圖就會出現內容,像是介紹電影角色般。Loading則是以品牌名下的底線跑動,增強品牌印象。




3 Buzz 讓大家知道此品牌的知名度。點近選項中,一整排的雜誌封面任君瀏覽,游標移入會放大,點選擇可見詳細內容介紹。





4 House of Aloxxi 使用進入網站的同個畫面相互呼印,介紹的背景圖如同電影海報,可拉移的紅色長方塊搶眼讓畫面更有冷酷高傲的感覺。




5 Color personalties有模特兒展示,可放大染髮眼色細看。




6 Salon locator 會另開視窗,有更詳細的資訊及服務。




7 Contact usProfessionalDistributors的設計和背景也是時尚給人一種很有自己個性的感覺。












黑色背景搭上整體設計營造一種高貴、時尚的氣氛,透露著自信美。背景音樂主導整個情緒,逛完網站如同看完一場電影,尤其是可放大至全螢幕加強效果,之後也可以開著頁面讓播放音樂,我很喜歡網站的音樂。

沒有留言:

張貼留言