2012年12月9日 星期日

俏雞 堅持品質之餘不忘賣萌-網頁設計案例分享


俏雞  堅持品質之餘不忘賣萌-網頁設計案例分享

大家好~今年小編要來分享兩個七年級生,如何在競爭激烈的鹽酥雞市場打下一片天............,別誤會這不是"一步一腳印"啦,不過據了解從當初的被斷貨打擊,每天為醃料比例為產品研發所苦;不知倒掉多少失敗品,燒掉多少積蓄,最後終於開了三家門市;兩位大大說真的是一步一腳印!如今底子打好了,網站設計這塊就當然交給專業的紅威媒體囉,慧眼獨具的老闆們對親切討喜的網站設計成品很滿意^^。

現在就由負責俏雞業務的Jason跟大家分享俏雞的主要訴求~以下是與業務設計師訪談的內容:


客戶想做客製化網站但預算有限,所以在溝通價格的時候,有跟客戶說如果可以配合月底前且付全額,價格就可以便宜

 客戶希望首頁能夠像錢都一樣用Flash的效果呈現菜色的精緻感,但因為用Flash製作客戶後續維護不便,故建議用Javascript去做圖片的切換。在內頁製作的時候客戶想要活潑一點的字體,但因為一般網頁瀏覽者的電腦只支援基本字型,且搜尋引擎無法抓取圖片資料,這部分有提醒客戶要注意,溝通之後客戶是說沒關係,所以最後依此下去製作。另外客戶希望能增加一個版面外連到民宿的網站,但因當初規劃沒預留版面,所以有建議客戶在旁邊加一個浮動視窗。


 最後因為客戶希望趕快跑行銷活動,所以我們就加緊腳步把網站完成,好讓客戶可以趕快執行實體店面的活動,那這次網站設計客戶很滿意,接下來我們也會努力的幫客戶執行行銷活動。
負責俏雞網站設計的Ellis&Ted這次嘗試了不同風格,來聽聽兩位設計師如何滿足客戶方便修改
首頁圖文!

 歷經幾次修改,終於在本月結案。其實跟其他網站架構都差不多,不過在製作時還是有麻煩的部分,一開始客戶沒啥想法,所以在LAYOUT的製作上,使用它本身LOGO的顏色來製作,風格盡量以簡單為原則,加上中間使用產品圖輪播為主軸來呈現整個網站,不失去整體感(如下圖)


中間使用產品圖輪播為主軸

一開始出LAYOUT時只是單純想讓”右下角的產品切換輪播”以圖片方式輪播,但是當上線時客戶希望對其圖片標題文字能自行修改,這跟當初出版時有出入,所以花了些時間去尋找相關解決方法。在內頁製作設計部份,客戶一開始並沒說要如何製作,所以很自然的跟其他網站一樣文字加圖片來做編排,以方便日後客戶進行維護,但是上線之後客戶認為活潑的文字版面優於純文字時的單調,所以希望能變更內文部分,因此,嘗試尋找些元素來搭配,而新的圖片輪播方式可以讓客戶可自行修改圖文




活潑的內文

從之前介紹的舒眠室網站到今天的俏雞,就可以看出紅威不受限的百變風格,看到這裡各位老闆們蠢蠢欲動了嗎?       
 
 
                                                                                                               負責業務:Jason
負責設計師:EllisTed






沒有留言:

張貼留言