2013年10月8日 星期二

網頁設計案例分享-化妝舞會裝扮購物網

單身PARTY衣服去哪租借?我的小寶貝滿周歲想要不一樣的派對!龍年結婚潮進入尾聲之後,小編時不時聽到這類話題在周遭出現,今天小編介紹這篇網頁設計分享也算是工商時間,造福廣大親友團!因為今天的客戶是經營25年,全台第一家專營節慶化妝舞會、配件的公司……鑨翔!相信國高中時社團活動表演、進入社會後尾牙表演、萬聖節生日派對寶寶周歲慶生….那些年我們一起經歷的開心回憶都少不了鑨翔,負責這次案件的業務Joseph難得回台灣就被交付這工作,Joseph表示這次又成功化解了小小的危機,下面就請Joseph來介紹一下吧~
第一次拜訪這客戶,坐落在南陽補習街上的獨棟大樓,一進入公司就感受到強烈的華麗活潑氣息,客戶主要業務是生產與銷售派對使用的服裝批發,工廠在上海就有1000人之多,主要客戶都是國外採購商,希望作個英文網站針對外國客戶展示他們的服裝,並且線上選購,在看商品前必須又要登入帳號密碼。

所以我給客戶看過了我們過往豐富的網頁設計成功案例,並且建議設計方向就以華麗的方式呈現,並且展示了rocket系統強大的購物車功能,與會員權限控管功能,在買商品前必須登入帳號密碼才能瀏覽商品。

當客戶感覺滿意的同時,問題來了

因為客戶想讓廠商選完之後,送出訂單再後續報價,所以客戶不希望在選購的時候直接秀出價錢,這對我們軟體開發來說,根本是不合邏輯的事情,沒價錢怎麼購買商品,怎麼送出訂單?如果針對這樣的特殊需求開發,又肯定是23個月不可能完成的項目!

經過我深思熟慮後,建議客戶可以在我們系統裡面,把幣別改成piece,把所有商品的價格都設定成1,也就是每個商品的單價都是1piece,採購50個同樣商品就是50piece,完美解決這以往需要專案開發的要求。另外,由於客戶有幾萬筆的商品資料需要放進來,我們提供了匯入商品的功能,只要客戶將原本商品資料整理成excel的檔案,圖片也依照標準格式命名,就可以大筆匯入資料了。

客戶對我們的設計案例與整體的系統規劃相當滿意,所以第一次談完,隔天就趕緊安排我們開始製作。也由於設計部門的專業與認真,並且犧牲假日陪朋友逛街吃飯的時間,協助客戶上完所有的商品資料,所以在很短的時間內,案件就得以順利完成,我們的努力除了老天,客戶也看見了,所以客戶也很給力,在內頁都還沒全部上完的時候,就願意先行結案,以感謝我們的積極配合。

小編認為再怎樣不合邏輯的事情,007Joseph總是能輕易化解,也和這次網頁設計是由資深設計師Ellis姊負責有關係,快請Ellis姊細說設計端部份遇到的難題…..

設計師一開始看到客戶的產品(節慶活動裝扮用的服飾),覺得很新奇,因為從未接手過這類的案件,算是一個新的視覺設計挑戰。在了解客戶的需求和想呈現公司的形象感覺,其實在製作設計LAYOUT過程算是蠻順利,版面以紫、黑色系為主,用暗色情境來塑造整體網站風格,更在設計Banner時,加入符合客戶產品的元素和圖片以做搭配,更能突顯出客戶的產品。


一般在購物網站常會看到jQzoom效果(圖像放大鏡),原本以為無法使用在後台程式端部份,經由設計師一番測試與研究,卻有重大的突破,是可以執行運作,也方便客戶維護及自行新增產品,客戶不需要懂深奧的語法,只要將資料建立和小圖大圖上傳,簡簡單單地便能將效果呈現出來,實在令人高興啊!




另外,別有特色較為不同的是圖片輪播的效果,我們常看見就圖片淡入淡出或是一些炫麗過場效果,而這次使用的則是有如幻燈片的圖片播放器,可以自由暫停、播放,絕對不輸給其他的JQuery圖片輪播效果唷!!



重要一點是客戶的產品其實數量很多,有上千筆資料,況且客戶也在趕著做活動,不可能一筆一筆在那建立資料。而網站後台系統就有這麼貼心的功能,能一次大筆匯入商品資料和圖片,這樣既能快速建立商品又能節省更多時間,只要將每一筆商品的資料完整的對應建立好,再把需要的圖片壓縮成一個檔案,上傳即可。


最後,客戶希望能有個形象頁面,來代表公司的國際化水準,為此設計師花了相當大的心思去設計製作,利用緞帶和一些繽紛色彩的元素,來讓消費者一進網站就有歡樂活潑氣息的感覺。



但似乎並未抓到客戶要的設計理念,於是又重出了另一個版本,採用舞台當作背景,再搭配馬戲團的題材做設計,佈景舞台花了不少時間做設計上面的巧思,色系則使用黑色為主,搭配氣球、碎紙的素材,讓畫面看起來更活潑生動。



可能太過平面了,客戶希望能更有立體感覺,甚至能突顯公司的形象,讓消費者能對此網站印象更加深刻,而希望我們將公司的英文以3D立體方式呈現,擺放在舞台上和那些模特兒做搭配。


經過好幾次的溝通和修改,一直無法抓到客戶想要的視覺感,最後跟客戶協調下,由客戶自行出LAYOUT再交由設計師上線,此案件才圓滿地告一段落。


看到這些LAYOUT小編感覺客戶真的是不想給我們設計師設限,怕影響設計師創意表現(你確定??),所以說得含糊不清,趁Ellis在修改的時候客戶其實是在找小魔豆吧,是吧,風格完全不一致阿!所以溝通真的很重要,下次也希望客戶能提共幾張比較具體的網頁設計參考風格,總不能一直讓設計師摸黑回家啊@@


業務KIMO/設計師Ellis分享
 



沒有留言:

張貼留言