這篇文章拖了很久～～～，拖到我們日本的員工旅遊都回來了，又被催稿啦。
這次Aunt Stella’s (詩特莉餅乾) 的網站改版，其中一個主要想要解決的問題是，原本的網站因為商品不斷增加，造成使用者瀏覽上的困難，在舊的網站上，使用者很難進行產品的選擇及購買，為了購買產品不斷不斷的切換網頁，是非常考驗消費者的耐心，消費者的耐心通常不會超過0.25秒太多，因此這次的主要目的是，提供使者者方便瀏覽，快速找到產品，愉快的消費體驗。
首先在手工餅乾及蛋糕的頁面，這次使用了 縮圖與擴展式的預覽 來解決使用者為了買多項商品不斷切換頁面的問題（注１），如此一來，使用者可以在這個頁面任意打開不同產品的簡介，輕鬆的購買，接著換到另一個商品。
而精緻禮盒頁面，則是使用filter來幫助使用者快速找到心目中理想的商品（注二），在精緻禮盒頁面中，我們提供了禮盒種類及價格區間兩種filter，例如使用者想查詢
500元到1000元之間的婚約禮盒，他只需要點擊婚約禮盒以及$500~1000，頁面就會列出該區間的禮盒，省去在眾多不同禮盒中，找出適合自己禮盒的繁瑣。
以上是這兩點是這次網站改版在改善使用者購買經驗所做的努力，如果有興趣研究相關作法的JS，可以參考注釋，大家看了圖片有沒有很餓呢？快去買一包詩特莉餅乾吧！
注１： THUMBNAIL GRID WITH EXPANDING PREVIEW (http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/)
注２： MixItUp – A CSS3 and JQuery Filter & Sort Plugin（http://mixitup.io/）