現在超夯的菇菇筆不知道大家蒐集到幾支了呢?小編因為不喝咖啡所以只能靠別人贊助...原本一早就大排長龍的咖啡店，更是因為層出不窮的促銷花招被擠個水洩不通@@，還不如在家裡放一台咖啡機咧，今天要介紹的網頁設計案例，客戶就是代理義大利老牌BIALETTI摩卡壺，而且除了摩卡壺連鍋具現在都有在生產，奈米鈦陶瓷無機健康塗料處理，鍋身把手耐高溫230°C 、鍋蓋耐 204°C 、鍋面耐400°C，讓你在家就可以煮出5星級大飯店的好味道!
負責接洽的業務Joseph說，一開始接洽到這個案子就得知這次的客戶大有來頭呢～愛品馨是專門代理義大利品牌BIALETTI咖啡壺與鍋具和周邊產品，市場做得頗大的～在很多百貨公司都有設櫃，所以客戶希望此次網頁設計要以購物型態為主，老闆也希望可以讓瀏覽者一進到網站就可以觀看商品以及方便購物。
另外，在談論風格與版面配置的時候，客戶希望製造出溫馨且有質感，畢竟他們的產品也屬於高單價的，客戶本來希望網頁設計可以用淺色系為背景去做，但我們看過了愛品馨原本的網站已經屬於白色背景的網頁設計，所以建議客戶可以做一個暗色系背景的網站，會有不同的呈現效果與風格，客戶在版面比較沒有特定的想法，希望由我們去設計，在網頁設計第一版ＬＡＹＯＵＴ的時候，客戶端覺得還不錯並沒有太大的修改意見，比較特別的是客戶希望在首頁可以增加ＦＢ粉絲團，讓首頁整體更豐富，整體來說，這次網頁設計案件進度還算蠻快的，客戶的內頁資料也準備的很齊全，順利的上完資料，後來也直接去客戶那邊做後台教學，因此順利結案。
就網頁設計的層面來探討，這個網站當初在設計的時候，其實客戶還蠻要求設計感，所以在設計師們的努力之下，彼此互相腦力激盪，所以設計出來的版型並沒有被客戶打槍。功能清楚、簡單，才是讓瀏覽者更快速的找到想要找的資料，所以在網站每個頁面的左側部分，我們幫客戶規劃了一個產品快速連結按鈕；它使用了網站預設的分類清單，所以日後對於客戶的維護是相當的方便及簡單。
緊接著內頁的部分，在每個頁面的上版地方，我們使用了黑快馬的預設h3，去做一些CSS上的修改，讓他可以有一張Banner的圖片，這樣整體較具有設計感，也比較好看；更方便的是，客戶日後不需要懂語法，即可以馬上做維護的動作，實在是相當的方便。
利用系統的H3，修改CSS，讓它產生Banner的圖片
在頁面部分，關於我們頁面有使用了一些自訂樣式的按鈕，她的優點是較具有設計感，不過缺點則是客戶需要懂語法，日後才有辦法維護與編輯，算是美中不足…
在Q&A問與答頁面的地方，我們使用了jQuery的套件，這套件相當的普遍，但蠻好看的。唯一的缺點就是是使用自訂的做法，也就是客戶日後在維護的時候，必須要稍微懂與法，但其實維護的語法並不會相當的困難，得仰賴業務去教學。
問與答最常使用到的jQuery套件，相當的特別
|
最後，在每個網站頁面的左側，我們可以看到，都有FB的粉絲團嵌入視窗，基本上也是使用自訂的方式下去製作的，所以只要在每個預設頁面的地方增加模組進去後，每個頁面就可以立刻呈現出來，尤其若搭配FB粉絲團的專案行銷，更可以讓這個網站的曝光度更廣，其實客戶不彷也可以嘗試看看，相信一定會為這個網站帶來可觀的粉絲團人數！
左側預設分類清單，方便客戶維護，更方便瀏覽者快速找到想要的資料
BIALETTI不只在網站上可以線上購物，在各大賣場百貨都可以買的到，最近在天母還有藍帶料理廚藝教學，主要是展現他強大的鍋具!若是零用錢不夠又急著入手的朋友也可以到花車專區找便宜鍋具歐!
業務Joseph/設計師Jerry分享
沒有留言:
張貼留言