20170207專案程式boxstogo

Boxs2go案件分享，業務William

Boxs2go客戶位於加拿大，初期聯繫為信件來往，與客戶取的聯繫電話方式，馬上通電話與客戶詳細確認專案後台細節，提供報價單給客戶提早壓單，建議業務同仁初期與客戶聯繫一定要取得電話連絡方式，電話或見面會比起信件來的效率非常多。

因Boxs2go為專案開發後台，所以在製作中期難免會碰到溝通上的問題，客戶會認為有些功能因該很簡單所以理所當然要做出來，但在製作端角度是很麻煩的，所以理當要與客戶溝通，讓客戶理解設計上麻煩處及說明原因，對於製作流程尚有幫助。

Boxs2go是今年第一件結案的專案開發後台，業務、企劃及設計師花了很多時間來處理這案件，但收益良多，有助於往後相關專案的案件的幫助。

Boxs2go結案分享

本網站依客戶之需求，做成一頁式的網站，從介紹網站到產品資訊與購買產品都在同一個頁面完成。

依客戶之需求，需要在一進入頁面看到整頁滿版的影片，在這裡使用youtube API來崁入客戶之網站，

在手機版的尺寸上，因螢幕大小的關係，設定成擷取影諞正中央的畫面來做播放

如有需要觀看完整影片，可點擊畫面上的「WATCH VIDEO」，

將會跳出光箱，完整播放整個影片

點擊上版選單之「product」，將跳出光箱介紹產品之資訊，透過這樣的設計，來降低使用者因刷新網頁而等待的時間。

產品列表設計為使用輪播圖模組來切換產品，點擊產品下版內容將直接置換

手機版設計為一次只列出一樣產品，並支援手指滑動觀看

首頁的第二頁為選擇「顏色」「數量」「種類」後會同步更換下方的產品圖片，

產品圖片因客戶之需求，使用能360度環繞的套件，並支援手機瀏覽

頁面的下方可選擇要購買的顏色與數量，下方之金額會同步刷新，並傳遞給後台做結帳的動作

在結帳流程上，剛才加入購物車的商品，會呈現在填寫畫面之右側，

在手機版上則設計成滑動方式呈現

在「contact us」·「partnership」·「about us」頁面

依客戶之需求，設定為當內容超過視窗高度，則內容在區塊內滾動，不顯示拉bar

後台登入畫面也修改為以客戶企業色為主的配色

總結：

在一頁式的網頁能夠讓使用者完美的聚焦在想了解的事情上面，

影片（做什麼·怎麼使用）>360圖片(商品詳情)>此產品對我有什麼好處>此產品的功用>詳細規格>購買

一氣呵成的瀏覽體驗，減少頁面刷新時間避免客戶因等待而離開網頁的問題。