小編從以前到現在也分享了許多關於網站設計的案例分享，不知道大家有沒有從我們紅威的網站設計得到些什麼呢~^^ 如果我們的網站設計有激發出你(妳)們的靈感，一定要告訴小編唷~那小編我會非常開心的。
這次分享的網站設計在一開始接洽到案子時，得知這次的客戶大有來頭喔～!! 愛品馨是專門代理義大利品牌BIALETTI咖啡壺與鍋具和周邊產品，市場做得頗大的～在很多百貨公司都有設櫃，所以客戶希望此次架設網站要以購物型態為主，老闆也希望可以讓瀏覽者一進到網站就觀看到商品以及方便購物。
另外，在談論風格與版面配置的時候，客戶希望製造出溫馨且有質感的感覺，畢竟他們的產品是屬於高單價的，客戶本來希望網站可以用淺色系為背景去做設計，但我們看過了愛品馨原本的網站已經屬於白色背景的網站設計，所以建議客戶可以做一個暗色系背景的網站，會有不同的呈現效果與風格，客戶在版面比較沒有特定的想法，希望由我們去負責這次的網站設計，在出第一版ＬＡＹＯＵＴ的時候，客戶端覺得還不錯並沒有太大的修改意見，比較特別的是客戶希望在首頁可以增加ＦＢ粉絲團，讓首頁整體更豐富，整體來說，這次案件進度還算蠻快的，客戶的內頁資料也準備的很齊全，順利的上完資料，後來也直接去客戶那邊做後台教學，因此順利結案。
就網站設計的層面來探討，這個網站當初在設計的時候，其實客戶還蠻要求設計感，所以在設計師們的努力之下，彼此互相腦力激盪，因此設計出來的版型並沒有被客戶打槍。功能清楚、簡單，讓瀏覽者更快速的找到想要找的資料，所以在網站每個頁面的左側部分，我們幫客戶規劃了一個產品快速連結按鈕；它使用了網站預設的分類清單，所以日後對於客戶的維護是相當的方便及簡單。
緊接著內頁的部分，在每個頁面的上版地方，我們使用了黑快馬的預設h3，去做一些CSS上的修改，讓他可以有一張Banner的圖片，這樣整體較具有設計感，也比較好看；更方便的是，客戶日後不需要懂語法，即可以馬上做維護的動作，實在是相當的方便。
在頁面部分，關於我們頁面有使用了一些自訂樣式的按鈕，它的優點是較具有設計感，不過缺點則是客戶需要懂語法，日後才有辦法維護與編輯，算是美中不足….
左側預設分類清單，方便客戶維護，更方便瀏覽者快速找到想要的資料
利用系統的H3，修改CSS，讓它產生Banner的圖片
在Q&A問與答頁面的地方，我們使用了jQuery的套件，這套件相當的普遍，但蠻好看的。唯一的缺點就是是使用自訂的做法，也就是客戶日後在維護的時候，必須要稍微懂與法，但其實維護的語法並不會相當的困難，得仰賴業務去教學。
問與答最常使用到的jQuery套件，相當的特別
最後，在每個網站頁面的左側，我們可以看到，都有FB的粉絲團嵌入視窗，基本上也是使用自訂的方式下去製作的，所以只要在每個預設頁面的地方增加模組進去後，每個頁面就可以立刻呈現出來，尤其若搭配FB粉絲團的專案行銷，更可以讓這個網站的曝光度更廣，其實客戶不彷也可以嘗試看看，相信一定會為這個網站帶來可觀的粉絲團人數唷~
設計Jerry
業務Joseph
分享
沒有留言:
張貼留言