設計喃喃【Petstro】

撰文者 | Anya
編輯者 | Rich


 

購物網站介面風格的變化性

沛德奧Petstro在眾多的寵物車品牌中脫穎而出的原因,歸功於他們對細節上的重視。在他們的經營理念裡,不只是對自家產品的細節重視,也特別強調使用者體驗的重要性,從網站的整體風格到後續功能上的開發就不難看出,Petstro對網站的流暢性與功能面都有自己的堅持。 了解更多功能面上的開發。


設計流程

在每個專案的一開始,樂活團隊都會請客戶提供喜歡的網站,這不只幫助設計師了解客戶喜歡的風格,也對後續整體的網站結構與功能製作上有個範例來做參考。

在這專案中,Petstro喜歡我們為HYGGE SHOES設計的大區塊分類,在後續的設計中我們就會依據範例將相似的元素放在設計中,進而提出各種版本給客戶去選擇。

每一次的提案都包括了多種風格與版本,客戶可以透過不同的設計,加深他對自我品牌的認識,進而聚焦邁向最終設計。


icon設計

在網站規劃時,Petstro希望協助消費者從各式各樣的寵物車中,比較出最適合自己寵物的商品,於是我們客製了一個比較按鈕在商品區塊方便消費者使用。

在這裡我們遇到的難題是"如何製作一個代表性的圖標"。圖標的用途是一種帶有「指示用途」的圖案,雖然這個【比較功能】在許多購物網站上並不是一個罕見的功能,但並沒有一個指標性的圖標來表達此功能,所以在設計上必須考慮到使用者是否能了解此圖標的意思。

在第一個提案中,我們選擇簡單的雙箭頭圖標,也加入文字來提示初次進入網站的使用者們這個圖標的意思,一方面也是增加空間好讓使用者去點選該按鈕。

在第二個提案中,圖標我們參考比較頁的頁面構造(圖片在上方,下方為商品的資料)來設計出特殊指標。

值得一提的是第二次提案,由於客戶希望嘗試不同的電商構造,我們就必須打破原先版型的框架,才能夠設計截然不同的商品列表,這部分也充分告知客戶更改程式構造屬於加購客製化的部分,不過最後並沒有參考建議執行。


設計過程中客戶往往都會需要請我們協助,來找出他們描述不出來的想法與看法,樂活團隊非常樂意提供專業的建議讓客戶有方向能夠更居焦於核心。若已經用完修改版本次數,但還是想看更多畫面或是方案,我們也都可以用加購的方式來獲得更多截然不同的設計,畢竟獨特的事物總是好事多磨 :)

若欲瞭解更多請至正式發布案例,帶我去

Click to Hide Advanced Floating Content