2011年3月16日 星期三

Free Stitch


              Free Stitch - quality life with you -

    ↑ 這是專門提供狗狗用品的購物網站,進入網頁時會以橘色色塊由上往下降,隨著讀取進度的百分比增加畫面中的比例,接著直接進入主頁。






     ↑  主頁畫面中上方列為選單列表,呈現方式以簡單的文字呈現,選單下方為主要畫面,主要以狗狗穿搭的服裝或是使用這家網頁產品的照片做為背景,而且會切換不同畫面。
每張照片的風格都具有質感為產品加分不少。



     ↑  選單CONCEPT點選後就會於主畫面出現小視窗。




     ↑  選單ITEM點選後,會出現一條橘色小選單,網頁將商品做了清楚的分類,讓瀏覽著可以根據分類做切換,更加快速的找到合適的商品,省去顧客尋找的繁複工作。切換時也會有細膩的變化表現。




    ↑ 購物網站的重點就在於瀏覽商品,也是一樣在主畫面跳出小視窗呈現,小視窗的左右兩側還有PREU和NEXT 可以切換其他商品,也就是上方的選單可以自由挑選,而小視窗則是可以前後瀏覽。如果對商品滿意還可以點選MORE將會進入到更詳細的購物網站。



     ↑  另外有更詳盡的訊息的購物網站,商品與這邊網站相同。




   ↑  另外網頁最精緻的地方是有大量的相片可以觀賞,在GALLERY中會出現上方一排的小點點,這些小點點就是網頁大量的照片,每張照片都是狗狗使用產品的樣貌,也都是網站本身可以購買到的產品。選點點會出現照片的縮圖可以觀看。



    ↑ 網頁還提供桌布、部落格貼紙、螢幕保護程式。



    ↑  桌布


   ↑ 部落格貼紙還可以設計喜歡的色彩。


    ↑  螢幕保護程式




    ↑  聯絡方式,一到選項時會轉為橘色。


    觀察完整個網頁後,可以發現網站用橘色做為主要色彩,在小細節內出現並且搭配得剛剛好,也營造出溫暖溫馨的氛圍,與網站的照片相呼應。網站的整體很完整,還有可供瀏覽者下載的附帶價值,通常會讓人停留更久。大量的相片是網站的特色之一,可以透過照片讓商品更具價值,看完連沒有狗狗的我都有了想買的衝動了,我覺得是很棒又有氣氛的購物網站。







Website: http://www.freestitch.jp/

沒有留言:

張貼留言