20170802-響應式網站南北雞鴨店結案分享

                     南北雞鴨店 結案心得報告


從業務說明一下:

一、 南北雞鴨店位於台北市錦州街松江市場，是陌生開發的客戶。因為客戶本身是屬於比較傳統的行業，所以對網站架設和網路行銷比較不瞭解，但是客戶主打的商品是滴雞精，非常適合做網路販售，和客戶討論後建議可以先做套版的網站，初步的構想是讓網站成為南北雞鴨店的網路商店。

二、 簽約後，客戶選了需要HTML外部功能的版型，但這沒有提醒客戶往後的維護會較為困難，之後應該避免此種狀況。客戶本身也沒有準備商品的圖片，相關的文字介紹也較為匱乏。因此幫客戶找了神速影像工作室，拍攝相關商品圖片，拍攝時也有到現場協助他們，同時也請客戶準備相關的形象標語、產品簡介、相關的檢驗報告、店家歷史、報章雜誌媒體報導、產品的製作過程…等等，前期的資料準備雖然龐大，但還算順利。

三、 製作中，發現這個版型應用在RAW上會有難以維護的狀況，因為左側選單的部分，客戶若要置換圖片需要將圖片縮放到適當的大小才能替換，首頁的部分有百分之八十都需要語法來更改，但是考量到首頁已經製作完成，將會採取詳細教學的方式，讓客戶了解如何修改，之後的教學會是重點。


四、 網站製作完成後，整體的配色因為要和客戶的LOGO搭配，因此採用咖啡色為主，白色為底的配色。首頁大圖輪播利用客戶自行提供的照片(老闆和員工的合影)製作了三張BANNER給客戶，下方是熱門商品和精選商品的陳列，底部是崁入GOOGLE地圖還相關聯絡方式。比較特別的是手機板的網頁，有設計三個選項(精選商品、我們的產品、最新消息)的按鈕在版面下方，讓瀏覽者可以馬上進入購物，是一個相當貼心的設計。


五、 中間經客戶內部討論之後列出幾個想要修改的地方:
1.LOGO想要移動到畫面左側
2.搜尋BAR要移動到往畫面右側，與圖片切齊
3.取消底部的地圖崁入，將地圖置放到連絡我們
和客戶研究這些修改的問題之後，最後說服客戶維持第2.3點的設計，但客戶堅持將LOGO置換成較為複雜的版本(客戶自行提供)，新的LOGO新增了紫色線條、和紅色的字體。

六、 經過一個禮拜的測試，各項內容，都顯現正常，並且到客戶那邊教學了兩次，客戶大致上對內容修改已經有了相當的掌握，最後順利安排結案囉。

看看設計師怎麼說?:


這次結案的客戶為南北雞鴨店，


客戶希望是做一個結合電子商務功能的網站，
在設計上我們製作一個左側商品，將整個網站最想呈現給客戶的內容一次呈現在左側選單內
包含精選商品，商品分類，最新消息等內容。
同時將左側作為共用的設計，令每個頁面都會顯示左側，讓網頁使用者在使用的時候可以即時切換想找的商品分類。



在商品的頁面部分有加入購物車的功能，並且會顯示商品金額與商品詳細資料。

整體來說，整個商品走的是淡米色的風格，讓使用者可以在沒有壓迫的環境下來完成電子商務購物功能。